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

@corva/ui 3.75.0-10 → 3.75.0-12

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

Files changed (1102) hide show

package/componentsV2/Stepper/Step/Step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.js","sources":["../../../../src/componentsV2/Stepper/Step/Step.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { CheckSmallIcon } from '../../../icons';\nimport { Tooltip } from '../../Tooltip';\n\nimport styles from './Step.scss';\n\nexport type StepProps = {\n /*\n Step name\n /\n children: ReactNode;\n /\n Step label, displayed in a rounded rectangle to the left of title\n */\n prefix: ReactNode;\n\n size: 'medium' \| 'large';\n\n state: 'future' \| 'current' \| 'passed';\n error?: boolean;\n disabled?: boolean;\n\n tooltip?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n noReturn?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<StepProps['size'], string> = {\n large: styles.large,\n medium: styles.medium,\n};\n\nconst StateToClassNameMap: Record<StepProps['state'], string> = {\n passed: styles.passed,\n current: styles.current,\n future: styles.future,\n};\n\nexport const Step = ({\n state,\n className,\n prefix,\n testId,\n size,\n onClick,\n tooltip,\n children,\n noReturn,\n error,\n disabled,\n}: StepProps) => {\n const isPassedClickable = state === 'passed' && !!onClick && !disabled;\n const hasNoReturn = isPassedClickable && noReturn;\n const returnable = isPassedClickable && !noReturn;\n const disableTooltip = !(returnable \|\| tooltip);\n const tooltipContent = (\n <>\n {returnable && 'Go Back'}\n {returnable && tooltip && (\n <>\n <br />\n <br />\n </>\n )}\n {tooltip}\n </>\n );\n\n return (\n <Tooltip title={tooltipContent} disabled={disableTooltip}>\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n StateToClassNameMap[state],\n returnable && styles.hoverable,\n hasNoReturn && styles.noReturn,\n error && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n onClick={returnable ? onClick : undefined}\n >\n <Text className={styles.prefix}>{hasNoReturn ? <CheckSmallIcon size={24} /> : prefix}</Text>\n <Text className={styles.title}>\n <TextEndTruncated maxLines={2} disableTooltip>\n {children}\n </TextEndTruncated>\n </Text>\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToClassNameMap","large","styles","medium","StateToClassNameMap","passed","current","future","Step","_ref","state","className","prefix","testId","size","onClick","tooltip","children","noReturn","error","disabled","isPassedClickable","hasNoReturn","returnable","disableTooltip","_jsx","Tooltip","title","_jsxs","_Fragment","classNames","root","hoverable","undefined","Text","CheckSmallIcon","TextEndTruncated","maxLines"],"mappings":"~~0oIAkCA~~,IAAMA,EAAwD,CAC5DC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,QAGXC,EAA0D,CAC9DC,OAAQH,EAAOG,OACfC,QAASJ,EAAOI,QAChBC,OAAQL,EAAOK,QAGJC,EAAO,SAYHC,GAAA,IAXfC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SAEMC,EAA8B,WAAVX,KAAwBK,IAAYK,EACxDE,EAAcD,GAAqBH,EACnCK,EAAaF,IAAsBH,EACnCM,IAAmBD,GAAcP,GAcvC,OACES,EAACC,EAAO,CAACC,MAbTC,EAAAC,EAAA,CAAAZ,SAAA,CACGM,GAAc,UACdA,GAAcP,GACbY,EAAAC,EAAA,CAAAZ,SACE,CAAAQ,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTT,KAK6BI,SAAUI,EAAeP,SACvDW,EAAA,MAAA,CACEjB,UAAWmB,EACT5B,EAAO6B,KACP/B,EAAmBc,GACnBV,EAAoBM,GACpBa,GAAcrB,EAAO8B,UACrBV,GAAepB,EAAOgB,SACtBC,GAASjB,EAAOiB,MAChBC,GAAYlB,EAAOkB,SACnBT,GAEF,cAAaE,EACbE,QAASQ,EAAaR,OAAUkB,EAAUhB,SAAA,CAE1CQ,EAACS,EAAI,CAACvB,UAAWT,EAAOU,OAAOK,SAAEK,EAAcG,EAACU,EAAc,CAACrB,KAAM,KAASF,IAC9Ea,EAACS,EAAI,CAACvB,UAAWT,EAAOyB,MAAMV,SAC5BQ,EAACW,EAAgB,CAACC,SAAU,EAAGb,gBAAc,EAAAP,SAC1CA,UAMb"}
1	+ {"version":3,"file":"Step.js","sources":["../../../../src/componentsV2/Stepper/Step/Step.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { CheckSmallIcon } from '../../../icons';\nimport { Tooltip } from '../../Tooltip';\n\nimport styles from './Step.scss';\n\nexport type StepProps = {\n /*\n Step name\n /\n children: ReactNode;\n /\n Step label, displayed in a rounded rectangle to the left of title\n */\n prefix: ReactNode;\n\n size: 'medium' \| 'large';\n\n state: 'future' \| 'current' \| 'passed';\n error?: boolean;\n disabled?: boolean;\n\n tooltip?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n noReturn?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<StepProps['size'], string> = {\n large: styles.large,\n medium: styles.medium,\n};\n\nconst StateToClassNameMap: Record<StepProps['state'], string> = {\n passed: styles.passed,\n current: styles.current,\n future: styles.future,\n};\n\nexport const Step = ({\n state,\n className,\n prefix,\n testId,\n size,\n onClick,\n tooltip,\n children,\n noReturn,\n error,\n disabled,\n}: StepProps) => {\n const isPassedClickable = state === 'passed' && !!onClick && !disabled;\n const hasNoReturn = isPassedClickable && noReturn;\n const returnable = isPassedClickable && !noReturn;\n const disableTooltip = !(returnable \|\| tooltip);\n const tooltipContent = (\n <>\n {returnable && 'Go Back'}\n {returnable && tooltip && (\n <>\n <br />\n <br />\n </>\n )}\n {tooltip}\n </>\n );\n\n return (\n <Tooltip title={tooltipContent} disabled={disableTooltip}>\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n StateToClassNameMap[state],\n returnable && styles.hoverable,\n hasNoReturn && styles.noReturn,\n error && styles.error,\n disabled && styles.disabled,\n className\n )}\n data-testid={testId}\n onClick={returnable ? onClick : undefined}\n >\n <Text className={styles.prefix}>{hasNoReturn ? <CheckSmallIcon size={24} /> : prefix}</Text>\n <Text className={styles.title}>\n <TextEndTruncated maxLines={2} disableTooltip>\n {children}\n </TextEndTruncated>\n </Text>\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToClassNameMap","large","styles","medium","StateToClassNameMap","passed","current","future","Step","_ref","state","className","prefix","testId","size","onClick","tooltip","children","noReturn","error","disabled","isPassedClickable","hasNoReturn","returnable","disableTooltip","_jsx","Tooltip","title","_jsxs","_Fragment","classNames","root","hoverable","undefined","Text","CheckSmallIcon","TextEndTruncated","maxLines"],"mappings":"0vIAkCA,IAAMA,EAAwD,CAC5DC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,QAGXC,EAA0D,CAC9DC,OAAQH,EAAOG,OACfC,QAASJ,EAAOI,QAChBC,OAAQL,EAAOK,QAGJC,EAAO,SAYHC,GAAA,IAXfC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SAEMC,EAA8B,WAAVX,KAAwBK,IAAYK,EACxDE,EAAcD,GAAqBH,EACnCK,EAAaF,IAAsBH,EACnCM,IAAmBD,GAAcP,GAcvC,OACES,EAACC,EAAO,CAACC,MAbTC,EAAAC,EAAA,CAAAZ,SAAA,CACGM,GAAc,UACdA,GAAcP,GACbY,EAAAC,EAAA,CAAAZ,SACE,CAAAQ,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTT,KAK6BI,SAAUI,EAAeP,SACvDW,EAAA,MAAA,CACEjB,UAAWmB,EACT5B,EAAO6B,KACP/B,EAAmBc,GACnBV,EAAoBM,GACpBa,GAAcrB,EAAO8B,UACrBV,GAAepB,EAAOgB,SACtBC,GAASjB,EAAOiB,MAChBC,GAAYlB,EAAOkB,SACnBT,GAEF,cAAaE,EACbE,QAASQ,EAAaR,OAAUkB,EAAUhB,SAAA,CAE1CQ,EAACS,EAAI,CAACvB,UAAWT,EAAOU,OAAOK,SAAEK,EAAcG,EAACU,EAAc,CAACrB,KAAM,KAASF,IAC9Ea,EAACS,EAAI,CAACvB,UAAWT,EAAOyB,MAAMV,SAC5BQ,EAACW,EAAgB,CAACC,SAAU,EAAGb,gBAAc,EAAAP,SAC1CA,UAMb"}

package/componentsV2/TemplatesControl/FolderMenu/FolderMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as o,useCallback as s}from"react";import{maxBy as c}from"lodash";import i from"moment";import{storeApi as n}from"../Store/Store.js";import"../Store/utils.js";import{Menu as t}from"../../Menu/Menu.js";import{ButtonIcon as r}from"../../ButtonIcon/ButtonIcon.js";import{TemplatesTreeMenuHeader as m}from"../TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js";import{suggestName as e}from"../utils.js";import{Action as u}from"../types.js";import p from"./FolderMenu.scss.js";import{DeleteFourIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import{FolderClosedCustomIcon as a}from"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";var I=function(){var I,f,v=n.useFolderMenuData,C=n.useCloseFolderMenu,h=n.useUpdateFolderName,F=n.useFolders,b=n.useHasCurrentAction,M=n.useDeleteFolder,g=v(),O=C(),A=h(),y=F(),D=b(null==g?void 0:g.folder.id,u.UpdateName),E=M(null==g?void 0:g.folder),P=o((function(){return y.filter((function(o){var s;return o.id!==(null==g||null===(s=g.folder)||void 0===s?void 0:s.id)}))}),[y,null==g||null===(I=g.folder)||void 0===I?void 0:I.id]),S=o((function(){var o;return c(null==g||null===(o=g.folder)||void 0===o?void 0:o.items,"updated_at")}),[null==g||null===(f=g.folder)||void 0===f?void 0:f.items]),k=s((function(o){var s=o.trim(),c=0===s.length?"Folder must have a name":"",n=c?"":e(s,P),t=n?'Name should be unique. Try "'.concat(n,'".'):"",r=c||t,m=S&&"Edited ".concat(i(null==S?void 0:S.updated_at).fromNow());return{message:r||m,hasError:!!r}}),[S,P]),T=s((function(o){A(null==g?void 0:g.folder,o)}),[null==g?void 0:g.folder,A]);if(!g)return null;var x=g.anchorEl,N=g.folder;return d(t,{open:!!N,anchorEl:x||null,onClose:O,placement:"right-start",className:p.root,children:[j(m,{entityName:null==N?void 0:N.name,onSave:T,button:j(r,{size:"small",disabled:!0,type:"tertiaryBg",children:j(a,{})}),isEditable:!0,isUpdating:D,getValidation:k}),j(t.Item,{size:"large",onClick:E,prefix:j(l,{}),type:"destructive",children:"Delete Folder"})]})};export{I as FolderMenu};
+import{useMemo as o,useCallback as s}from"react";import{maxBy as c}from"lodash";import i from"moment";import{storeApi as n}from"../Store/Store.js";import"../Store/utils.js";import{Menu as t}from"../../Menu/Menu.js";import{ButtonIcon as r}from"../../ButtonIcon/ButtonIcon.js";import{TemplatesTreeMenuHeader as m}from"../TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js";import{suggestName as e}from"../utils.js";import{Action as u}from"../types.js";import p from"./FolderMenu.scss.js";import{DeleteFourIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import{FolderClosedCustomIcon as a}from"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";var I=function(){var I,f,v=n.useFolderMenuData,C=n.useCloseFolderMenu,h=n.useUpdateFolderName,F=n.useFolders,b=n.useHasCurrentAction,M=n.useDeleteFolder,g=v(),O=C(),A=h(),y=F(),D=b(null==g?void 0:g.folder.id,u.UpdateName),E=M(null==g?void 0:g.folder),P=o((function(){return y.filter((function(o){var s;return o.id!==(null==g||null===(s=g.folder)||void 0===s?void 0:s.id)}))}),[y,null==g||null===(I=g.folder)||void 0===I?void 0:I.id]),S=o((function(){var o;return c(null==g||null===(o=g.folder)||void 0===o?void 0:o.items,"updated_at")}),[null==g||null===(f=g.folder)||void 0===f?void 0:f.items]),k=s((function(o){var s=o.trim(),c=0===s.length?"Folder must have a name":"",n=c?"":e(s,P),t=n?'Name should be unique. Try "'.concat(n,'".'):"",r=c||t,m=S&&"Edited ".concat(i(null==S?void 0:S.updated_at).fromNow());return{message:r||m,hasError:!!r}}),[S,P]),T=s((function(o){A(null==g?void 0:g.folder,o)}),[null==g?void 0:g.folder,A]);if(!g)return null;var x=g.anchorEl,N=g.folder;return d(t,{open:!!N,anchorEl:x||null,onClose:O,placement:"right-start",className:p.root,children:[j(m,{entityName:null==N?void 0:N.name,onSave:T,button:j(r,{size:"small",disabled:!0,type:"tertiaryBg",children:j(a,{})}),isEditable:!0,isUpdating:D,getValidation:k}),j(t.Item,{size:"large",onClick:E,prefix:j(l,{}),type:"destructive",children:"Delete Folder"})]})};export{I as FolderMenu};
 //# sourceMappingURL=FolderMenu.js.map

package/componentsV2/TemplatesControl/FolderMenu/FolderMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FolderMenu.js","sources":["../../../../src/componentsV2/TemplatesControl/FolderMenu/FolderMenu.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { maxBy } from 'lodash';\nimport moment from 'moment';\n\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TemplatesTreeMenuHeader } from '../TemplatesTreeMenuHeader';\nimport { suggestName } from '../utils';\nimport { Action, Template } from '../types';\n\nimport styles from './FolderMenu.scss';\n\nimport { DeleteFourIcon, FolderClosedCustomIcon } from '~/icons';\n\nexport const FolderMenu = () => {\n const {\n useFolderMenuData,\n useCloseFolderMenu,\n useUpdateFolderName,\n useFolders,\n useHasCurrentAction,\n useDeleteFolder,\n } = storeApi;\n const menuData = useFolderMenuData();\n const closeFolderMenu = useCloseFolderMenu();\n const updateFolderName = useUpdateFolderName();\n const allFolders = useFolders();\n const isRenaming = useHasCurrentAction(menuData?.folder.id, Action.UpdateName);\n const deleteFolder = useDeleteFolder(menuData?.folder);\n\n const otherFolders = useMemo(\n () => allFolders.filter(({ id }) => id !== menuData?.folder?.id),\n [allFolders, menuData?.folder?.id]\n );\n\n const latestTemplate = useMemo(\n () => maxBy(menuData?.folder?.items as Template[], 'updated_at'),\n [menuData?.folder?.items]\n );\n\n const getMessages = useCallback(\n (unsanitizedName: string) => {\n const name = unsanitizedName.trim();\n\n const noNameMessage = name.length === 0 ? 'Folder must have a name' : '';\n const suggestedName = !noNameMessage ? suggestName(name, otherFolders) : '';\n const duplicateNameMessage = suggestedName\n ? `Name should be unique. Try \"${suggestedName}\".`\n : '';\n const errorMessage = noNameMessage \|\| duplicateNameMessage;\n\n const updateTimeMessage =\n latestTemplate && `Edited ${moment(latestTemplate?.updated_at).fromNow()}`;\n\n return {\n message: errorMessage \|\| updateTimeMessage,\n hasError: !!errorMessage,\n };\n },\n [latestTemplate, otherFolders]\n );\n\n const onSave = useCallback(\n (name: string) => {\n updateFolderName(menuData?.folder, name);\n },\n [menuData?.folder, updateFolderName]\n );\n\n if (!menuData) {\n return null;\n }\n\n const { anchorEl, folder } = menuData;\n\n return (\n <Menu\n open={!!folder}\n anchorEl={anchorEl \|\| null}\n onClose={closeFolderMenu}\n placement=\"right-start\"\n className={styles.root}\n >\n <TemplatesTreeMenuHeader\n entityName={folder?.name}\n onSave={onSave}\n button={\n <ButtonIcon size=\"small\" disabled type=\"tertiaryBg\">\n <FolderClosedCustomIcon />\n </ButtonIcon>\n }\n isEditable\n isUpdating={isRenaming}\n getValidation={getMessages}\n />\n\n <Menu.Item size=\"large\" onClick={deleteFolder} prefix={<DeleteFourIcon />} type=\"destructive\">\n Delete Folder\n </Menu.Item>\n </Menu>\n );\n};\n"],"names":["FolderMenu","_menuData$folder2","_menuData$folder4","useFolderMenuData","storeApi","useCloseFolderMenu","useUpdateFolderName","useFolders","useHasCurrentAction","useDeleteFolder","menuData","closeFolderMenu","updateFolderName","allFolders","isRenaming","folder","id","Action","UpdateName","deleteFolder","otherFolders","useMemo","filter","_ref","_menuData$folder","latestTemplate","_menuData$folder3","maxBy","items","getMessages","useCallback","unsanitizedName","name","trim","noNameMessage","length","suggestedName","suggestName","duplicateNameMessage","errorMessage","updateTimeMessage","moment","updated_at","fromNow","message","hasError","onSave","anchorEl","_jsxs","Menu","open","onClose","placement","className","styles","root","children","_jsx","TemplatesTreeMenuHeader","entityName","button","ButtonIcon","size","disabled","type","FolderClosedCustomIcon","isEditable","isUpdating","getValidation","Item","onClick","prefix","DeleteFourIcon"],"mappings":"~~g6IAeaA~~,IAAAA,EAAa,WAAM,IAAAC,EAAAC,EAE5BC,EAMEC,EANFD,kBACAE,EAKED,EALFC,mBACAC,EAIEF,EAJFE,oBACAC,EAGEH,EAHFG,WACAC,EAEEJ,EAFFI,oBACAC,EACEL,EADFK,gBAEIC,EAAWP,IACXQ,EAAkBN,IAClBO,EAAmBN,IACnBO,EAAaN,IACbO,EAAaN,EAAoBE,aAAQ,EAARA,EAAUK,OAAOC,GAAIC,EAAOC,YAC7DC,EAAeV,EAAgBC,aAAAA,EAAAA,EAAUK,QAEzCK,EAAeC,GACnB,WAAA,OAAMR,EAAWS,QAAO,SAAAC,GAAA,IAAAC,EAAK,SAAFR,MAAgBN,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAS,OAAAd,EAAAc,EAAkBR,MAAG,GAChE,CAACH,EAAYH,SAAgB,QAART,EAARS,EAAUK,cAAM,IAAAd,OAAR,EAARA,EAAkBe,KAG3BS,EAAiBJ,GACrB,WAAA,IAAAK,EAAA,OAAMC,EAAMjB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAW,OAAAhB,EAAAgB,EAAkBE,MAAqB,aAAa,GAChE,CAAClB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAb,OAAAQ,EAAAR,EAAkB0B,QAGfC,EAAcC,GAClB,SAACC,GACC,IAAMC,EAAOD,EAAgBE,OAEvBC,EAAgC,IAAhBF,EAAKG,OAAe,0BAA4B,GAChEC,EAAiBF,EAAkD,GAAlCG,EAAYL,EAAMZ,GACnDkB,EAAuBF,EACMA,+BAAAA,OAAAA,QAC/B,GACEG,EAAeL,GAAiBI,EAEhCE,EACJf,GAA4BgB,UAAAA,OAAAA,EAAOhB,aAAc,EAAdA,EAAgBiB,YAAYC,WAEjE,MAAO,CACLC,QAASL,GAAgBC,EACzBK,WAAYN,EAEhB,GACA,CAACd,EAAgBL,IAGb0B,EAAShB,GACb,SAACE,GACCpB,EAAiBF,aAAQ,EAARA,EAAUK,OAAQiB,EACpC,GACD,CAACtB,aAAQ,EAARA,EAAUK,OAAQH,IAGrB,IAAKF,EACH,OAAO,KAGT,IAAQqC,EAAqBrC,EAArBqC,SAAUhC,EAAWL,EAAXK,OAElB,OACEiC,EAACC,EAAI,CACHC,OAAQnC,EACRgC,SAAUA,GAAY,KACtBI,QAASxC,EACTyC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,EAACC,EAAuB,CACtBC,WAAY5C,aAAAA,EAAAA,EAAQiB,KACpBc,OAAQA,EACRc,OACEH,EAACI,EAAU,CAACC,KAAK,QAAQC,UAAQ,EAACC,KAAK,aAAYR,SACjDC,EAACQ,EAAsB,MAG3BC,YAAU,EACVC,WAAYrD,EACZsD,cAAevC,IAGjB4B,EAACR,EAAKoB,KAAI,CAACP,KAAK,QAAQQ,QAASnD,EAAcoD,OAAQd,EAACe,EAAkB,IAACR,KAAK,cAAaR,SAAA,oBAKnG"}
1	+ {"version":3,"file":"FolderMenu.js","sources":["../../../../src/componentsV2/TemplatesControl/FolderMenu/FolderMenu.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { maxBy } from 'lodash';\nimport moment from 'moment';\n\nimport { storeApi } from '../Store';\nimport { Menu } from '../../Menu';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TemplatesTreeMenuHeader } from '../TemplatesTreeMenuHeader';\nimport { suggestName } from '../utils';\nimport { Action, Template } from '../types';\n\nimport styles from './FolderMenu.scss';\n\nimport { DeleteFourIcon, FolderClosedCustomIcon } from '~/icons';\n\nexport const FolderMenu = () => {\n const {\n useFolderMenuData,\n useCloseFolderMenu,\n useUpdateFolderName,\n useFolders,\n useHasCurrentAction,\n useDeleteFolder,\n } = storeApi;\n const menuData = useFolderMenuData();\n const closeFolderMenu = useCloseFolderMenu();\n const updateFolderName = useUpdateFolderName();\n const allFolders = useFolders();\n const isRenaming = useHasCurrentAction(menuData?.folder.id, Action.UpdateName);\n const deleteFolder = useDeleteFolder(menuData?.folder);\n\n const otherFolders = useMemo(\n () => allFolders.filter(({ id }) => id !== menuData?.folder?.id),\n [allFolders, menuData?.folder?.id]\n );\n\n const latestTemplate = useMemo(\n () => maxBy(menuData?.folder?.items as Template[], 'updated_at'),\n [menuData?.folder?.items]\n );\n\n const getMessages = useCallback(\n (unsanitizedName: string) => {\n const name = unsanitizedName.trim();\n\n const noNameMessage = name.length === 0 ? 'Folder must have a name' : '';\n const suggestedName = !noNameMessage ? suggestName(name, otherFolders) : '';\n const duplicateNameMessage = suggestedName\n ? `Name should be unique. Try \"${suggestedName}\".`\n : '';\n const errorMessage = noNameMessage \|\| duplicateNameMessage;\n\n const updateTimeMessage =\n latestTemplate && `Edited ${moment(latestTemplate?.updated_at).fromNow()}`;\n\n return {\n message: errorMessage \|\| updateTimeMessage,\n hasError: !!errorMessage,\n };\n },\n [latestTemplate, otherFolders]\n );\n\n const onSave = useCallback(\n (name: string) => {\n updateFolderName(menuData?.folder, name);\n },\n [menuData?.folder, updateFolderName]\n );\n\n if (!menuData) {\n return null;\n }\n\n const { anchorEl, folder } = menuData;\n\n return (\n <Menu\n open={!!folder}\n anchorEl={anchorEl \|\| null}\n onClose={closeFolderMenu}\n placement=\"right-start\"\n className={styles.root}\n >\n <TemplatesTreeMenuHeader\n entityName={folder?.name}\n onSave={onSave}\n button={\n <ButtonIcon size=\"small\" disabled type=\"tertiaryBg\">\n <FolderClosedCustomIcon />\n </ButtonIcon>\n }\n isEditable\n isUpdating={isRenaming}\n getValidation={getMessages}\n />\n\n <Menu.Item size=\"large\" onClick={deleteFolder} prefix={<DeleteFourIcon />} type=\"destructive\">\n Delete Folder\n </Menu.Item>\n </Menu>\n );\n};\n"],"names":["FolderMenu","_menuData$folder2","_menuData$folder4","useFolderMenuData","storeApi","useCloseFolderMenu","useUpdateFolderName","useFolders","useHasCurrentAction","useDeleteFolder","menuData","closeFolderMenu","updateFolderName","allFolders","isRenaming","folder","id","Action","UpdateName","deleteFolder","otherFolders","useMemo","filter","_ref","_menuData$folder","latestTemplate","_menuData$folder3","maxBy","items","getMessages","useCallback","unsanitizedName","name","trim","noNameMessage","length","suggestedName","suggestName","duplicateNameMessage","errorMessage","updateTimeMessage","moment","updated_at","fromNow","message","hasError","onSave","anchorEl","_jsxs","Menu","open","onClose","placement","className","styles","root","children","_jsx","TemplatesTreeMenuHeader","entityName","button","ButtonIcon","size","disabled","type","FolderClosedCustomIcon","isEditable","isUpdating","getValidation","Item","onClick","prefix","DeleteFourIcon"],"mappings":"ghJAeaA,IAAAA,EAAa,WAAM,IAAAC,EAAAC,EAE5BC,EAMEC,EANFD,kBACAE,EAKED,EALFC,mBACAC,EAIEF,EAJFE,oBACAC,EAGEH,EAHFG,WACAC,EAEEJ,EAFFI,oBACAC,EACEL,EADFK,gBAEIC,EAAWP,IACXQ,EAAkBN,IAClBO,EAAmBN,IACnBO,EAAaN,IACbO,EAAaN,EAAoBE,aAAQ,EAARA,EAAUK,OAAOC,GAAIC,EAAOC,YAC7DC,EAAeV,EAAgBC,aAAAA,EAAAA,EAAUK,QAEzCK,EAAeC,GACnB,WAAA,OAAMR,EAAWS,QAAO,SAAAC,GAAA,IAAAC,EAAK,SAAFR,MAAgBN,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAS,OAAAd,EAAAc,EAAkBR,MAAG,GAChE,CAACH,EAAYH,SAAgB,QAART,EAARS,EAAUK,cAAM,IAAAd,OAAR,EAARA,EAAkBe,KAG3BS,EAAiBJ,GACrB,WAAA,IAAAK,EAAA,OAAMC,EAAMjB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAW,OAAAhB,EAAAgB,EAAkBE,MAAqB,aAAa,GAChE,CAAClB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAb,OAAAQ,EAAAR,EAAkB0B,QAGfC,EAAcC,GAClB,SAACC,GACC,IAAMC,EAAOD,EAAgBE,OAEvBC,EAAgC,IAAhBF,EAAKG,OAAe,0BAA4B,GAChEC,EAAiBF,EAAkD,GAAlCG,EAAYL,EAAMZ,GACnDkB,EAAuBF,EACMA,+BAAAA,OAAAA,QAC/B,GACEG,EAAeL,GAAiBI,EAEhCE,EACJf,GAA4BgB,UAAAA,OAAAA,EAAOhB,aAAc,EAAdA,EAAgBiB,YAAYC,WAEjE,MAAO,CACLC,QAASL,GAAgBC,EACzBK,WAAYN,EAEhB,GACA,CAACd,EAAgBL,IAGb0B,EAAShB,GACb,SAACE,GACCpB,EAAiBF,aAAQ,EAARA,EAAUK,OAAQiB,EACpC,GACD,CAACtB,aAAQ,EAARA,EAAUK,OAAQH,IAGrB,IAAKF,EACH,OAAO,KAGT,IAAQqC,EAAqBrC,EAArBqC,SAAUhC,EAAWL,EAAXK,OAElB,OACEiC,EAACC,EAAI,CACHC,OAAQnC,EACRgC,SAAUA,GAAY,KACtBI,QAASxC,EACTyC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,EAACC,EAAuB,CACtBC,WAAY5C,aAAAA,EAAAA,EAAQiB,KACpBc,OAAQA,EACRc,OACEH,EAACI,EAAU,CAACC,KAAK,QAAQC,UAAQ,EAACC,KAAK,aAAYR,SACjDC,EAACQ,EAAsB,MAG3BC,YAAU,EACVC,WAAYrD,EACZsD,cAAevC,IAGjB4B,EAACR,EAAKoB,KAAI,CAACP,KAAK,QAAQQ,QAASnD,EAAcoD,OAAQd,EAACe,EAAkB,IAACR,KAAK,cAAaR,SAAA,oBAKnG"}

package/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useEffect as i}from"react";import{Menu as n}from"../../Menu/Menu.js";import{Button as t}from"../../Button/Button.js";import{Text as r}from"../../Text/Text.js";import{storeApi as m}from"../Store/Store.js";import"../Store/utils.js";import{TextEndTruncated as e}from"../../TextEndTruncated/TextEndTruncated.js";import{getTemplateFolder as p}from"../utils.js";import{TextInput as u}from"../../TextInput/TextInput.js";import{ButtonIcon as l}from"../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../Tooltip/Tooltip.js";import{LeftIcon as j,FolderOpenIcon as I,PlusIcon as d}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import h from"./MoveToFolderMenu.scss.js";import{jsxs as C,jsx as f,Fragment as F}from"react/jsx-runtime";var v=function(v){var T=v.open,g=v.onClose,b=v.anchorEl,x=v.template,M=v.closeParent,O=m.useFolders,k=m.useMoveToFolder,N=O(),A=k(),P=s(!1),E=o(P,2),S=E[0],w=E[1],y=s("New Folder"),z=o(y,2),B=z[0],D=z[1],R=c((function(){return w((function(o){return!o}))}),[]),U=0===B.trim().length?"Folder must have a name":void 0,G=c((function(o){g(),M(),A(null==x?void 0:x.id,o)}),[M,A,g,null==x?void 0:x.id]),q=c((function(){G(B)}),[B,G]),K=c((function(o){"Enter"===o.key&&q()}),[q]);return i((function(){S&&D("New Folder")}),[S]),i((function(){T&&(w(!1),D("New Folder"))}),[T]),C(n,{open:T,onClose:g,anchorEl:b,placement:"right-start",className:h.root,children:[f(r,{className:h.header,size:16,color:"T6",tagName:"div",children:S?C(F,{children:[f(a,{title:"Back",children:f(l,{onClick:R,size:"small",children:f(j,{})})}),"Create new Folder"]}):"Select a folder or create new"}),S?f(u,{label:"New Folder Name",value:B,onChange:D,autoFocus:!0,onKeyUp:K,status:U?"error":void 0,message:U}):N.map((function(o){var s=o.id,c=o.items,i=o.name;return i!==p(x)&&C(n.Item,{size:"large",prefix:f(I,{}),onClick:function(){return G(i)},children:[f(e,{children:i}),f(r,{size:12,color:"T7",tagName:"div",children:c.length>1?"".concat(c.length," items"):"1 item"})]},s)})),f("div",{className:h.footer,children:f(t,S?{type:"chart",size:"small",onClick:q,disabled:!!U,children:"Move to New Folder"}:{type:"chart",prefix:f(d,{}),size:"small",onClick:R,children:"Create New"})})]})};export{v as MoveToFolderMenu};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useEffect as i}from"react";import{Menu as n}from"../../Menu/Menu.js";import{Button as t}from"../../Button/Button.js";import{Text as r}from"../../Text/Text.js";import{storeApi as m}from"../Store/Store.js";import"../Store/utils.js";import{TextEndTruncated as e}from"../../TextEndTruncated/TextEndTruncated.js";import{getTemplateFolder as p}from"../utils.js";import{TextInput as u}from"../../TextInput/TextInput.js";import{ButtonIcon as l}from"../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../Tooltip/Tooltip.js";import{LeftIcon as j,FolderOpenIcon as I,PlusIcon as d}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import h from"./MoveToFolderMenu.scss.js";import{jsxs as C,jsx as f,Fragment as F}from"react/jsx-runtime";var v=function(v){var T=v.open,g=v.onClose,b=v.anchorEl,x=v.template,M=v.closeParent,O=m.useFolders,k=m.useMoveToFolder,N=O(),A=k(),P=s(!1),E=o(P,2),S=E[0],w=E[1],y=s("New Folder"),z=o(y,2),B=z[0],D=z[1],R=c((function(){return w((function(o){return!o}))}),[]),U=0===B.trim().length?"Folder must have a name":void 0,G=c((function(o){g(),M(),A(null==x?void 0:x.id,o)}),[M,A,g,null==x?void 0:x.id]),q=c((function(){G(B)}),[B,G]),K=c((function(o){"Enter"===o.key&&q()}),[q]);return i((function(){S&&D("New Folder")}),[S]),i((function(){T&&(w(!1),D("New Folder"))}),[T]),C(n,{open:T,onClose:g,anchorEl:b,placement:"right-start",className:h.root,children:[f(r,{className:h.header,size:16,color:"T6",tagName:"div",children:S?C(F,{children:[f(a,{title:"Back",children:f(l,{onClick:R,size:"small",children:f(j,{})})}),"Create new Folder"]}):"Select a folder or create new"}),S?f(u,{label:"New Folder Name",value:B,onChange:D,autoFocus:!0,onKeyUp:K,status:U?"error":void 0,message:U}):N.map((function(o){var s=o.id,c=o.items,i=o.name;return i!==p(x)&&C(n.Item,{size:"large",prefix:f(I,{}),onClick:function(){return G(i)},children:[f(e,{children:i}),f(r,{size:12,color:"T7",tagName:"div",children:c.length>1?"".concat(c.length," items"):"1 item"})]},s)})),f("div",{className:h.footer,children:f(t,S?{type:"chart",size:"small",onClick:q,disabled:!!U,children:"Move to New Folder"}:{type:"chart",prefix:f(d,{}),size:"small",onClick:R,children:"Create New"})})]})};export{v as MoveToFolderMenu};
 //# sourceMappingURL=MoveToFolderMenu.js.map

package/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MoveToFolderMenu.js","sources":["../../../../src/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.tsx"],"sourcesContent":["import { KeyboardEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport { Menu } from '../../Menu';\nimport { Button } from '../../Button';\nimport { Text } from '../../Text';\nimport { storeApi } from '../Store';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { getTemplateFolder } from '../utils';\nimport { TextInput } from '../../TextInput';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Tooltip } from '../../Tooltip';\nimport { FolderOpenIcon, LeftIcon, PlusIcon } from '../../../icons';\nimport { Template } from '../types';\n\nimport styles from './MoveToFolderMenu.scss';\n\nconst DefaultFolderName = 'New Folder';\n\nexport type MoveToFolderMenuProps = {\n open: boolean;\n onClose: () => void;\n closeParent: () => void;\n anchorEl: HTMLElement \| null;\n template?: Template;\n};\n\nexport const MoveToFolderMenu = ({\n open,\n onClose,\n anchorEl,\n template,\n closeParent,\n}: MoveToFolderMenuProps) => {\n const { useFolders, useMoveToFolder } = storeApi;\n const folders = useFolders();\n const moveToFolder = useMoveToFolder();\n\n const [isCreateFolder, setIsCreateFolder] = useState(false);\n const [newFolderName, setNewFolderName] = useState(DefaultFolderName);\n\n const toggleCreateFolder = useCallback(() => setIsCreateFolder(value => !value), []);\n\n const errorMessage = newFolderName.trim().length === 0 ? 'Folder must have a name' : undefined;\n\n const updateFolder = useCallback(\n (folderName?: string) => {\n onClose();\n closeParent();\n moveToFolder(template?.id, folderName);\n },\n [closeParent, moveToFolder, onClose, template?.id]\n );\n\n const createNewFolder = useCallback(() => {\n updateFolder(newFolderName);\n }, [newFolderName, updateFolder]);\n\n const onKeyUp = useCallback<KeyboardEventHandler>(\n event => {\n if (event.key === 'Enter') {\n createNewFolder();\n }\n },\n [createNewFolder]\n );\n\n useEffect(() => {\n if (isCreateFolder) {\n setNewFolderName(DefaultFolderName);\n }\n }, [isCreateFolder]);\n\n useEffect(() => {\n if (open) {\n setIsCreateFolder(false);\n setNewFolderName(DefaultFolderName);\n }\n }, [open]);\n\n return (\n <Menu\n open={open}\n onClose={onClose}\n anchorEl={anchorEl}\n placement=\"right-start\"\n className={styles.root}\n >\n <Text className={styles.header} size={16} color=\"T6\" tagName=\"div\">\n {isCreateFolder ? (\n <>\n <Tooltip title=\"Back\">\n <ButtonIcon onClick={toggleCreateFolder} size=\"small\">\n <LeftIcon />\n </ButtonIcon>\n </Tooltip>\n Create new Folder\n </>\n ) : (\n 'Select a folder or create new'\n )}\n </Text>\n {isCreateFolder ? (\n <TextInput\n label=\"New Folder Name\"\n value={newFolderName}\n onChange={setNewFolderName}\n autoFocus\n onKeyUp={onKeyUp}\n status={errorMessage ? 'error' : undefined}\n message={errorMessage}\n />\n ) : (\n folders.map(\n ({ id, items, name }) =>\n name !== getTemplateFolder(template) && (\n <Menu.Item\n key={id}\n size=\"large\"\n prefix={<FolderOpenIcon />}\n onClick={() => updateFolder(name)}\n >\n <TextEndTruncated>{name}</TextEndTruncated>\n <Text size={12} color=\"T7\" tagName=\"div\">\n {items.length > 1 ? `${items.length} items` : '1 item'}\n </Text>\n </Menu.Item>\n )\n )\n )}\n <div className={styles.footer}>\n {isCreateFolder ? (\n <Button type=\"chart\" size=\"small\" onClick={createNewFolder} disabled={!!errorMessage}>\n Move to New Folder\n </Button>\n ) : (\n <Button type=\"chart\" prefix={<PlusIcon />} size=\"small\" onClick={toggleCreateFolder}>\n Create New\n </Button>\n )}\n </div>\n </Menu>\n );\n};\n"],"names":["MoveToFolderMenu","_ref","open","onClose","anchorEl","template","closeParent","useFolders","storeApi","useMoveToFolder","folders","moveToFolder","useState","_useState2","_slicedToArray","_useState","isCreateFolder","setIsCreateFolder","_useState4","_useState3","newFolderName","setNewFolderName","toggleCreateFolder","useCallback","value","errorMessage","trim","length","undefined","updateFolder","folderName","id","createNewFolder","onKeyUp","event","key","useEffect","_jsxs","Menu","placement","className","styles","root","children","_jsx","Text","header","size","color","tagName","_Fragment","Tooltip","title","ButtonIcon","onClick","LeftIcon","TextInput","label","onChange","autoFocus","status","message","map","_ref2","items","name","getTemplateFolder","Item","prefix","FolderOpenIcon","TextEndTruncated","footer","Button","type","disabled","PlusIcon"],"mappings":"~~mlJAgBA~~,IAUaA,EAAmB,SAMHC,GAAA,IAL3BC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YAEQC,EAAgCC,EAAhCD,WAAYE,EAAoBD,EAApBC,gBACdC,EAAUH,IACVI,EAAeF,IAEuBG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAtBlB,cAsB6CM,EAAAJ,EAAAK,EAAA,GAA9DC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAAqBC,GAAY,WAAA,OAAMN,GAAkB,SAAAO,GAAK,OAAKA,IAAM,GAAE,IAE3EC,EAA+C,IAAhCL,EAAcM,OAAOC,OAAe,+BAA4BC,EAE/EC,EAAeN,GACnB,SAACO,GACC3B,IACAG,IACAK,EAAaN,aAAQ,EAARA,EAAU0B,GAAID,EAC5B,GACD,CAACxB,EAAaK,EAAcR,EAASE,aAAAA,EAAAA,EAAU0B,KAG3CC,EAAkBT,GAAY,WAClCM,EAAaT,EACf,GAAG,CAACA,EAAeS,IAEbI,EAAUV,GACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAgBH,OAbAI,GAAU,WACJpB,GACFK,EApDoB,aAsDxB,GAAG,CAACL,IAEJoB,GAAU,WACJlC,IACFe,GAAkB,GAClBI,EA3DoB,cA6DxB,GAAG,CAACnB,IAGFmC,EAACC,EAAI,CACHpC,KAAMA,EACNC,QAASA,EACTC,SAAUA,EACVmC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,EAACC,EAAI,CAACL,UAAWC,EAAOK,OAAQC,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SAC/D3B,EACCqB,EAAAa,EAAA,CAAAP,SAAA,CACEC,EAACO,EAAO,CAACC,MAAM,OAAMT,SACnBC,EAACS,EAAU,CAACC,QAAShC,EAAoByB,KAAK,QAAOJ,SACnDC,EAACW,EAAQ,QAEH,uBAIZ,kCAGHvC,EACC4B,EAACY,EAAS,CACRC,MAAM,kBACNjC,MAAOJ,EACPsC,SAAUrC,EACVsC,WAAS,EACT1B,QAASA,EACT2B,OAAQnC,EAAe,aAAUG,EACjCiC,QAASpC,IAGXf,EAAQoD,KACN,SAAAC,GAAA,IAAGhC,IAAAA,GAAIiC,IAAAA,MAAOC,IAAAA,KAAI,OAChBA,IAASC,EAAkB7D,IACzBgC,EAACC,EAAK6B,KAAI,CAERpB,KAAK,QACLqB,OAAQxB,EAACyB,EAAkB,IAC3Bf,QAAS,WAAA,OAAMzB,EAAaoC,EAAM,EAAAtB,SAAA,CAElCC,EAAC0B,EAAgB,CAAA3B,SAAEsB,IACnBrB,EAACC,EAAI,CAACE,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SACrCqB,EAAMrC,OAAS,EAAOqC,GAAAA,OAAAA,EAAMrC,OAAiB,UAAA,aAP3CI,EAUR,IAGPa,EAAA,MAAA,CAAKJ,UAAWC,EAAO8B,OAAO5B,SAE1BC,EAAC4B,EADFxD,EACQ,CAACyD,KAAK,QAAQ1B,KAAK,QAAQO,QAAStB,EAAiB0C,WAAYjD,EAAakB,SAAA,sBAI9E,CAAC8B,KAAK,QAAQL,OAAQxB,EAAC+B,EAAY,IAAC5B,KAAK,QAAQO,QAAShC,EAAmBqB,SAAA,mBAO9F"}
1	+ {"version":3,"file":"MoveToFolderMenu.js","sources":["../../../../src/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.tsx"],"sourcesContent":["import { KeyboardEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport { Menu } from '../../Menu';\nimport { Button } from '../../Button';\nimport { Text } from '../../Text';\nimport { storeApi } from '../Store';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { getTemplateFolder } from '../utils';\nimport { TextInput } from '../../TextInput';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Tooltip } from '../../Tooltip';\nimport { FolderOpenIcon, LeftIcon, PlusIcon } from '../../../icons';\nimport { Template } from '../types';\n\nimport styles from './MoveToFolderMenu.scss';\n\nconst DefaultFolderName = 'New Folder';\n\nexport type MoveToFolderMenuProps = {\n open: boolean;\n onClose: () => void;\n closeParent: () => void;\n anchorEl: HTMLElement \| null;\n template?: Template;\n};\n\nexport const MoveToFolderMenu = ({\n open,\n onClose,\n anchorEl,\n template,\n closeParent,\n}: MoveToFolderMenuProps) => {\n const { useFolders, useMoveToFolder } = storeApi;\n const folders = useFolders();\n const moveToFolder = useMoveToFolder();\n\n const [isCreateFolder, setIsCreateFolder] = useState(false);\n const [newFolderName, setNewFolderName] = useState(DefaultFolderName);\n\n const toggleCreateFolder = useCallback(() => setIsCreateFolder(value => !value), []);\n\n const errorMessage = newFolderName.trim().length === 0 ? 'Folder must have a name' : undefined;\n\n const updateFolder = useCallback(\n (folderName?: string) => {\n onClose();\n closeParent();\n moveToFolder(template?.id, folderName);\n },\n [closeParent, moveToFolder, onClose, template?.id]\n );\n\n const createNewFolder = useCallback(() => {\n updateFolder(newFolderName);\n }, [newFolderName, updateFolder]);\n\n const onKeyUp = useCallback<KeyboardEventHandler>(\n event => {\n if (event.key === 'Enter') {\n createNewFolder();\n }\n },\n [createNewFolder]\n );\n\n useEffect(() => {\n if (isCreateFolder) {\n setNewFolderName(DefaultFolderName);\n }\n }, [isCreateFolder]);\n\n useEffect(() => {\n if (open) {\n setIsCreateFolder(false);\n setNewFolderName(DefaultFolderName);\n }\n }, [open]);\n\n return (\n <Menu\n open={open}\n onClose={onClose}\n anchorEl={anchorEl}\n placement=\"right-start\"\n className={styles.root}\n >\n <Text className={styles.header} size={16} color=\"T6\" tagName=\"div\">\n {isCreateFolder ? (\n <>\n <Tooltip title=\"Back\">\n <ButtonIcon onClick={toggleCreateFolder} size=\"small\">\n <LeftIcon />\n </ButtonIcon>\n </Tooltip>\n Create new Folder\n </>\n ) : (\n 'Select a folder or create new'\n )}\n </Text>\n {isCreateFolder ? (\n <TextInput\n label=\"New Folder Name\"\n value={newFolderName}\n onChange={setNewFolderName}\n autoFocus\n onKeyUp={onKeyUp}\n status={errorMessage ? 'error' : undefined}\n message={errorMessage}\n />\n ) : (\n folders.map(\n ({ id, items, name }) =>\n name !== getTemplateFolder(template) && (\n <Menu.Item\n key={id}\n size=\"large\"\n prefix={<FolderOpenIcon />}\n onClick={() => updateFolder(name)}\n >\n <TextEndTruncated>{name}</TextEndTruncated>\n <Text size={12} color=\"T7\" tagName=\"div\">\n {items.length > 1 ? `${items.length} items` : '1 item'}\n </Text>\n </Menu.Item>\n )\n )\n )}\n <div className={styles.footer}>\n {isCreateFolder ? (\n <Button type=\"chart\" size=\"small\" onClick={createNewFolder} disabled={!!errorMessage}>\n Move to New Folder\n </Button>\n ) : (\n <Button type=\"chart\" prefix={<PlusIcon />} size=\"small\" onClick={toggleCreateFolder}>\n Create New\n </Button>\n )}\n </div>\n </Menu>\n );\n};\n"],"names":["MoveToFolderMenu","_ref","open","onClose","anchorEl","template","closeParent","useFolders","storeApi","useMoveToFolder","folders","moveToFolder","useState","_useState2","_slicedToArray","_useState","isCreateFolder","setIsCreateFolder","_useState4","_useState3","newFolderName","setNewFolderName","toggleCreateFolder","useCallback","value","errorMessage","trim","length","undefined","updateFolder","folderName","id","createNewFolder","onKeyUp","event","key","useEffect","_jsxs","Menu","placement","className","styles","root","children","_jsx","Text","header","size","color","tagName","_Fragment","Tooltip","title","ButtonIcon","onClick","LeftIcon","TextInput","label","onChange","autoFocus","status","message","map","_ref2","items","name","getTemplateFolder","Item","prefix","FolderOpenIcon","TextEndTruncated","footer","Button","type","disabled","PlusIcon"],"mappings":"msJAgBA,IAUaA,EAAmB,SAMHC,GAAA,IAL3BC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YAEQC,EAAgCC,EAAhCD,WAAYE,EAAoBD,EAApBC,gBACdC,EAAUH,IACVI,EAAeF,IAEuBG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAtBlB,cAsB6CM,EAAAJ,EAAAK,EAAA,GAA9DC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAAqBC,GAAY,WAAA,OAAMN,GAAkB,SAAAO,GAAK,OAAKA,IAAM,GAAE,IAE3EC,EAA+C,IAAhCL,EAAcM,OAAOC,OAAe,+BAA4BC,EAE/EC,EAAeN,GACnB,SAACO,GACC3B,IACAG,IACAK,EAAaN,aAAQ,EAARA,EAAU0B,GAAID,EAC5B,GACD,CAACxB,EAAaK,EAAcR,EAASE,aAAAA,EAAAA,EAAU0B,KAG3CC,EAAkBT,GAAY,WAClCM,EAAaT,EACf,GAAG,CAACA,EAAeS,IAEbI,EAAUV,GACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAgBH,OAbAI,GAAU,WACJpB,GACFK,EApDoB,aAsDxB,GAAG,CAACL,IAEJoB,GAAU,WACJlC,IACFe,GAAkB,GAClBI,EA3DoB,cA6DxB,GAAG,CAACnB,IAGFmC,EAACC,EAAI,CACHpC,KAAMA,EACNC,QAASA,EACTC,SAAUA,EACVmC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,EAACC,EAAI,CAACL,UAAWC,EAAOK,OAAQC,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SAC/D3B,EACCqB,EAAAa,EAAA,CAAAP,SAAA,CACEC,EAACO,EAAO,CAACC,MAAM,OAAMT,SACnBC,EAACS,EAAU,CAACC,QAAShC,EAAoByB,KAAK,QAAOJ,SACnDC,EAACW,EAAQ,QAEH,uBAIZ,kCAGHvC,EACC4B,EAACY,EAAS,CACRC,MAAM,kBACNjC,MAAOJ,EACPsC,SAAUrC,EACVsC,WAAS,EACT1B,QAASA,EACT2B,OAAQnC,EAAe,aAAUG,EACjCiC,QAASpC,IAGXf,EAAQoD,KACN,SAAAC,GAAA,IAAGhC,IAAAA,GAAIiC,IAAAA,MAAOC,IAAAA,KAAI,OAChBA,IAASC,EAAkB7D,IACzBgC,EAACC,EAAK6B,KAAI,CAERpB,KAAK,QACLqB,OAAQxB,EAACyB,EAAkB,IAC3Bf,QAAS,WAAA,OAAMzB,EAAaoC,EAAM,EAAAtB,SAAA,CAElCC,EAAC0B,EAAgB,CAAA3B,SAAEsB,IACnBrB,EAACC,EAAI,CAACE,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SACrCqB,EAAMrC,OAAS,EAAOqC,GAAAA,OAAAA,EAAMrC,OAAiB,UAAA,aAP3CI,EAUR,IAGPa,EAAA,MAAA,CAAKJ,UAAWC,EAAO8B,OAAO5B,SAE1BC,EAAC4B,EADFxD,EACQ,CAACyD,KAAK,QAAQ1B,KAAK,QAAQO,QAAStB,EAAiB0C,WAAYjD,EAAakB,SAAA,sBAI9E,CAAC8B,KAAK,QAAQL,OAAQxB,EAAC+B,EAAY,IAAC5B,KAAK,QAAQO,QAAShC,EAAmBqB,SAAA,mBAO9F"}

package/componentsV2/TemplatesControl/Popover/Popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as o,useMemo as s}from"react";import{Popover as c}from"../../Popover/Popover.js";import{useAppSize as i}from"../../AppSizeProvider/AppSizeProvider.js";import{storeApi as n}from"../Store/Store.js";import"../Store/utils.js";import{Text as t}from"../../Text/Text.js";import{Tooltip as r}from"../../Tooltip/Tooltip.js";import{ButtonIcon as m}from"../../ButtonIcon/ButtonIcon.js";import"../../AppSettings/AppSettings.js";import{AppSettingsTestIds as e}from"../../AppSettings/AppSettings.constants.js";import{CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{LoaderCircular as u}from"../../LoaderCircular/LoaderCircular.js";import{TemplatesTree as l}from"../TemplatesTree/TemplatesTree.js";import{PopoverSearch as j}from"../PopoverSearch/PopoverSearch.js";import{TemplateMenu as a}from"../TemplateMenu/TemplateMenu.js";import{ConfirmationModal as I}from"../ConfirmationModal/ConfirmationModal.js";import{FolderMenu as d}from"../FolderMenu/FolderMenu.js";import{PopoverFooter as h}from"../PopoverFooter/PopoverFooter.js";import C from"./Popover.scss.js";import{jsxs as v,Fragment as f,jsx as P}from"react/jsx-runtime";var F=function(o){var s=o.closePopover,c=(0,n.useIsBusy)();return v("div",{className:C.header,children:[v(t,{size:16,weight:"medium",className:C.title,children:["Templates",c&&P(u,{size:"xs"})]}),P(r,{title:"Close",children:P(m,{testId:e.CloseSettingsButtonTestId,size:"small",onClick:s,children:P(p,{})})})]})},S=function(t){var r=t.anchorEl,m=t.placement,e=void 0===m?"bottom-start":m,p=t.disabled,u=(i()||{}).height,S=o(null),A=n.useIsPopoverOpen,g=n.useClosePopover,O=A(),T=g(),M=s((function(){return{height:"".concat(u,"px")}}),[u]);return r?v(f,{children:[P(c,{open:O&&!p,placement:e,anchorEl:r,onClose:T,className:C.popover,ref:S,children:v("div",{style:M,className:C.wrapper,children:[P(F,{closePopover:T}),P(j,{}),P(l,{}),P(h,{})]})}),P(a,{}),P(d,{}),P(I,{})]}):null};export{S as Popover};
+import{useRef as o,useMemo as s}from"react";import{Popover as c}from"../../Popover/Popover.js";import{useAppSize as i}from"../../AppSizeProvider/AppSizeProvider.js";import{storeApi as n}from"../Store/Store.js";import"../Store/utils.js";import{Text as t}from"../../Text/Text.js";import{Tooltip as r}from"../../Tooltip/Tooltip.js";import{ButtonIcon as m}from"../../ButtonIcon/ButtonIcon.js";import"../../AppSettings/AppSettings.js";import{AppSettingsTestIds as e}from"../../AppSettings/AppSettings.constants.js";import{CloseSmallIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{LoaderCircular as u}from"../../LoaderCircular/LoaderCircular.js";import{TemplatesTree as l}from"../TemplatesTree/TemplatesTree.js";import{PopoverSearch as j}from"../PopoverSearch/PopoverSearch.js";import{TemplateMenu as a}from"../TemplateMenu/TemplateMenu.js";import{ConfirmationModal as I}from"../ConfirmationModal/ConfirmationModal.js";import{FolderMenu as d}from"../FolderMenu/FolderMenu.js";import{PopoverFooter as h}from"../PopoverFooter/PopoverFooter.js";import C from"./Popover.scss.js";import{jsxs as v,Fragment as f,jsx as P}from"react/jsx-runtime";var F=function(o){var s=o.closePopover,c=(0,n.useIsBusy)();return v("div",{className:C.header,children:[v(t,{size:16,weight:"medium",className:C.title,children:["Templates",c&&P(u,{size:"xs"})]}),P(r,{title:"Close",children:P(m,{testId:e.CloseSettingsButtonTestId,size:"small",onClick:s,children:P(p,{})})})]})},S=function(t){var r=t.anchorEl,m=t.placement,e=void 0===m?"bottom-start":m,p=t.disabled,u=(i()||{}).height,S=o(null),A=n.useIsPopoverOpen,g=n.useClosePopover,O=A(),T=g(),M=s((function(){return{height:"".concat(u,"px")}}),[u]);return r?v(f,{children:[P(c,{open:O&&!p,placement:e,anchorEl:r,onClose:T,className:C.popover,ref:S,children:v("div",{style:M,className:C.wrapper,children:[P(F,{closePopover:T}),P(j,{}),P(l,{}),P(h,{})]})}),P(a,{}),P(d,{}),P(I,{})]}):null};export{S as Popover};
 //# sourceMappingURL=Popover.js.map

package/componentsV2/TemplatesControl/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../../src/componentsV2/TemplatesControl/Popover/Popover.tsx"],"sourcesContent":["import { CSSProperties, useMemo, useRef } from 'react';\n\nimport { Popover as CuiPopover, PopoverProps as CuiPopoverProps } from '../../Popover';\nimport { useAppSize } from '../../AppSizeProvider';\nimport { storeApi } from '../Store';\nimport { Text } from '../../Text';\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { AppSettingsTestIds } from '../../AppSettings';\nimport { CloseSmallIcon } from '../../../icons';\nimport { LoaderCircular } from '../../LoaderCircular';\nimport { TemplatesTree } from '../TemplatesTree';\nimport { PopoverSearch } from '../PopoverSearch';\nimport { TemplateMenu } from '../TemplateMenu';\nimport { ConfirmationModal } from '../ConfirmationModal';\nimport { FolderMenu } from '../FolderMenu';\nimport { PopoverFooter } from '../PopoverFooter';\n\nimport styles from './Popover.scss';\n\nexport type PopoverProps = {\n anchorEl?: HTMLElement;\n placement?: CuiPopoverProps['placement'];\n disabled?: boolean;\n};\n\nconst Header = ({ closePopover }: { closePopover: () => void }) => {\n const { useIsBusy } = storeApi;\n const isBusy = useIsBusy();\n\n return (\n <div className={styles.header}>\n <Text size={16} weight=\"medium\" className={styles.title}>\n Templates\n {isBusy && <LoaderCircular size=\"xs\" />}\n </Text>\n\n <Tooltip title=\"Close\">\n <ButtonIcon\n testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n size=\"small\"\n onClick={closePopover}\n >\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n );\n};\n\nexport const Popover = ({ anchorEl, placement = 'bottom-start', disabled }: PopoverProps) => {\n const { height } = useAppSize() \|\| {};\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const { useIsPopoverOpen, useClosePopover } = storeApi;\n const isPopoverOpen = useIsPopoverOpen();\n const closePopover = useClosePopover();\n\n const wrapperStyle = useMemo<CSSProperties>(() => ({ height: `${height}px` }), [height]);\n\n if (!anchorEl) {\n return null;\n }\n\n return (\n <>\n <CuiPopover\n open={isPopoverOpen && !disabled}\n placement={placement}\n anchorEl={anchorEl}\n onClose={closePopover}\n className={styles.popover}\n ref={popoverRef}\n >\n <div style={wrapperStyle} className={styles.wrapper}>\n <Header closePopover={closePopover} />\n <PopoverSearch />\n <TemplatesTree />\n <PopoverFooter />\n </div>\n </CuiPopover>\n\n <TemplateMenu />\n\n <FolderMenu />\n\n <ConfirmationModal />\n </>\n );\n};\n"],"names":["Header","_ref","closePopover","isBusy","useIsBusy","storeApi","_jsxs","className","styles","header","children","Text","size","weight","title","_jsx","LoaderCircular","Tooltip","ButtonIcon","testId","AppSettingsTestIds","CloseSettingsButtonTestId","onClick","CloseSmallIcon","Popover","_ref2","anchorEl","_ref2$placement","placement","disabled","height","useAppSize","popoverRef","useRef","useIsPopoverOpen","useClosePopover","isPopoverOpen","wrapperStyle","useMemo","_Fragment","CuiPopover","open","onClose","popover","ref","style","wrapper","PopoverSearch","TemplatesTree","PopoverFooter","TemplateMenu","FolderMenu","ConfirmationModal"],"mappings":"~~05JA0BA~~,IAAMA,EAAS,SAAoDC,GAAA,IAAjDC,IAAAA,aAEVC,GAASC,EADOC,EAAdD,aAGR,OACEE,EAAA,MAAA,CAAKC,UAAWC,EAAOC,OAAOC,SAAA,CAC5BJ,EAACK,EAAI,CAACC,KAAM,GAAIC,OAAO,SAASN,UAAWC,EAAOM,MAAMJ,SAErDP,CAAAA,YAAAA,GAAUY,EAACC,EAAc,CAACJ,KAAK,UAGlCG,EAACE,EAAO,CAACH,MAAM,QAAOJ,SACpBK,EAACG,EAAU,CACTC,OAAQC,EAAmBC,0BAC3BT,KAAK,QACLU,QAASpB,EAAaQ,SAEtBK,EAACQ,EAAc,UAKzB,EAEaC,EAAU,SAAsEC,GAAA,IAAnEC,IAAAA,SAAQC,EAAAF,EAAEG,UAAAA,aAAY,eAAcD,EAAEE,IAAAA,SACtDC,GAAWC,KAAgB,CAAE,GAA7BD,OACFE,EAAaC,EAAuB,MAElCC,EAAsC7B,EAAtC6B,iBAAkBC,EAAoB9B,EAApB8B,gBACpBC,EAAgBF,IAChBhC,EAAeiC,IAEfE,EAAeC,GAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,EAKHpB,EAAAiC,EAAA,CAAA7B,SAAA,CACEK,EAACyB,EAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,QAASxC,EACTK,UAAWC,EAAOmC,QAClBC,IAAKZ,EAAWtB,SAEhBJ,EAAA,MAAA,CAAKuC,MAAOR,EAAc9B,UAAWC,EAAOsC,QAAQpC,SAAA,CAClDK,EAACf,EAAM,CAACE,aAAcA,IACtBa,EAACgC,EAAgB,CAAA,GACjBhC,EAACiC,EAAgB,CAAA,GACjBjC,EAACkC,EAAgB,CAAA,QAIrBlC,EAACmC,EAAe,CAAA,GAEhBnC,EAACoC,EAAa,CAAA,GAEdpC,EAACqC,EAAoB,CAAA,MAzBhB,IA4BX"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../../src/componentsV2/TemplatesControl/Popover/Popover.tsx"],"sourcesContent":["import { CSSProperties, useMemo, useRef } from 'react';\n\nimport { Popover as CuiPopover, PopoverProps as CuiPopoverProps } from '../../Popover';\nimport { useAppSize } from '../../AppSizeProvider';\nimport { storeApi } from '../Store';\nimport { Text } from '../../Text';\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { AppSettingsTestIds } from '../../AppSettings';\nimport { CloseSmallIcon } from '../../../icons';\nimport { LoaderCircular } from '../../LoaderCircular';\nimport { TemplatesTree } from '../TemplatesTree';\nimport { PopoverSearch } from '../PopoverSearch';\nimport { TemplateMenu } from '../TemplateMenu';\nimport { ConfirmationModal } from '../ConfirmationModal';\nimport { FolderMenu } from '../FolderMenu';\nimport { PopoverFooter } from '../PopoverFooter';\n\nimport styles from './Popover.scss';\n\nexport type PopoverProps = {\n anchorEl?: HTMLElement;\n placement?: CuiPopoverProps['placement'];\n disabled?: boolean;\n};\n\nconst Header = ({ closePopover }: { closePopover: () => void }) => {\n const { useIsBusy } = storeApi;\n const isBusy = useIsBusy();\n\n return (\n <div className={styles.header}>\n <Text size={16} weight=\"medium\" className={styles.title}>\n Templates\n {isBusy && <LoaderCircular size=\"xs\" />}\n </Text>\n\n <Tooltip title=\"Close\">\n <ButtonIcon\n testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n size=\"small\"\n onClick={closePopover}\n >\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n );\n};\n\nexport const Popover = ({ anchorEl, placement = 'bottom-start', disabled }: PopoverProps) => {\n const { height } = useAppSize() \|\| {};\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const { useIsPopoverOpen, useClosePopover } = storeApi;\n const isPopoverOpen = useIsPopoverOpen();\n const closePopover = useClosePopover();\n\n const wrapperStyle = useMemo<CSSProperties>(() => ({ height: `${height}px` }), [height]);\n\n if (!anchorEl) {\n return null;\n }\n\n return (\n <>\n <CuiPopover\n open={isPopoverOpen && !disabled}\n placement={placement}\n anchorEl={anchorEl}\n onClose={closePopover}\n className={styles.popover}\n ref={popoverRef}\n >\n <div style={wrapperStyle} className={styles.wrapper}>\n <Header closePopover={closePopover} />\n <PopoverSearch />\n <TemplatesTree />\n <PopoverFooter />\n </div>\n </CuiPopover>\n\n <TemplateMenu />\n\n <FolderMenu />\n\n <ConfirmationModal />\n </>\n );\n};\n"],"names":["Header","_ref","closePopover","isBusy","useIsBusy","storeApi","_jsxs","className","styles","header","children","Text","size","weight","title","_jsx","LoaderCircular","Tooltip","ButtonIcon","testId","AppSettingsTestIds","CloseSettingsButtonTestId","onClick","CloseSmallIcon","Popover","_ref2","anchorEl","_ref2$placement","placement","disabled","height","useAppSize","popoverRef","useRef","useIsPopoverOpen","useClosePopover","isPopoverOpen","wrapperStyle","useMemo","_Fragment","CuiPopover","open","onClose","popover","ref","style","wrapper","PopoverSearch","TemplatesTree","PopoverFooter","TemplateMenu","FolderMenu","ConfirmationModal"],"mappings":"0gKA0BA,IAAMA,EAAS,SAAoDC,GAAA,IAAjDC,IAAAA,aAEVC,GAASC,EADOC,EAAdD,aAGR,OACEE,EAAA,MAAA,CAAKC,UAAWC,EAAOC,OAAOC,SAAA,CAC5BJ,EAACK,EAAI,CAACC,KAAM,GAAIC,OAAO,SAASN,UAAWC,EAAOM,MAAMJ,SAErDP,CAAAA,YAAAA,GAAUY,EAACC,EAAc,CAACJ,KAAK,UAGlCG,EAACE,EAAO,CAACH,MAAM,QAAOJ,SACpBK,EAACG,EAAU,CACTC,OAAQC,EAAmBC,0BAC3BT,KAAK,QACLU,QAASpB,EAAaQ,SAEtBK,EAACQ,EAAc,UAKzB,EAEaC,EAAU,SAAsEC,GAAA,IAAnEC,IAAAA,SAAQC,EAAAF,EAAEG,UAAAA,aAAY,eAAcD,EAAEE,IAAAA,SACtDC,GAAWC,KAAgB,CAAE,GAA7BD,OACFE,EAAaC,EAAuB,MAElCC,EAAsC7B,EAAtC6B,iBAAkBC,EAAoB9B,EAApB8B,gBACpBC,EAAgBF,IAChBhC,EAAeiC,IAEfE,EAAeC,GAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,EAKHpB,EAAAiC,EAAA,CAAA7B,SAAA,CACEK,EAACyB,EAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,QAASxC,EACTK,UAAWC,EAAOmC,QAClBC,IAAKZ,EAAWtB,SAEhBJ,EAAA,MAAA,CAAKuC,MAAOR,EAAc9B,UAAWC,EAAOsC,QAAQpC,SAAA,CAClDK,EAACf,EAAM,CAACE,aAAcA,IACtBa,EAACgC,EAAgB,CAAA,GACjBhC,EAACiC,EAAgB,CAAA,GACjBjC,EAACkC,EAAgB,CAAA,QAIrBlC,EAACmC,EAAe,CAAA,GAEhBnC,EAACoC,EAAa,CAAA,GAEdpC,EAACqC,EAAoB,CAAA,MAzBhB,IA4BX"}

package/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c}from"react";import{Tooltip as i}from"../../Tooltip/Tooltip.js";import{ButtonIcon as n}from"../../ButtonIcon/ButtonIcon.js";import{PlusIcon as t,UploadIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{storeApi as r}from"../Store/Store.js";import"../Store/utils.js";import{Action as e}from"../types.js";import{Button as p}from"../../Button/Button.js";import{LoaderCircular as u}from"../../LoaderCircular/LoaderCircular.js";import{AddModal as a}from"./AddModal.js";import j from"./PopoverFooter.scss.js";import{jsxs as l,jsx as I}from"react/jsx-runtime";var d=function(){var d=r.useCreateTemplate,C=r.useHasCurrentAction,h=r.useImportTemplate,f=d(),F=C(0,e.Create),b=h(),O=s(!1),A=o(O,2),v=A[0],T=A[1],P=s(""),k=o(P,2),B=k[0],M=k[1],g=s(""),x=o(g,2),y=x[0],N=x[1],S=c((function(){return T(!1)}),[]),D=c((function(){N("New Template"),M("Create New Template"),T(!0)}),[]),z=c((function(){b()}),[b]);return l("div",{className:j.root,children:[I(p,{className:j.addButton,disabled:F,onClick:D,size:"small",type:"chartColored",prefix:!F&&I(t,{}),children:F?I(u,{size:"xs"}):"Create New Template"}),I(i,{title:"Import from File",children:I(n,{className:j.importButton,disabled:F,onClick:z,size:"small",type:"tertiaryBg",children:I(m,{})})}),I(a,{open:v,onClose:S,onCreate:f,initialName:y,title:B})]})};export{d as PopoverFooter};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c}from"react";import{Tooltip as i}from"../../Tooltip/Tooltip.js";import{ButtonIcon as n}from"../../ButtonIcon/ButtonIcon.js";import{PlusIcon as t,UploadIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{storeApi as r}from"../Store/Store.js";import"../Store/utils.js";import{Action as e}from"../types.js";import{Button as p}from"../../Button/Button.js";import{LoaderCircular as u}from"../../LoaderCircular/LoaderCircular.js";import{AddModal as a}from"./AddModal.js";import j from"./PopoverFooter.scss.js";import{jsxs as l,jsx as I}from"react/jsx-runtime";var d=function(){var d=r.useCreateTemplate,C=r.useHasCurrentAction,h=r.useImportTemplate,F=d(),f=C(0,e.Create),b=h(),O=s(!1),A=o(O,2),v=A[0],T=A[1],P=s(""),k=o(P,2),B=k[0],M=k[1],g=s(""),x=o(g,2),y=x[0],N=x[1],S=c((function(){return T(!1)}),[]),D=c((function(){N("New Template"),M("Create New Template"),T(!0)}),[]),R=c((function(){b()}),[b]);return l("div",{className:j.root,children:[I(p,{className:j.addButton,disabled:f,onClick:D,size:"small",type:"chartColored",prefix:!f&&I(t,{}),children:f?I(u,{size:"xs"}):"Create New Template"}),I(i,{title:"Import from File",children:I(n,{className:j.importButton,disabled:f,onClick:R,size:"small",type:"tertiaryBg",children:I(m,{})})}),I(a,{open:v,onClose:S,onCreate:F,initialName:y,title:B})]})};export{d as PopoverFooter};
 //# sourceMappingURL=PopoverFooter.js.map

package/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverFooter.js","sources":["../../../../src/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { PlusIcon, UploadIcon } from '../../../icons';\nimport { storeApi } from '../Store';\nimport { Action } from '../types';\nimport { Button } from '../../Button';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport { AddModal } from './AddModal';\n\nimport styles from './PopoverFooter.scss';\n\nexport const PopoverFooter = () => {\n const { useCreateTemplate, useHasCurrentAction, useImportTemplate } = storeApi;\n const createTemplate = useCreateTemplate();\n const isCreating = useHasCurrentAction(0, Action.Create);\n const importTemplate = useImportTemplate();\n\n const [addModalOpen, setAddModalOpen] = useState(false);\n const [addModalTitle, setAddModalTitle] = useState('');\n const [newTemplateName, setNewTemplateName] = useState('');\n\n const closeAddModal = useCallback(() => setAddModalOpen(false), []);\n\n const onNewTemplate = useCallback(() => {\n setNewTemplateName('New Template');\n setAddModalTitle('Create New Template');\n setAddModalOpen(true);\n }, []);\n\n const onImport = useCallback(() => {\n importTemplate();\n }, [importTemplate]);\n\n return (\n <div className={styles.root}>\n <Button\n className={styles.addButton}\n disabled={isCreating}\n onClick={onNewTemplate}\n size=\"small\"\n type=\"chartColored\"\n prefix={!isCreating && <PlusIcon />}\n >\n {isCreating ? <LoaderCircular size=\"xs\" /> : 'Create New Template'}\n </Button>\n\n <Tooltip title=\"Import from File\">\n <ButtonIcon\n className={styles.importButton}\n disabled={isCreating}\n onClick={onImport}\n size=\"small\"\n type=\"tertiaryBg\"\n >\n <UploadIcon />\n </ButtonIcon>\n </Tooltip>\n\n <AddModal\n open={addModalOpen}\n onClose={closeAddModal}\n onCreate={createTemplate}\n initialName={newTemplateName}\n title={addModalTitle}\n />\n </div>\n );\n};\n"],"names":["PopoverFooter","useCreateTemplate","storeApi","useHasCurrentAction","useImportTemplate","createTemplate","isCreating","Action","Create","importTemplate","useState","_useState2","_slicedToArray","_useState","addModalOpen","setAddModalOpen","_useState4","_useState3","addModalTitle","setAddModalTitle","_useState6","_useState5","newTemplateName","setNewTemplateName","closeAddModal","useCallback","onNewTemplate","onImport","_jsxs","className","styles","root","children","_jsx","Button","addButton","disabled","onClick","size","type","prefix","PlusIcon","LoaderCircular","Tooltip","title","ButtonIcon","importButton","UploadIcon","AddModal","open","onClose","onCreate","initialName"],"mappings":"~~46IAcaA~~,IAAAA,EAAgB,WAC3B,IAAQC,EAA8DC,EAA9DD,kBAAmBE,EAA2CD,EAA3CC,oBAAqBC,EAAsBF,EAAtBE,kBAC1CC,EAAiBJ,IACjBK,EAAaH,EAAoB,EAAGI,EAAOC,QAC3CC,EAAiBL,IAEiBM,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACMD,EAAAA,EAAS,IAAGM,EAAAJ,EAAAK,EAAA,GAA/CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACQN,EAAAA,EAAS,IAAGU,EAAAR,EAAAS,EAAA,GAAnDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAgBC,GAAY,WAAA,OAAMV,GAAgB,EAAM,GAAE,IAE1DW,EAAgBD,GAAY,WAChCF,EAAmB,gBACnBJ,EAAiB,uBACjBJ,GAAgB,EACjB,GAAE,IAEGY,EAAWF,GAAY,WAC3BhB,GACF,GAAG,CAACA,IAEJ,OACEmB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAAA,CAC1BC,EAACC,EAAM,CACLL,UAAWC,EAAOK,UAClBC,SAAU9B,EACV+B,QAASX,EACTY,KAAK,QACLC,KAAK,eACLC,QAASlC,GAAc2B,EAACQ,EAAY,CAAA,GAAAT,SAEnC1B,EAAa2B,EAACS,EAAc,CAACJ,KAAK,OAAU,wBAG/CL,EAACU,EAAO,CAACC,MAAM,mBAAkBZ,SAC/BC,EAACY,EAAU,CACThB,UAAWC,EAAOgB,aAClBV,SAAU9B,EACV+B,QAASV,EACTW,KAAK,QACLC,KAAK,aAAYP,SAEjBC,EAACc,EAAU,QAIfd,EAACe,EAAQ,CACPC,KAAMnC,EACNoC,QAAS1B,EACT2B,SAAU9C,EACV+C,YAAa9B,EACbsB,MAAO1B,MAIf"}
1	+ {"version":3,"file":"PopoverFooter.js","sources":["../../../../src/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { PlusIcon, UploadIcon } from '../../../icons';\nimport { storeApi } from '../Store';\nimport { Action } from '../types';\nimport { Button } from '../../Button';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport { AddModal } from './AddModal';\n\nimport styles from './PopoverFooter.scss';\n\nexport const PopoverFooter = () => {\n const { useCreateTemplate, useHasCurrentAction, useImportTemplate } = storeApi;\n const createTemplate = useCreateTemplate();\n const isCreating = useHasCurrentAction(0, Action.Create);\n const importTemplate = useImportTemplate();\n\n const [addModalOpen, setAddModalOpen] = useState(false);\n const [addModalTitle, setAddModalTitle] = useState('');\n const [newTemplateName, setNewTemplateName] = useState('');\n\n const closeAddModal = useCallback(() => setAddModalOpen(false), []);\n\n const onNewTemplate = useCallback(() => {\n setNewTemplateName('New Template');\n setAddModalTitle('Create New Template');\n setAddModalOpen(true);\n }, []);\n\n const onImport = useCallback(() => {\n importTemplate();\n }, [importTemplate]);\n\n return (\n <div className={styles.root}>\n <Button\n className={styles.addButton}\n disabled={isCreating}\n onClick={onNewTemplate}\n size=\"small\"\n type=\"chartColored\"\n prefix={!isCreating && <PlusIcon />}\n >\n {isCreating ? <LoaderCircular size=\"xs\" /> : 'Create New Template'}\n </Button>\n\n <Tooltip title=\"Import from File\">\n <ButtonIcon\n className={styles.importButton}\n disabled={isCreating}\n onClick={onImport}\n size=\"small\"\n type=\"tertiaryBg\"\n >\n <UploadIcon />\n </ButtonIcon>\n </Tooltip>\n\n <AddModal\n open={addModalOpen}\n onClose={closeAddModal}\n onCreate={createTemplate}\n initialName={newTemplateName}\n title={addModalTitle}\n />\n </div>\n );\n};\n"],"names":["PopoverFooter","useCreateTemplate","storeApi","useHasCurrentAction","useImportTemplate","createTemplate","isCreating","Action","Create","importTemplate","useState","_useState2","_slicedToArray","_useState","addModalOpen","setAddModalOpen","_useState4","_useState3","addModalTitle","setAddModalTitle","_useState6","_useState5","newTemplateName","setNewTemplateName","closeAddModal","useCallback","onNewTemplate","onImport","_jsxs","className","styles","root","children","_jsx","Button","addButton","disabled","onClick","size","type","prefix","PlusIcon","LoaderCircular","Tooltip","title","ButtonIcon","importButton","UploadIcon","AddModal","open","onClose","onCreate","initialName"],"mappings":"4hJAcaA,IAAAA,EAAgB,WAC3B,IAAQC,EAA8DC,EAA9DD,kBAAmBE,EAA2CD,EAA3CC,oBAAqBC,EAAsBF,EAAtBE,kBAC1CC,EAAiBJ,IACjBK,EAAaH,EAAoB,EAAGI,EAAOC,QAC3CC,EAAiBL,IAEiBM,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACMD,EAAAA,EAAS,IAAGM,EAAAJ,EAAAK,EAAA,GAA/CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACQN,EAAAA,EAAS,IAAGU,EAAAR,EAAAS,EAAA,GAAnDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAgBC,GAAY,WAAA,OAAMV,GAAgB,EAAM,GAAE,IAE1DW,EAAgBD,GAAY,WAChCF,EAAmB,gBACnBJ,EAAiB,uBACjBJ,GAAgB,EACjB,GAAE,IAEGY,EAAWF,GAAY,WAC3BhB,GACF,GAAG,CAACA,IAEJ,OACEmB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAAA,CAC1BC,EAACC,EAAM,CACLL,UAAWC,EAAOK,UAClBC,SAAU9B,EACV+B,QAASX,EACTY,KAAK,QACLC,KAAK,eACLC,QAASlC,GAAc2B,EAACQ,EAAY,CAAA,GAAAT,SAEnC1B,EAAa2B,EAACS,EAAc,CAACJ,KAAK,OAAU,wBAG/CL,EAACU,EAAO,CAACC,MAAM,mBAAkBZ,SAC/BC,EAACY,EAAU,CACThB,UAAWC,EAAOgB,aAClBV,SAAU9B,EACV+B,QAASV,EACTW,KAAK,QACLC,KAAK,aAAYP,SAEjBC,EAACc,EAAU,QAIfd,EAACe,EAAQ,CACPC,KAAMnC,EACNoC,QAAS1B,EACT2B,SAAU9C,EACV+C,YAAa9B,EACbsB,MAAO1B,MAIf"}

package/componentsV2/TemplatesControl/PopoverSearch/PopoverSearch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useMemo as i,useEffect as n}from"react";import{debounce as t}from"lodash";import{TextInput as r}from"../../TextInput/TextInput.js";import{storeApi as m}from"../Store/Store.js";import"../Store/utils.js";import e from"./PopoverSearch.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as p}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as u}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";var j=function(){var j=(0,m.useSetSearchString)(),I=s(""),a=o(I,2),l=a[0],d=a[1],h=c((function(){d(""),j("")}),[j]),C=i((function(){return t(j,200)}),[j]),b=c((function(o){d(o),C(o)}),[C]);return n((function(){j(""),d("")}),[j]),p("div",{className:e.root,children:p(r,{value:l,onChange:b,placeholder:"Search Template",prefix:p(u,{}),spacing:"dense",type:"search",onClear:h})})};export{j as PopoverSearch};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useMemo as i,useEffect as n}from"react";import{debounce as t}from"lodash";import{TextInput as m}from"../../TextInput/TextInput.js";import{storeApi as r}from"../Store/Store.js";import"../Store/utils.js";import e from"./PopoverSearch.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as p}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as u}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";var j=function(){var j=(0,r.useSetSearchString)(),I=s(""),a=o(I,2),l=a[0],d=a[1],h=c((function(){d(""),j("")}),[j]),C=i((function(){return t(j,200)}),[j]),b=c((function(o){d(o),C(o)}),[C]);return n((function(){j(""),d("")}),[j]),p("div",{className:e.root,children:p(m,{value:l,onChange:b,placeholder:"Search Template",prefix:p(u,{}),spacing:"dense",type:"search",onClear:h})})};export{j as PopoverSearch};
 //# sourceMappingURL=PopoverSearch.js.map

package/componentsV2/TemplatesControl/PopoverSearch/PopoverSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverSearch.js","sources":["../../../../src/componentsV2/TemplatesControl/PopoverSearch/PopoverSearch.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { TextInput } from '../../TextInput';\nimport { storeApi } from '../Store';\n\nimport styles from './PopoverSearch.scss';\n\nimport { SearchOne } from '~/icons';\n\nexport const PopoverSearch = () => {\n const { useSetSearchString } = storeApi;\n const setSearchString = useSetSearchString();\n\n const [localSearch, setLocalSearch] = useState('');\n\n const onClear = useCallback(() => {\n setLocalSearch('');\n setSearchString('');\n }, [setSearchString]);\n\n const debouncedSetSearchString = useMemo(() => debounce(setSearchString, 200), [setSearchString]);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setLocalSearch(value);\n debouncedSetSearchString(value);\n },\n [debouncedSetSearchString]\n );\n\n useEffect(() => {\n setSearchString('');\n setLocalSearch('');\n }, [setSearchString]);\n\n return (\n <div className={styles.root}>\n <TextInput\n value={localSearch}\n onChange={onSearchChange}\n placeholder=\"Search Template\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n type=\"search\"\n onClear={onClear}\n />\n </div>\n );\n};\n"],"names":["PopoverSearch","setSearchString","useSetSearchString","storeApi","useState","_useState2","_slicedToArray","_useState","localSearch","setLocalSearch","onClear","useCallback","debouncedSetSearchString","useMemo","debounce","onSearchChange","value","useEffect","_jsx","className","styles","root","children","TextInput","onChange","placeholder","prefix","SearchOne","spacing","type"],"mappings":"~~61IAUaA~~,IAAAA,EAAgB,WAC3B,IACMC,GAAkBC,EADOC,EAAvBD,sBAG8BE,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA3CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAUC,GAAY,WAC1BF,EAAe,IACfR,EAAgB,GAClB,GAAG,CAACA,IAEEW,EAA2BC,GAAQ,WAAA,OAAMC,EAASb,EAAiB,OAAM,CAACA,IAE1Ec,EAAiBJ,GACrB,SAACK,GACCP,EAAeO,GACfJ,EAAyBI,EAC3B,GACA,CAACJ,IAQH,OALAK,GAAU,WACRhB,EAAgB,IAChBQ,EAAe,GACjB,GAAG,CAACR,IAGFiB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1BJ,EAACK,EAAS,CACRP,MAAOR,EACPgB,SAAUT,EACVU,YAAY,kBACZC,OAAQR,EAACS,EAAa,IACtBC,QAAQ,QACRC,KAAK,SACLnB,QAASA,KAIjB"}
1	+ {"version":3,"file":"PopoverSearch.js","sources":["../../../../src/componentsV2/TemplatesControl/PopoverSearch/PopoverSearch.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { TextInput } from '../../TextInput';\nimport { storeApi } from '../Store';\n\nimport styles from './PopoverSearch.scss';\n\nimport { SearchOne } from '~/icons';\n\nexport const PopoverSearch = () => {\n const { useSetSearchString } = storeApi;\n const setSearchString = useSetSearchString();\n\n const [localSearch, setLocalSearch] = useState('');\n\n const onClear = useCallback(() => {\n setLocalSearch('');\n setSearchString('');\n }, [setSearchString]);\n\n const debouncedSetSearchString = useMemo(() => debounce(setSearchString, 200), [setSearchString]);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setLocalSearch(value);\n debouncedSetSearchString(value);\n },\n [debouncedSetSearchString]\n );\n\n useEffect(() => {\n setSearchString('');\n setLocalSearch('');\n }, [setSearchString]);\n\n return (\n <div className={styles.root}>\n <TextInput\n value={localSearch}\n onChange={onSearchChange}\n placeholder=\"Search Template\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n type=\"search\"\n onClear={onClear}\n />\n </div>\n );\n};\n"],"names":["PopoverSearch","setSearchString","useSetSearchString","storeApi","useState","_useState2","_slicedToArray","_useState","localSearch","setLocalSearch","onClear","useCallback","debouncedSetSearchString","useMemo","debounce","onSearchChange","value","useEffect","_jsx","className","styles","root","children","TextInput","onChange","placeholder","prefix","SearchOne","spacing","type"],"mappings":"68IAUaA,IAAAA,EAAgB,WAC3B,IACMC,GAAkBC,EADOC,EAAvBD,sBAG8BE,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA3CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAUC,GAAY,WAC1BF,EAAe,IACfR,EAAgB,GAClB,GAAG,CAACA,IAEEW,EAA2BC,GAAQ,WAAA,OAAMC,EAASb,EAAiB,OAAM,CAACA,IAE1Ec,EAAiBJ,GACrB,SAACK,GACCP,EAAeO,GACfJ,EAAyBI,EAC3B,GACA,CAACJ,IAQH,OALAK,GAAU,WACRhB,EAAgB,IAChBQ,EAAe,GACjB,GAAG,CAACR,IAGFiB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1BJ,EAACK,EAAS,CACRP,MAAOR,EACPgB,SAAUT,EACVU,YAAY,kBACZC,OAAQR,EAACS,EAAa,IACtBC,QAAQ,QACRC,KAAK,SACLnB,QAASA,KAIjB"}

