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

@corva/ui 3.75.0-17 → 3.75.0-18

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

Files changed (1030) hide show

package/cjs-bundle/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":["_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","jsxs","CautionFilledCustomIcon"],"mappings":"~~08JA0D6B~~,SAWHA,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAWA,YAACR,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,EAAAA,kBAAkBV,EAAYN,GAElDiB,EAAsDC,EAAAA,YAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAAA,KAAA,MAAA,CAAKxB,UAAWyB,EAAU,QAACC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,OAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EAAAA,QACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,EAAAA,iBAAWR,MACVzB,GACC2B,EAAAA,KAAAO,EAAAA,SAAA,CAAAlC,SAAA,CACEiC,MAACE,kBAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,MAACK,OAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,MAACO,SAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAAAA,IAACK,EAAAA,KAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAAAgB,KAACL,OAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,MAACW,0BAAuB,CAACR,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":["_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","jsxs","CautionFilledCustomIcon"],"mappings":"ujKA0D6B,SAWHA,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAWA,YAACR,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,EAAAA,kBAAkBV,EAAYN,GAElDiB,EAAsDC,EAAAA,YAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAAA,KAAA,MAAA,CAAKxB,UAAWyB,EAAU,QAACC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,OAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EAAAA,QACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,EAAAA,iBAAWR,MACVzB,GACC2B,EAAAA,KAAAO,EAAAA,SAAA,CAAAlC,SAAA,CACEiC,MAACE,kBAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,MAACK,OAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,MAACO,SAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAAAA,IAACK,EAAAA,KAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAAAgB,KAACL,OAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,MAACW,0BAAuB,CAACR,KAAM,KAC9B9B,OAKX"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../FileIcon/FileIcon.js"),e=require("../Text/Text.js"),c=require("../TextMiddleTruncated/TextMiddleTruncated.js");require("../TextMiddleTruncated/TextMiddleTruncated.constants.js");var i=require("../LoaderLinear/LoaderLinear.js"),n=require("../ButtonIcon/ButtonIcon.js"),r=require("../Tooltip/Tooltip.js"),u=require("./utils.js"),t=require("./PreviewImage.js"),l=require("./FilesLoader.scss.js"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var j=require("../../icons/customIcons/icons/CautionFilled.js");require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=require("../../utils/fileExtension.js"),I=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=d(s);exports.FilesLoader=function(s){var d,F=s.formatProgress,x=s.className,p=s.name,C=s.current,h=s.total,D=s.error,v=s.onCancel,T=s.onReload,g=s.onDelete,B=s.indeterminate,M=s.complete,O=s.testId,b=s.preview,f=F||u.formatSizeProgress,z=!B&&void 0!==h&&void 0!==C,P=z&&h>0?Math.min(100,Math.ceil(C/h*100)):void 0,A="string"==typeof b?b:null==b?void 0:b.name,k=p||A||"",L=null===(d=k.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 I.jsxs("div",{className:q.default(l.root,x),"data-testid":O,children:[b&&m.getIsImage(L)?I.jsx(t.PreviewImage,{image:b}):I.jsx(o.FileIcon,{name:k,size:Number(l.iconSize)}),I.jsxs("div",{className:l.content,children:[I.jsx(e.Text,{size:14,children:I.jsx(c.TextMiddleTruncated,{children:k})}),!D&&!M&&I.jsxs(I.Fragment,{children:[I.jsx(i.LoaderLinear,{className:l.progressBar,value:P}),z&&I.jsxs("div",{className:l.progressTextContainer,children:[I.jsx(e.Text,{size:12,color:"T6",children:f(h,C)}),I.jsxs(e.Text,{size:12,color:"T6",children:[P,"%"]})]})]}),D&&I.jsxs(e.Text,{size:14,className:l.error,children:[I.jsx(j.CautionFilledCustomIcon,{size:16}),D]})]}),v&&!D&&!M&&I.jsx(r.Tooltip,{title:"Cancel",children:I.jsx(n.ButtonIcon,{onClick:v,size:"small",children:I.jsx(a.CloseIcon,{})})}),g&&(D||M)&&I.jsx(r.Tooltip,{title:"Remove File",children:I.jsx(n.ButtonIcon,{onClick:g,size:"small",children:I.jsx(a.DeleteFourIcon,{})})}),T&&D&&I.jsx(r.Tooltip,{title:"Reload",children:I.jsx(n.ButtonIcon,{onClick:T,size:"small",children:I.jsx(a.RedoIcon,{})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../FileIcon/FileIcon.js"),e=require("../Text/Text.js"),c=require("../TextMiddleTruncated/TextMiddleTruncated.js");require("../TextMiddleTruncated/TextMiddleTruncated.constants.js");var i=require("../LoaderLinear/LoaderLinear.js"),n=require("../ButtonIcon/ButtonIcon.js"),r=require("../Tooltip/Tooltip.js"),u=require("./utils.js"),t=require("./PreviewImage.js"),l=require("./FilesLoader.scss.js"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var j=require("../../icons/customIcons/icons/CautionFilled.js");require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=require("../../utils/fileExtension.js"),I=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=d(s);exports.FilesLoader=function(s){var d,F=s.formatProgress,x=s.className,p=s.name,C=s.current,h=s.total,D=s.error,v=s.onCancel,T=s.onReload,g=s.onDelete,O=s.indeterminate,B=s.complete,M=s.testId,P=s.preview,b=F||u.formatSizeProgress,f=!O&&void 0!==h&&void 0!==C,z=f&&h>0?Math.min(100,Math.ceil(C/h*100)):void 0,A="string"==typeof P?P:null==P?void 0:P.name,k=p||A||"",L=null===(d=k.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 I.jsxs("div",{className:q.default(l.root,x),"data-testid":M,children:[P&&m.getIsImage(L)?I.jsx(t.PreviewImage,{image:P}):I.jsx(o.FileIcon,{name:k,size:Number(l.iconSize)}),I.jsxs("div",{className:l.content,children:[I.jsx(e.Text,{size:14,children:I.jsx(c.TextMiddleTruncated,{children:k})}),!D&&!B&&I.jsxs(I.Fragment,{children:[I.jsx(i.LoaderLinear,{className:l.progressBar,value:z}),f&&I.jsxs("div",{className:l.progressTextContainer,children:[I.jsx(e.Text,{size:12,color:"T6",children:b(h,C)}),I.jsxs(e.Text,{size:12,color:"T6",children:[z,"%"]})]})]}),D&&I.jsxs(e.Text,{size:14,className:l.error,children:[I.jsx(j.CautionFilledCustomIcon,{size:16}),D]})]}),v&&!D&&!B&&I.jsx(r.Tooltip,{title:"Cancel",children:I.jsx(n.ButtonIcon,{onClick:v,size:"small",children:I.jsx(a.CloseIcon,{})})}),g&&(D||B)&&I.jsx(r.Tooltip,{title:"Remove File",children:I.jsx(n.ButtonIcon,{onClick:g,size:"small",children:I.jsx(a.DeleteFourIcon,{})})}),T&&D&&I.jsx(r.Tooltip,{title:"Reload",children:I.jsx(n.ButtonIcon,{onClick:T,size:"small",children:I.jsx(a.RedoIcon,{})})})]})};
 //# sourceMappingURL=FilesLoader.js.map

package/cjs-bundle/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":["_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","jsxs","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","jsx","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"~~inJA4D2B~~,SAeHA,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,qBACxCC,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,EAAAA,KAAA,MAAA,CAAKvB,UAAWwB,EAAU,QAACC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAAA,WAAWP,GACrBQ,MAACC,eAAY,CAACC,MAAOpB,IAErBkB,MAACG,WAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAAa,KAAA,MAAA,CAAKpC,UAAWyB,EAAOY,QAAQV,SAAA,CAC7BE,MAACS,OAAI,CAACL,KAAM,GAAGN,SACbE,MAACU,sBAAmB,CAAAZ,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAA,KAAAiB,EAAAA,SAAA,CAAAb,SAAA,CACEE,MAACY,eAAY,CAACzC,UAAWyB,EAAOiB,YAAaC,MAAO7B,IAEnDD,GACCU,EAAAa,KAAA,MAAA,CAAKpC,UAAWyB,EAAOmB,sBAAsBjB,SAAA,CAC3CE,MAACS,OAAI,CAACL,KAAM,GAAIY,MAAM,KAAIlB,SACvB5B,EAAeI,EAAOD,KAGzBqB,OAACe,OAAI,CAACL,KAAM,GAAIY,MAAM,KAAIlB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAAAa,KAACE,OAAI,CAACL,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,MAACiB,0BAAuB,CAACb,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAAAkB,IAACC,UAAO,CAACC,MAAM,SAAQtB,SACrBE,MAACqB,aAAU,CAACC,QAAS9C,EAAU4B,KAAK,QAAON,SACzCE,EAAAA,IAACuB,EAASA,UAAA,QAKf7C,IAAaH,GAASK,IACrBoB,EAAAA,IAACmB,EAAAA,QAAO,CAACC,MAAM,cAAatB,SAC1BE,MAACqB,aAAU,CAACC,QAAS5C,EAAU0B,KAAK,QAAON,SACzCE,EAAAA,IAACwB,EAAcA,eAAA,QAKpB/C,GAAYF,GACXyB,EAAAA,IAACmB,EAAAA,QAAO,CAACC,MAAM,SAAQtB,SACrBE,MAACqB,aAAU,CAACC,QAAS7C,EAAU2B,KAAK,QAAON,SACzCE,EAAAA,IAACyB,EAAQA,SAAA,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":["_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","jsxs","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","jsx","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"8tJA4D2B,SAeHA,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,qBACxCC,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,EAAAA,KAAA,MAAA,CAAKvB,UAAWwB,EAAU,QAACC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAAA,WAAWP,GACrBQ,MAACC,eAAY,CAACC,MAAOpB,IAErBkB,MAACG,WAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAAa,KAAA,MAAA,CAAKpC,UAAWyB,EAAOY,QAAQV,SAAA,CAC7BE,MAACS,OAAI,CAACL,KAAM,GAAGN,SACbE,MAACU,sBAAmB,CAAAZ,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAA,KAAAiB,EAAAA,SAAA,CAAAb,SAAA,CACEE,MAACY,eAAY,CAACzC,UAAWyB,EAAOiB,YAAaC,MAAO7B,IAEnDD,GACCU,EAAAa,KAAA,MAAA,CAAKpC,UAAWyB,EAAOmB,sBAAsBjB,SAAA,CAC3CE,MAACS,OAAI,CAACL,KAAM,GAAIY,MAAM,KAAIlB,SACvB5B,EAAeI,EAAOD,KAGzBqB,OAACe,OAAI,CAACL,KAAM,GAAIY,MAAM,KAAIlB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAAAa,KAACE,OAAI,CAACL,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,MAACiB,0BAAuB,CAACb,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAAAkB,IAACC,UAAO,CAACC,MAAM,SAAQtB,SACrBE,MAACqB,aAAU,CAACC,QAAS9C,EAAU4B,KAAK,QAAON,SACzCE,EAAAA,IAACuB,EAASA,UAAA,QAKf7C,IAAaH,GAASK,IACrBoB,EAAAA,IAACmB,EAAAA,QAAO,CAACC,MAAM,cAAatB,SAC1BE,MAACqB,aAAU,CAACC,QAAS5C,EAAU0B,KAAK,QAAON,SACzCE,EAAAA,IAACwB,EAAcA,eAAA,QAKpB/C,GAAYF,GACXyB,EAAAA,IAACmB,EAAAA,QAAO,CAACC,MAAM,SAAQtB,SACrBE,MAACqB,aAAU,CAACC,QAAS7C,EAAU2B,KAAK,QAAON,SACzCE,EAAAA,IAACyB,EAAQA,SAAA,UAMrB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),n=require("../Popper/Popper.js"),i=require("../Text/Text.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../Header/Header.js"),a=require("../Button/Button.js"),l=require("../utils.js"),m=require("./Hint.scss.js"),j=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=d(s),p=d(e),I=d(c);function f(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function h(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){q.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}exports.Hint=function(s){var e=s.anchorEl,c=s.open,d=s.className,q=s.onClose,f=s.title,b=s.description,v=s.testId,C=s.placement,O=void 0===C?"bottom":C,x=s.children,y=s.primaryActionHandler,P=s.secondaryActionHandler,F=s.secondaryActionText,A=s.primaryActionText,g=s.stepsTotal,E=void 0===g?0:g,N=s.stepCurrent,T=void 0===N?0:N,k=s.flip,w=void 0!==k&&k,S=s.popperProps,B=o.useRef(),D=o.useState(null),M=p.default(D,2),H=M[0],R=M[1],z=o.useState(),G=p.default(z,2),U=G[0],L=G[1];if(o.useEffect((function(){requestAnimationFrame((function(){return L(c?e||B.current:void 0)}))}),[e,c]),!e&&o.Children.count(x)>1)throw new Error("Hint expects a single reffable element as a child");var W=e?x:o.Children.map(x,(function(s){return o.isValidElement(s)?o.cloneElement(s,{ref:B}):s})),_=o.useMemo((function(){var s=l.findAppContainerElement(U);return h({flip:{enabled:w},arrow:{enabled:!!H,element:H},preventOverflow:{boundariesElement:s}},null==S?void 0:S.modifiers)}),[H,w,U,null==S?void 0:S.modifiers]),K=y&&A&&j.jsx(a.Button,{onClick:y,className:m.primaryAction,type:"tertiary",children:A}),V=P&&F&&j.jsx(a.Button,{onClick:P,className:m.secondaryAction,type:"tertiary",children:F}),Z=E>0&&T>0&&j.jsxs(i.Text,{size:12,children:["Step ",T,"/",j.jsx(i.Text,{size:10,children:E})]});return j.jsxs(j.Fragment,{children:[W,j.jsxs(n.Popper,h(h({className:m.popper,transition:!0,open:!!U,anchorEl:U,placement:O,modifiers:_,container:document.body},S),{},{children:[j.jsx("div",{ref:R,className:m.arrow}),j.jsxs("div",{className:I.default(m.tooltip,d),"data-testid":v,children:[(f||q)&&j.jsxs("div",{className:m.title,children:[j.jsx(u.Header,{appearance:"appName",className:m.titleInner,children:f}),q&&j.jsx(r.ButtonIcon,{onClick:q,size:"medium",className:m.closeButton,children:j.jsx(t.CloseSmallIcon,{})})]}),b&&j.jsx(i.Text,{tagName:"div",className:m.description,size:14,children:b}),(K||V||Z)&&j.jsxs("div",{className:m.footer,children:[V,Z,K]})]})]}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),c=require("classnames"),n=require("../Popper/Popper.js"),i=require("../Text/Text.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../Header/Header.js"),a=require("../Button/Button.js"),l=require("../utils.js"),m=require("./Hint.scss.js"),j=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=d(s),p=d(e),I=d(c);function f(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function h(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?f(Object(o),!0).forEach((function(e){q.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}exports.Hint=function(s){var e=s.anchorEl,c=s.open,d=s.className,q=s.onClose,f=s.title,b=s.description,O=s.testId,C=s.placement,v=void 0===C?"bottom":C,x=s.children,y=s.primaryActionHandler,P=s.secondaryActionHandler,F=s.secondaryActionText,A=s.primaryActionText,g=s.stepsTotal,E=void 0===g?0:g,N=s.stepCurrent,T=void 0===N?0:N,k=s.flip,w=void 0!==k&&k,S=s.popperProps,B=o.useRef(),D=o.useState(null),M=p.default(D,2),H=M[0],R=M[1],z=o.useState(),G=p.default(z,2),U=G[0],L=G[1];if(o.useEffect((function(){requestAnimationFrame((function(){return L(c?e||B.current:void 0)}))}),[e,c]),!e&&o.Children.count(x)>1)throw new Error("Hint expects a single reffable element as a child");var W=e?x:o.Children.map(x,(function(s){return o.isValidElement(s)?o.cloneElement(s,{ref:B}):s})),_=o.useMemo((function(){var s=l.findAppContainerElement(U);return h({flip:{enabled:w},arrow:{enabled:!!H,element:H},preventOverflow:{boundariesElement:s}},null==S?void 0:S.modifiers)}),[H,w,U,null==S?void 0:S.modifiers]),K=y&&A&&j.jsx(a.Button,{onClick:y,className:m.primaryAction,type:"tertiary",children:A}),V=P&&F&&j.jsx(a.Button,{onClick:P,className:m.secondaryAction,type:"tertiary",children:F}),Z=E>0&&T>0&&j.jsxs(i.Text,{size:12,children:["Step ",T,"/",j.jsx(i.Text,{size:10,children:E})]});return j.jsxs(j.Fragment,{children:[W,j.jsxs(n.Popper,h(h({className:m.popper,transition:!0,open:!!U,anchorEl:U,placement:v,modifiers:_,container:document.body},S),{},{children:[j.jsx("div",{ref:R,className:m.arrow}),j.jsxs("div",{className:I.default(m.tooltip,d),"data-testid":O,children:[(f||q)&&j.jsxs("div",{className:m.title,children:[j.jsx(u.Header,{appearance:"appName",className:m.titleInner,children:f}),q&&j.jsx(r.ButtonIcon,{onClick:q,size:"medium",className:m.closeButton,children:j.jsx(t.CloseSmallIcon,{})})]}),b&&j.jsx(i.Text,{tagName:"div",className:m.description,size:14,children:b}),(K||V||Z)&&j.jsxs("div",{className:m.footer,children:[V,Z,K]})]})]}))]})};
 //# sourceMappingURL=Hint.js.map

package/cjs-bundle/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":["_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","jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","jsx","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"~~8kKA4EoB~~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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":["_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","jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","jsx","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),e=require("react-dom/server"),n=require("photoswipe/lightbox"),i=require("photoswipe");require("photoswipe/photoswipe.css");var c=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),r=require("./ImageViewer.scss.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=l(o),m=l(n),d=l(i);exports.ImageViewer=function(o){var n=o.src,i=o.onClose,l=o.onOpen,I=o.height,q=o.width,j=c.useIsInsideIsolatedDcApp(),p=s.useState((function(){if(q&&I)return{height:I,width:q}})),v=a.default(p,2),h=v[0],f=v[1];return s.useEffect((function(){if(n&&!h){var o=new Image;o.onload=function(o){var s=o.currentTarget,e=s.naturalWidth,n=s.naturalHeight;f({width:e,height:n})},o.src=n}}),[n,h]),s.useEffect((function(){if(n&&h){var o=j?parent:window,s=new m.default({pswpModule:d.default,dataSource:[{src:n,width:h.width,height:h.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:r.root,closeSVG:e.renderToString(u.jsx(t.ArrowLeftIcon,{}))});return s.on("bindEvents",(function(){var e=s.pswp;e&&j&&e.events._pool.slice().forEach((function(s){var n=s.target,i=s.type,c=s.listener,r=s.passive;n===window&&(e.events.remove(n,i,c,r),e.events.add(o,i,c,r)),n===document&&(e.events.remove(n,i,c,r),e.events.add(o.document,i,c,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:e.renderToString(u.jsx(t.DownloadIcon,{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 e;o.href=(null==s||null===(e=s.currSlide)||void 0===e?void 0:e.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomInIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,i=o,c=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.disabled=c>=2)}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel){var i=e.currSlide.currZoomLevel+.5,c=Math.min(.5*Math.floor(i/.5),2);e.currSlide.zoomTo(c,void 0)}}});var i=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomOutIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,c=o,r=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.get(s.currSlide)||i.set(s.currSlide,r),c.disabled=r<=(i.get(s.currSlide)||1))}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel&&i.get(e.currSlide)){var c=e.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(c/.5),i.get(e.currSlide)||1);e.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==i||i()})),s.on("destroy",(function(){null==i||i()})),s.on("initialLayout",(function(){null==l||l()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[n,j,i,l,h]),u.jsx(u.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),e=require("react-dom/server"),n=require("photoswipe/lightbox"),i=require("photoswipe");require("photoswipe/photoswipe.css");var c=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),r=require("./ImageViewer.scss.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=l(o),m=l(n),d=l(i);exports.ImageViewer=function(o){var n=o.src,i=o.onClose,l=o.onOpen,I=o.height,q=o.width,j=c.useIsInsideIsolatedDcApp(),p=s.useState((function(){if(q&&I)return{height:I,width:q}})),v=a.default(p,2),h=v[0],f=v[1];return s.useEffect((function(){if(n&&!h){var o=new Image;o.onload=function(o){var s=o.currentTarget,e=s.naturalWidth,n=s.naturalHeight;f({width:e,height:n})},o.src=n}}),[n,h]),s.useEffect((function(){if(n&&h){var o=j?parent:window,s=new m.default({pswpModule:d.default,dataSource:[{src:n,width:h.width,height:h.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:r.root,closeSVG:e.renderToString(u.jsx(t.ArrowLeftIcon,{}))});return s.on("bindEvents",(function(){var e=s.pswp;e&&j&&e.events._pool.slice().forEach((function(s){var n=s.target,i=s.type,c=s.listener,r=s.passive;n===window&&(e.events.remove(n,i,c,r),e.events.add(o,i,c,r)),n===document&&(e.events.remove(n,i,c,r),e.events.add(o.document,i,c,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:e.renderToString(u.jsx(t.DownloadIcon,{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 e;o.href=(null==s||null===(e=s.currSlide)||void 0===e?void 0:e.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomInIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,i=o,c=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.disabled=c>=2)}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel){var i=e.currSlide.currZoomLevel+.5,c=Math.min(.5*Math.floor(i/.5),2);e.currSlide.zoomTo(c,void 0)}}});var i=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomOutIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,c=o,r=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.get(s.currSlide)||i.set(s.currSlide,r),c.disabled=r<=(i.get(s.currSlide)||1))}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel&&i.get(e.currSlide)){var c=e.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(c/.5),i.get(e.currSlide)||1);e.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==i||i()})),s.on("destroy",(function(){null==i||i()})),s.on("initialLayout",(function(){null==l||l()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[n,j,i,l,h]),u.jsx(u.Fragment,{})};
 //# sourceMappingURL=ImageViewer.js.map

package/cjs-bundle/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":["_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","jsx","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":["_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","jsx","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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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),o=require("@tanstack/react-query"),c=require("../Chip/Chip.js"),i=require("../Menu/Menu.js"),r=require("./useInterventionUnitEvents.js"),t=require("./utils.js"),u=require("./InterventionEventSelector.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),I=m(e);function q(s,e){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(s);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),n.push.apply(n,o)}return n}function d(s){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?q(Object(n),!0).forEach((function(e){j.default(s,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(n,e))}))}return s}function p(s){var e=s.wellId,o=s.selectedEventId,m=s.onChange,j=s.className,q=n.useState(!1),d=I.default(q,2),p=d[0],v=d[1],f=n.useRef(null),h=r.useInterventionUnitEvents(e),C=h.data,b=void 0===C?[]:C,O=h.isSuccess,E=n.useMemo((function(){var s;return null!==(s=b.find((function(s){return t.isSameEventId(s.id,o)})))&&void 0!==s?s:null}),[b,o]);if(n.useEffect((function(){O&&null!=o&&!E&&m(null,null)}),[O,o,E,m]),!(null!=o||e&&b.length))return null;var x=p?l.UpIcon:l.DownIcon,y=function(s){v(!1),m(s?Number(s.id):null,s)};return a.jsxs(a.Fragment,{children:[a.jsx(c.Chip,{ref:f,className:j,size:"small",onClick:function(){return v(!0)},suffix:a.jsx(x,{}),testId:"interventionEventSelectorChip",children:t.getEventChipLabel(E,o)}),a.jsxs(i.Menu,{open:p,anchorEl:f.current,onClose:function(){return v(!1)},className:u.menu,children:[a.jsx(i.Menu.Item,{selected:null==o,onClick:function(){return y(null)},testId:"interventionEventSelectorAllEvents",children:t.ALL_EVENTS_LABEL}),b.map((function(s){var e;return a.jsx(i.Menu.Item,{size:"large",selected:t.isSameEventId(s.id,o),onClick:function(){return y(s)},testId:"interventionEventSelectorEvent-".concat(s.id),children:a.jsxs("div",{className:u.eventItem,children:[a.jsxs("div",{className:u.eventItemMain,children:[a.jsx("span",{className:u.eventItemOperation,children:s.operation}),a.jsx("span",{className:u.eventItemDate,children:t.formatEventDate(s)})]}),(null===(e=s.intervention_unit)||void 0===e?void 0:e.name)&&a.jsx("div",{className:u.eventItemUnit,children:s.intervention_unit.name})]})},s.id)}))]})]})}exports.InterventionEventSelector=function(s){return a.jsx(o.QueryClientProvider,{client:r.interventionEventSelectorQueryClient,children:a.jsx(p,d({},s))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),o=require("@tanstack/react-query"),c=require("../Chip/Chip.js"),i=require("../Menu/Menu.js"),r=require("./useInterventionUnitEvents.js"),t=require("./utils.js"),u=require("./InterventionEventSelector.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),I=m(e);function q(s,e){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(s);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),n.push.apply(n,o)}return n}function d(s){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?q(Object(n),!0).forEach((function(e){j.default(s,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(n,e))}))}return s}function p(s){var e=s.wellId,o=s.selectedEventId,m=s.onChange,j=s.className,q=n.useState(!1),d=I.default(q,2),p=d[0],v=d[1],f=n.useRef(null),h=r.useInterventionUnitEvents(e),C=h.data,O=void 0===C?[]:C,b=h.isSuccess,E=n.useMemo((function(){var s;return null!==(s=O.find((function(s){return t.isSameEventId(s.id,o)})))&&void 0!==s?s:null}),[O,o]);if(n.useEffect((function(){b&&null!=o&&!E&&m(null,null)}),[b,o,E,m]),!(null!=o||e&&O.length))return null;var P=p?l.UpIcon:l.DownIcon,x=function(s){v(!1),m(s?Number(s.id):null,s)};return a.jsxs(a.Fragment,{children:[a.jsx(c.Chip,{ref:f,className:j,size:"small",onClick:function(){return v(!0)},suffix:a.jsx(P,{}),testId:"interventionEventSelectorChip",children:t.getEventChipLabel(E,o)}),a.jsxs(i.Menu,{open:p,anchorEl:f.current,onClose:function(){return v(!1)},className:u.menu,children:[a.jsx(i.Menu.Item,{selected:null==o,onClick:function(){return x(null)},testId:"interventionEventSelectorAllEvents",children:t.ALL_EVENTS_LABEL}),O.map((function(s){var e;return a.jsx(i.Menu.Item,{size:"large",selected:t.isSameEventId(s.id,o),onClick:function(){return x(s)},testId:"interventionEventSelectorEvent-".concat(s.id),children:a.jsxs("div",{className:u.eventItem,children:[a.jsxs("div",{className:u.eventItemMain,children:[a.jsx("span",{className:u.eventItemOperation,children:s.operation}),a.jsx("span",{className:u.eventItemDate,children:t.formatEventDate(s)})]}),(null===(e=s.intervention_unit)||void 0===e?void 0:e.name)&&a.jsx("div",{className:u.eventItemUnit,children:s.intervention_unit.name})]})},s.id)}))]})]})}exports.InterventionEventSelector=function(s){return a.jsx(o.QueryClientProvider,{client:r.interventionEventSelectorQueryClient,children:a.jsx(p,d({},s))})};
 //# sourceMappingURL=InterventionEventSelector.js.map

package/cjs-bundle/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","ArrowIcon","UpIcon","DownIcon","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","jsx","jsxs","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"~~shKAiBA~~,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,SAAuB,MAEAC,EAAAA,EAAyBA,0BAACZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,EAAAA,SACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,gBAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,EAAAA,WAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAAMC,EAAYnB,EAASoB,EAAMA,OAAGC,WAE9BC,EAAe,SAACR,GACpBb,GAAU,GACVP,EAASoB,EAAQS,OAAOT,EAAME,IAAM,KAAMF,IAG5C,OACEU,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,OAAI,CACHC,IAAK3B,EACLP,UAAWA,EACXmC,KAAK,QACLC,QAAS,WAAA,OAAM9B,GAAU,EAAM,EAC/B+B,OAAQL,EAAAA,IAACR,EAAa,IACtBc,OAAO,gCAA+BP,SAErCQ,EAAAA,kBAAkBxB,EAAejB,KAEpC+B,OAACW,OAAI,CACHC,KAAMpC,EACNqC,SAAUnC,EAAUoC,QACpBC,QAAS,WAAA,OAAMtC,GAAU,EAAO,EAChCN,UAAW6C,EAAOC,KAAKf,SAEvB,CAAAC,EAAAA,IAACQ,EAAIA,KAACO,KAAI,CAGRC,SAA6B,MAAnBlD,EACVsC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCW,OAAO,qCAAoCP,SAE1CkB,EAAAA,mBAEFpC,EAAOqC,KAAI,SAAA/B,GAAK,IAAAgC,EAAA,OACfnB,EAAAoB,IAACZ,EAAIA,KAACO,KAAI,CAERZ,KAAK,QACLa,SAAU5B,EAAaA,cAACD,EAAME,GAAIvB,GAClCsC,QAAS,WAAA,OAAMT,EAAaR,EAAO,EACnCmB,OAA0CnB,kCAAAA,OAAAA,EAAME,IAAKU,SAErDF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOS,UAAUvB,SAC/B,CAAAF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOU,cAAcxB,SACnC,CAAAC,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOW,mBAAmBzB,SAAEZ,EAAMsC,YACnDzB,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOa,cAAc3B,SAAE4B,EAAeA,gBAACxC,SAEzD,UAAAA,EAAMyC,yBAAN,IAAAT,OAAA,EAAAA,EAAyBU,OACxB7B,EAAAA,IAAA,MAAA,CAAKhC,UAAW6C,EAAOiB,cAAc/B,SAAEZ,EAAMyC,kBAAkBC,WAZ9D1C,EAAME,GAeD,SAKtB,mCAKO,SAAmC0C,GACxC,OACE/B,EAAAA,IAACgC,EAAAA,oBAAmB,CAACC,OAAQC,EAAqCA,qCAAAnC,SAChEC,EAAAoB,IAACzD,EAA8BwE,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","ArrowIcon","UpIcon","DownIcon","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","jsx","jsxs","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"moKAiBA,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,SAAuB,MAEAC,EAAAA,EAAyBA,0BAACZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,EAAAA,SACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,gBAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,EAAAA,WAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAAMC,EAAYnB,EAASoB,EAAMA,OAAGC,WAE9BC,EAAe,SAACR,GACpBb,GAAU,GACVP,EAASoB,EAAQS,OAAOT,EAAME,IAAM,KAAMF,IAG5C,OACEU,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,OAAI,CACHC,IAAK3B,EACLP,UAAWA,EACXmC,KAAK,QACLC,QAAS,WAAA,OAAM9B,GAAU,EAAM,EAC/B+B,OAAQL,EAAAA,IAACR,EAAa,IACtBc,OAAO,gCAA+BP,SAErCQ,EAAAA,kBAAkBxB,EAAejB,KAEpC+B,OAACW,OAAI,CACHC,KAAMpC,EACNqC,SAAUnC,EAAUoC,QACpBC,QAAS,WAAA,OAAMtC,GAAU,EAAO,EAChCN,UAAW6C,EAAOC,KAAKf,SAEvB,CAAAC,EAAAA,IAACQ,EAAIA,KAACO,KAAI,CAGRC,SAA6B,MAAnBlD,EACVsC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCW,OAAO,qCAAoCP,SAE1CkB,EAAAA,mBAEFpC,EAAOqC,KAAI,SAAA/B,GAAK,IAAAgC,EAAA,OACfnB,EAAAoB,IAACZ,EAAIA,KAACO,KAAI,CAERZ,KAAK,QACLa,SAAU5B,EAAaA,cAACD,EAAME,GAAIvB,GAClCsC,QAAS,WAAA,OAAMT,EAAaR,EAAO,EACnCmB,OAA0CnB,kCAAAA,OAAAA,EAAME,IAAKU,SAErDF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOS,UAAUvB,SAC/B,CAAAF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOU,cAAcxB,SACnC,CAAAC,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOW,mBAAmBzB,SAAEZ,EAAMsC,YACnDzB,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOa,cAAc3B,SAAE4B,EAAeA,gBAACxC,SAEzD,UAAAA,EAAMyC,yBAAN,IAAAT,OAAA,EAAAA,EAAyBU,OACxB7B,EAAAA,IAAA,MAAA,CAAKhC,UAAW6C,EAAOiB,cAAc/B,SAAEZ,EAAMyC,kBAAkBC,WAZ9D1C,EAAME,GAeD,SAKtB,mCAKO,SAAmC0C,GACxC,OACE/B,EAAAA,IAACgC,EAAAA,oBAAmB,CAACC,OAAQC,EAAqCA,qCAAAnC,SAChEC,EAAAoB,IAACzD,EAA8BwE,EAAA,CAAA,EAAKJ,KAG1C"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react"),e=require("classnames"),c=require("../Button/Button.js"),n=require("../Header/Header.js"),i=require("../Tooltip/Tooltip.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../Paper/Paper.js"),u=require("../TextEndTruncated/TextEndTruncated.js"),a=require("./ModalWindow.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=require("react/jsx-runtime");function j(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var d=j(s),q=j(e);function I(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?I(Object(e),!0).forEach((function(o){d.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):I(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var h={large:a.large,fullscreen:a.fullscreen,medium:a.medium,small:a.small},C=o.forwardRef((function(s,o){var e=s.className,j=s.testId,d=s.onClose,I=s.size,C=void 0===I?"medium":I,O=s.children,b=s.primaryActionHandler,f=s.secondaryActionHandler,y=s.actions,x=s.primaryActionText,P=s.secondaryActionProps,v=s.secondaryActionText,F=s.primaryActionProps,g=s.showCloseButton,A=s.title;return m.jsxs(t.Paper,{className:q.default(a.root,h[C],e),testId:j,ref:o,children:[A&&m.jsxs(n.Header,{className:a.title,appearance:"H3",children:[m.jsx(u.TextEndTruncated,{maxLines:4,className:a.titleContent,children:A}),g&&m.jsx(i.Tooltip,{title:"Close",children:m.jsx(r.ButtonIcon,{className:a.closeButton,onClick:d,children:m.jsx(l.CloseSmallIcon,{})})})]}),m.jsx("div",{className:a.content,children:m.jsx("div",{className:a.contentInner,children:O})}),(!!y||x||v)&&m.jsxs("div",{className:a.actions,children:[y,v&&m.jsx(c.Button,p(p({type:"secondary",size:"medium",onClick:f},P),{},{children:v})),x&&m.jsx(c.Button,p(p({type:"primary",size:"medium",onClick:b},F),{},{children:x}))]})]})}));exports.ModalWindow=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react"),e=require("classnames"),c=require("../Button/Button.js"),n=require("../Header/Header.js"),i=require("../Tooltip/Tooltip.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../Paper/Paper.js"),u=require("../TextEndTruncated/TextEndTruncated.js"),a=require("./ModalWindow.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=require("react/jsx-runtime");function j(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=j(s),d=j(e);function I(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?I(Object(e),!0).forEach((function(o){q.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):I(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var O={large:a.large,fullscreen:a.fullscreen,medium:a.medium,small:a.small},h=o.forwardRef((function(s,o){var e=s.className,j=s.testId,q=s.onClose,I=s.size,h=void 0===I?"medium":I,C=s.children,b=s.primaryActionHandler,f=s.secondaryActionHandler,y=s.actions,P=s.primaryActionText,x=s.secondaryActionProps,v=s.secondaryActionText,F=s.primaryActionProps,g=s.showCloseButton,A=s.title;return m.jsxs(t.Paper,{className:d.default(a.root,O[h],e),testId:j,ref:o,children:[A&&m.jsxs(n.Header,{className:a.title,appearance:"H3",children:[m.jsx(u.TextEndTruncated,{maxLines:4,className:a.titleContent,children:A}),g&&m.jsx(i.Tooltip,{title:"Close",children:m.jsx(r.ButtonIcon,{className:a.closeButton,onClick:q,children:m.jsx(l.CloseSmallIcon,{})})})]}),m.jsx("div",{className:a.content,children:m.jsx("div",{className:a.contentInner,children:C})}),(!!y||P||v)&&m.jsxs("div",{className:a.actions,children:[y,v&&m.jsx(c.Button,p(p({type:"secondary",size:"medium",onClick:f},x),{},{children:v})),P&&m.jsx(c.Button,p(p({type:"primary",size:"medium",onClick:b},F),{},{children:P}))]})]})}));exports.ModalWindow=h;
 //# sourceMappingURL=ModalWindow.js.map

package/cjs-bundle/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","jsxs","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","jsx","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"~~+iKA2DA~~,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,EAAUA,YACnC,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,EAAAA,KAACC,EAAAA,MAAK,CACJhB,UAAWiB,EAAU,QAACzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAAAI,KAACC,SAAM,CAACpB,UAAWR,EAAOsB,MAAOO,WAAW,KAAIhB,SAAA,CAC9CiB,MAACC,mBAAgB,CAACC,SAAU,EAAGxB,UAAWR,EAAOiC,aAAapB,SAC3DS,IAGFD,GACCS,EAAAI,IAACC,UAAO,CAACb,MAAM,QAAOT,SACpBiB,MAACM,aAAU,CAAC5B,UAAWR,EAAOqC,YAAaC,QAAS5B,EAAQG,SAC1DiB,EAAAA,IAACS,EAAcA,eAAA,WAOzBT,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOwC,QAAQ3B,SAC7BiB,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOyC,aAAa5B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAAI,KAAA,MAAA,CAAKnB,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCW,MAACY,EAAMA,OAAAC,EAAAA,EAAA,CACLC,KAAK,YACLhC,KAAK,SACL0B,QAASvB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCa,EAAAA,IAACY,EAAAA,OAAMC,EAAAA,EAAA,CACLC,KAAK,UACLhC,KAAK,SACL0B,QAASxB,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","jsxs","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","jsx","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"4pKA2DA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,EAAUA,YACnC,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,EAAAA,KAACC,EAAAA,MAAK,CACJhB,UAAWiB,EAAU,QAACzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAAAI,KAACC,SAAM,CAACpB,UAAWR,EAAOsB,MAAOO,WAAW,KAAIhB,SAAA,CAC9CiB,MAACC,mBAAgB,CAACC,SAAU,EAAGxB,UAAWR,EAAOiC,aAAapB,SAC3DS,IAGFD,GACCS,EAAAI,IAACC,UAAO,CAACb,MAAM,QAAOT,SACpBiB,MAACM,aAAU,CAAC5B,UAAWR,EAAOqC,YAAaC,QAAS5B,EAAQG,SAC1DiB,EAAAA,IAACS,EAAcA,eAAA,WAOzBT,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOwC,QAAQ3B,SAC7BiB,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOyC,aAAa5B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAAI,KAAA,MAAA,CAAKnB,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCW,MAACY,EAAMA,OAAAC,EAAAA,EAAA,CACLC,KAAK,YACLhC,KAAK,SACL0B,QAASvB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCa,EAAAA,IAACY,EAAAA,OAAMC,EAAAA,EAAA,CACLC,KAAK,UACLhC,KAAK,SACL0B,QAASxB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("../Button/Button.js"),i=require("../Tooltip/Tooltip.js"),e=require("./useOffsetWellsIcon.js"),n=require("./OffsetWellsButton.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=t(s),a=[],m=o.forwardRef((function(s,o){var t=s.wells,m=void 0===t?[]:t,j=s.showLimitationsMessage,I=s.label,q=void 0===I?"Offset Wells":I,d=s.onExpand,p=s.expanded,f=s.onClick,h=s.disabled,C=s.isExpandTooltipDisabled,x=s.tooltipTitle,b=s.forceExpandButton,O=s.icon,F=s.testId,v=s.className,y=Array.isArray(m)?m:a,A=e.useOffsetWellsIcon(y,O),g="number"==typeof m?m:m.length,P=!!d&&(g>0||b),T="string"!=typeof q;return u.jsxs("div",{className:l.default(n.root,v),ref:o,children:[j&&u.jsx(i.Tooltip,{title:"".concat(q," list wasn't populated completely due to technical limitations of the app."),children:u.jsx("span",{className:n.infoIcon,children:u.jsx(r.InfoIcon,{size:20})})}),u.jsx(c.Button,{type:P&&p?"chartColored":"chart",size:"small",disabled:h,onClick:f,testId:F,className:n.button,prefix:A?u.jsx("span",{className:n.icon,children:A}):void 0,suffix:P&&u.jsx(i.Tooltip,{title:"".concat(p?"Collapse":"Expand"," ").concat(q),disabled:C,children:u.jsx("button",{type:"button",onClick:function(s){s.stopPropagation(),null==d||d(!p,s)},disabled:h,className:n.expandButton,children:u.jsx(r.DownIcon,{className:l.default(n.expandIcon,p&&n.expanded)})})}),children:u.jsx(i.Tooltip,{title:null!=x?x:"Edit Offset Wells",className:n.editTooltipOffset,children:u.jsxs("span",{children:[q,T||!q?"":": ",g]})})})]})}));exports.OffsetWellsButton=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("../Button/Button.js"),i=require("../Tooltip/Tooltip.js"),e=require("./useOffsetWellsIcon.js"),n=require("./OffsetWellsButton.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=t(s),a=[],m=o.forwardRef((function(s,o){var t=s.wells,m=void 0===t?[]:t,j=s.showLimitationsMessage,I=s.label,q=void 0===I?"Offset Wells":I,d=s.onExpand,p=s.expanded,f=s.onClick,h=s.disabled,C=s.isExpandTooltipDisabled,x=s.tooltipTitle,O=s.forceExpandButton,b=s.icon,F=s.testId,v=s.className,P=Array.isArray(m)?m:a,y=e.useOffsetWellsIcon(P,b),A="number"==typeof m?m:m.length,g=!!d&&(A>0||O),T="string"!=typeof q;return u.jsxs("div",{className:l.default(n.root,v),ref:o,children:[j&&u.jsx(i.Tooltip,{title:"".concat(q," list wasn't populated completely due to technical limitations of the app."),children:u.jsx("span",{className:n.infoIcon,children:u.jsx(r.InfoIcon,{size:20})})}),u.jsx(c.Button,{type:g&&p?"chartColored":"chart",size:"small",disabled:h,onClick:f,testId:F,className:n.button,prefix:y?u.jsx("span",{className:n.icon,children:y}):void 0,suffix:g&&u.jsx(i.Tooltip,{title:"".concat(p?"Collapse":"Expand"," ").concat(q),disabled:C,children:u.jsx("button",{type:"button",onClick:function(s){s.stopPropagation(),null==d||d(!p,s)},disabled:h,className:n.expandButton,children:u.jsx(r.DownIcon,{className:l.default(n.expandIcon,p&&n.expanded)})})}),children:u.jsx(i.Tooltip,{title:null!=x?x:"Edit Offset Wells",className:n.editTooltipOffset,children:u.jsxs("span",{children:[q,T||!q?"":": ",A]})})})]})}));exports.OffsetWellsButton=m;
 //# sourceMappingURL=OffsetWellsButton.js.map