package/componentsV2/TemplatesControl/ShareModal/ShareModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/regenerator";import{useState as c,useMemo as r,useCallback as e,useEffect as m,Fragment as p}from"react";import{debounce as a,keyBy as u}from"lodash";import{Modal as l}from"../../Modal/Modal.js";import{TextInput as j}from"../../TextInput/TextInput.js";import{LoaderLogo as d}from"../../LoaderLogo/LoaderLogo.js";import{EmptyState as I}from"../../EmptyState/EmptyState.js";import{getUsers as f}from"../../../clients/jsonApi/index.js";import{Menu as h}from"../../Menu/Menu.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/index.js";import"uuid";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../constants/streamSourceType.js";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as b}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import{useInfiniteScroll as C}from"../../../effects/useInfiniteScroll.js";import{Item as g}from"./Item.js";import y from"./ShareModal.scss.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as v,jsxs as O}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as P}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function S(o){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?A(Object(n),!0).forEach((function(s){t(o,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var x={order:"asc",sort:"first_name"},F=function(o){return o},k=function(o){var s=o.companyId,n=o.search,t=o.page,i=o.perPage;return f(S(S({},x),{},{companyId:s,page:t,perPage:i,search:n}))},D=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},M=function(t){var A=t.onClose,M=t.template,w=t.open,E=t.onShare,T=b().currentUser.company_id,L=M.shared_with,R=c(""),_=n(R,2),G=_[0],N=_[1],U=c(""),q=n(U,2),z=q[0],B=q[1],W=c(!1),H=n(W,2),K=H[0],Z=H[1],J=c([]),Q=n(J,2),V=Q[0],X=Q[1],Y=r((function(){return a(B,300)}),[]),$=e((function(o){N(o),Y(o)}),[Y]),oo=e((function(){Y.cancel(),N(""),B("")}),[Y]),so=z.trim(),no=r((function(){return{search:so,companyId:T}}),[so,T]),to=e((function(o){return X((function(n){return[].concat(s(n),[o]).toSorted(D)}))}),[]),io=e((function(o){return X((function(s){return s.filter((function(s){return s.id!==o.id}))}))}),[]),co=e((function(){return E(V.map((function(o){return o.id})))}),[E,V]),ro=C({filters:no,getParams:F,loadData:k}),eo=ro.data,mo=ro.loadMoreElementRef,po=ro.containerElementRef,ao=ro.isLoading;m((function(){var s=function(){var s=o(i.mark((function o(){var s;return i.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!L||!L.length){o.next=9;break}return Z(!0),o.next=4,f(S(S({},x),{},{companyId:T,page:1,perPage:1e3,ids:L}));case 4:s=o.sent,X(s),Z(!1),o.next=10;break;case 9:X([]);case 10:case"end":return o.stop()}}),o)})));return function(){return s.apply(this,arguments)}}();w&&s()}),[w,L,T]),m((function(){w&&oo()}),[oo,w]);var uo=r((function(){return u(V,"id")}),[V]),lo=r((function(){return{disabled:K}}),[K]);return v(l,{title:"Share “".concat(M.name,"”"),open:w,onClose:A,primaryActionText:"Share",primaryActionHandler:co,primaryActionProps:lo,secondaryActionText:"Cancel",secondaryActionHandler:A,size:"medium",children:O("div",{className:y.wrapper,children:[v(j,{label:"",placeholder:"Search User...",type:"search",prefix:v(P,{}),spacing:"dense",onChange:$,value:G,onClear:oo}),O("div",{className:y.list,ref:po,children:[!K&&V.map((function(o,s){return O(p,{children:[s>0&&v(h.Divider,{className:y.divider}),v(g,{user:o,onClick:io,isSelected:!0})]},o.id)})),eo.map((function(o,s){return uo[o.id]?null:O(p,{children:[(s>0||V.length>0)&&v(h.Divider,{className:y.divider}),v(g,{user:o,onClick:to})]},o.id)})),v("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&v(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&v(d,{size:60})]})]})})};export{M as ShareModal};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/regenerator";import{useState as c,useMemo as r,useCallback as e,useEffect as m,Fragment as p}from"react";import{debounce as a,keyBy as u}from"lodash";import{Modal as l}from"../../Modal/Modal.js";import{TextInput as j}from"../../TextInput/TextInput.js";import{LoaderLogo as d}from"../../LoaderLogo/LoaderLogo.js";import{EmptyState as I}from"../../EmptyState/EmptyState.js";import{getUsers as f}from"../../../clients/jsonApi/index.js";import{Menu as h}from"../../Menu/Menu.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/index.js";import"uuid";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../constants/streamSourceType.js";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as b}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import{useInfiniteScroll as C}from"../../../effects/useInfiniteScroll.js";import{Item as g}from"./Item.js";import y from"./ShareModal.scss.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as v,jsxs as O}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as P}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function S(o){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?A(Object(n),!0).forEach((function(s){t(o,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var x={order:"asc",sort:"first_name"},F=function(o){return o},k=function(o){var s=o.companyId,n=o.search,t=o.page,i=o.perPage;return f(S(S({},x),{},{companyId:s,page:t,perPage:i,search:n}))},D=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},M=function(t){var A=t.onClose,M=t.template,w=t.open,E=t.onShare,T=b().currentUser.company_id,L=M.shared_with,R=c(""),_=n(R,2),G=_[0],N=_[1],U=c(""),q=n(U,2),z=q[0],B=q[1],W=c(!1),H=n(W,2),K=H[0],Z=H[1],J=c([]),Q=n(J,2),V=Q[0],X=Q[1],Y=r((function(){return a(B,300)}),[]),$=e((function(o){N(o),Y(o)}),[Y]),oo=e((function(){Y.cancel(),N(""),B("")}),[Y]),so=z.trim(),no=r((function(){return{search:so,companyId:T}}),[so,T]),to=e((function(o){return X((function(n){return[].concat(s(n),[o]).toSorted(D)}))}),[]),io=e((function(o){return X((function(s){return s.filter((function(s){return s.id!==o.id}))}))}),[]),co=e((function(){return E(V.map((function(o){return o.id})))}),[E,V]),ro=C({filters:no,getParams:F,loadData:k}),eo=ro.data,mo=ro.loadMoreElementRef,po=ro.containerElementRef,ao=ro.isLoading;m((function(){var s=function(){var s=o(i.mark((function o(){var s;return i.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!L||!L.length){o.next=9;break}return Z(!0),o.next=4,f(S(S({},x),{},{companyId:T,page:1,perPage:1e3,ids:L}));case 4:s=o.sent,X(s),Z(!1),o.next=10;break;case 9:X([]);case 10:case"end":return o.stop()}}),o)})));return function(){return s.apply(this,arguments)}}();w&&s()}),[w,L,T]),m((function(){w&&oo()}),[oo,w]);var uo=r((function(){return u(V,"id")}),[V]),lo=r((function(){return{disabled:K}}),[K]);return v(l,{title:"Share “".concat(M.name,"”"),open:w,onClose:A,primaryActionText:"Share",primaryActionHandler:co,primaryActionProps:lo,secondaryActionText:"Cancel",secondaryActionHandler:A,size:"medium",children:O("div",{className:y.wrapper,children:[v(j,{label:"",placeholder:"Search User...",type:"search",prefix:v(P,{}),spacing:"dense",onChange:$,value:G,onClear:oo}),O("div",{className:y.list,ref:po,children:[!K&&V.map((function(o,s){return O(p,{children:[s>0&&v(h.Divider,{className:y.divider}),v(g,{user:o,onClick:io,isSelected:!0})]},o.id)})),eo.map((function(o,s){return uo[o.id]?null:O(p,{children:[(s>0||V.length>0)&&v(h.Divider,{className:y.divider}),v(g,{user:o,onClick:to})]},o.id)})),v("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&v(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&v(d,{size:60})]})]})})};export{M as ShareModal};
 //# sourceMappingURL=ShareModal.js.map

package/componentsV2/TemplatesControl/ShareModal/ShareModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n order: 'asc',\n sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n getUsers({\n ...defaultParams,\n companyId,\n page,\n perPage,\n search,\n }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n a.first_name.localeCompare(b.first_name) \|\| a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n const {\n currentUser: { company_id: companyId },\n } = useAppCommons() as { currentUser: User };\n const { shared_with: sharedWith } = template;\n\n const [search, setSearch] = useState('');\n const [filterSearch, setFilterSearch] = useState('');\n const [isLoadingShared, setIsLoadingShared] = useState(false);\n const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setSearch(value);\n debouncedSetSearchForFilter(value);\n },\n [debouncedSetSearchForFilter]\n );\n\n const clearSearch = useCallback(() => {\n debouncedSetSearchForFilter.cancel();\n setSearch('');\n setFilterSearch('');\n }, [debouncedSetSearchForFilter]);\n\n const trimmedFilterSearch = filterSearch.trim();\n const filters = useMemo(\n () => ({ search: trimmedFilterSearch, companyId }),\n [trimmedFilterSearch, companyId]\n );\n\n const selectUser = useCallback(\n (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n []\n );\n\n const deselectUser = useCallback(\n (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n []\n );\n\n const onActualShare = useCallback(\n () => onShare(selectedUsers.map(({ id }) => id)),\n [onShare, selectedUsers]\n );\n\n const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n filters,\n getParams,\n loadData,\n });\n\n useEffect(() => {\n const loadInitial = async () => {\n if (sharedWith && sharedWith.length) {\n setIsLoadingShared(true);\n\n const users = await getUsers({\n ...defaultParams,\n companyId,\n page: 1,\n perPage: 1000,\n ids: sharedWith,\n });\n\n setSelectedUsers(users);\n setIsLoadingShared(false);\n } else {\n setSelectedUsers([]);\n }\n };\n\n if (open) {\n loadInitial();\n }\n }, [open, sharedWith, companyId]);\n\n useEffect(() => {\n if (open) {\n clearSearch();\n }\n }, [clearSearch, open]);\n\n const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n return (\n <Modal\n title={`Share “${template.name}”`}\n open={open}\n onClose={onClose}\n primaryActionText=\"Share\"\n primaryActionHandler={onActualShare}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n size=\"medium\"\n >\n <div className={styles.wrapper}>\n <TextInput\n label=\"\"\n placeholder=\"Search User...\"\n type=\"search\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n onChange={onSearchChange}\n value={search}\n onClear={clearSearch}\n />\n <div className={styles.list} ref={containerElementRef}>\n {!isLoadingShared &&\n selectedUsers.map((user, index) => (\n <Fragment key={user.id}>\n {index > 0 && <Menu.Divider className={styles.divider} />}\n <Item user={user} onClick={deselectUser} isSelected />\n </Fragment>\n ))}\n\n {data.map((user, index) =>\n !selectedUsersMap[user.id] ? (\n <Fragment key={user.id}>\n {(index > 0 \|\| selectedUsers.length > 0) && (\n <Menu.Divider className={styles.divider} />\n )}\n <Item user={user} onClick={selectUser} />\n </Fragment>\n ) : null\n )}\n\n <div ref={loadMoreElementRef} />\n\n {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n <EmptyState title=\"No users found\" image=\"nothingFound\" />\n )}\n\n {(isLoading \|\| isLoadingShared) && <LoaderLogo size={60} />}\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}
1	+ {"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n order: 'asc',\n sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n getUsers({\n ...defaultParams,\n companyId,\n page,\n perPage,\n search,\n }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n a.first_name.localeCompare(b.first_name) \|\| a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n const {\n currentUser: { company_id: companyId },\n } = useAppCommons() as { currentUser: User };\n const { shared_with: sharedWith } = template;\n\n const [search, setSearch] = useState('');\n const [filterSearch, setFilterSearch] = useState('');\n const [isLoadingShared, setIsLoadingShared] = useState(false);\n const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setSearch(value);\n debouncedSetSearchForFilter(value);\n },\n [debouncedSetSearchForFilter]\n );\n\n const clearSearch = useCallback(() => {\n debouncedSetSearchForFilter.cancel();\n setSearch('');\n setFilterSearch('');\n }, [debouncedSetSearchForFilter]);\n\n const trimmedFilterSearch = filterSearch.trim();\n const filters = useMemo(\n () => ({ search: trimmedFilterSearch, companyId }),\n [trimmedFilterSearch, companyId]\n );\n\n const selectUser = useCallback(\n (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n []\n );\n\n const deselectUser = useCallback(\n (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n []\n );\n\n const onActualShare = useCallback(\n () => onShare(selectedUsers.map(({ id }) => id)),\n [onShare, selectedUsers]\n );\n\n const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n filters,\n getParams,\n loadData,\n });\n\n useEffect(() => {\n const loadInitial = async () => {\n if (sharedWith && sharedWith.length) {\n setIsLoadingShared(true);\n\n const users = await getUsers({\n ...defaultParams,\n companyId,\n page: 1,\n perPage: 1000,\n ids: sharedWith,\n });\n\n setSelectedUsers(users);\n setIsLoadingShared(false);\n } else {\n setSelectedUsers([]);\n }\n };\n\n if (open) {\n loadInitial();\n }\n }, [open, sharedWith, companyId]);\n\n useEffect(() => {\n if (open) {\n clearSearch();\n }\n }, [clearSearch, open]);\n\n const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n return (\n <Modal\n title={`Share “${template.name}”`}\n open={open}\n onClose={onClose}\n primaryActionText=\"Share\"\n primaryActionHandler={onActualShare}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n size=\"medium\"\n >\n <div className={styles.wrapper}>\n <TextInput\n label=\"\"\n placeholder=\"Search User...\"\n type=\"search\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n onChange={onSearchChange}\n value={search}\n onClear={clearSearch}\n />\n <div className={styles.list} ref={containerElementRef}>\n {!isLoadingShared &&\n selectedUsers.map((user, index) => (\n <Fragment key={user.id}>\n {index > 0 && <Menu.Divider className={styles.divider} />}\n <Item user={user} onClick={deselectUser} isSelected />\n </Fragment>\n ))}\n\n {data.map((user, index) =>\n !selectedUsersMap[user.id] ? (\n <Fragment key={user.id}>\n {(index > 0 \|\| selectedUsers.length > 0) && (\n <Menu.Divider className={styles.divider} />\n )}\n <Item user={user} onClick={selectUser} />\n </Fragment>\n ) : null\n )}\n\n <div ref={loadMoreElementRef} />\n\n {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n <EmptyState title=\"No users found\" image=\"nothingFound\" />\n )}\n\n {(isLoading \|\| isLoadingShared) && <LoaderLogo size={60} />}\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}