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

@corva/ui 3.75.0-16 → 3.75.0-18

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

Files changed (1067) hide show

package/componentsV2/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":"~~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"}
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":"u2IAkCA,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/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};
+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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{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,O=n.useHasCurrentAction,b=n.useDeleteFolder,M=v(),g=C(),A=h(),P=F(),y=O(null==M?void 0:M.folder.id,u.UpdateName),D=b(null==M?void 0:M.folder),E=o((function(){return P.filter((function(o){var s;return o.id!==(null==M||null===(s=M.folder)||void 0===s?void 0:s.id)}))}),[P,null==M||null===(I=M.folder)||void 0===I?void 0:I.id]),S=o((function(){var o;return c(null==M||null===(o=M.folder)||void 0===o?void 0:o.items,"updated_at")}),[null==M||null===(f=M.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,E),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,E]),T=s((function(o){A(null==M?void 0:M.folder,o)}),[null==M?void 0:M.folder,A]);if(!M)return null;var x=M.anchorEl,N=M.folder;return d(t,{open:!!N,anchorEl:x||null,onClose:g,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:y,getValidation:k}),j(t.Item,{size:"large",onClick:D,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":"~~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"}
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":"6nJAeaA,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/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};
+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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import 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,O=v.anchorEl,b=v.template,x=v.closeParent,M=m.useFolders,k=m.useMoveToFolder,N=M(),P=k(),A=s(!1),E=o(A,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(),x(),P(null==b?void 0:b.id,o)}),[x,P,g,null==b?void 0:b.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:O,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(b)&&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":"~~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"}
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":"gzJAgBA,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.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/TemplatesControl/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;~~AAkBvF~~,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;~~AA0BF~~,eAAO,MAAM,OAAO,sCAAwD,YAAY,mDAuCvF,CAAC"}
1	+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/TemplatesControl/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAiBvF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsBF,eAAO,MAAM,OAAO,sCAAwD,YAAY,mDAuCvF,CAAC"}

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/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};
+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{CloseSmallIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{LoaderCircular as p}from"../../LoaderCircular/LoaderCircular.js";import{TemplatesTree as u}from"../TemplatesTree/TemplatesTree.js";import{PopoverSearch as l}from"../PopoverSearch/PopoverSearch.js";import{TemplateMenu as j}from"../TemplateMenu/TemplateMenu.js";import{ConfirmationModal as a}from"../ConfirmationModal/ConfirmationModal.js";import{FolderMenu as I}from"../FolderMenu/FolderMenu.js";import{PopoverFooter as d}from"../PopoverFooter/PopoverFooter.js";import h from"./Popover.scss.js";import{jsxs as C,Fragment as v,jsx as P}from"react/jsx-runtime";var f=function(o){var s=o.closePopover,c=(0,n.useIsBusy)();return C("div",{className:h.header,children:[C(t,{size:16,weight:"medium",className:h.title,children:["Templates",c&&P(p,{size:"xs"})]}),P(r,{title:"Close",children:P(m,{size:"small",onClick:s,children:P(e,{})})})]})},F=function(t){var r=t.anchorEl,m=t.placement,e=void 0===m?"bottom-start":m,p=t.disabled,F=(i()||{}).height,O=o(null),M=n.useIsPopoverOpen,T=n.useClosePopover,b=M(),A=T(),S=s((function(){return{height:"".concat(F,"px")}}),[F]);return r?C(v,{children:[P(c,{open:b&&!p,placement:e,anchorEl:r,onClose:A,className:h.popover,ref:O,children:C("div",{style:S,className:h.wrapper,children:[P(f,{closePopover:A}),P(l,{}),P(u,{}),P(d,{})]})}),P(j,{}),P(I,{}),P(a,{})]}):null};export{F 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":"~~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"}
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 { 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 size=\"small\" onClick={closePopover}>\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","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":"8/JAyBA,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,CAACN,KAAK,QAAQO,QAASjB,EAAaQ,SAC7CK,EAACK,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,EAAsC1B,EAAtC0B,iBAAkBC,EAAoB3B,EAApB2B,gBACpBC,EAAgBF,IAChB7B,EAAe8B,IAEfE,EAAeC,GAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,EAKHjB,EAAA8B,EAAA,CAAA1B,SAAA,CACEK,EAACsB,EAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,QAASrC,EACTK,UAAWC,EAAOgC,QAClBC,IAAKZ,EAAWnB,SAEhBJ,EAAA,MAAA,CAAKoC,MAAOR,EAAc3B,UAAWC,EAAOmC,QAAQjC,SAAA,CAClDK,EAACf,EAAM,CAACE,aAAcA,IACtBa,EAAC6B,EAAgB,CAAA,GACjB7B,EAAC8B,EAAgB,CAAA,GACjB9B,EAAC+B,EAAgB,CAAA,QAIrB/B,EAACgC,EAAe,CAAA,GAEhBhC,EAACiC,EAAa,CAAA,GAEdjC,EAACkC,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/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};
+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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{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 j}from"./AddModal.js";import a 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),O=h(),b=s(!1),A=o(b,2),v=A[0],P=A[1],T=s(""),k=o(T,2),B=k[0],M=k[1],g=s(""),x=o(g,2),y=x[0],N=x[1],S=c((function(){return P(!1)}),[]),D=c((function(){N("New Template"),M("Create New Template"),P(!0)}),[]),R=c((function(){O()}),[O]);return l("div",{className:a.root,children:[I(p,{className:a.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:a.importButton,disabled:f,onClick:R,size:"small",type:"tertiaryBg",children:I(m,{})})}),I(j,{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":"~~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"}
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":"yoJAcaA,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 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};
+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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";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":"~~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"}
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":"0jJAUaA,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/PublishModal/PublishModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,useMemo as o,useEffect as n,useCallback as i}from"react";import{Collapse as r}from"@material-ui/core";import s from"jsona";import{Modal as a}from"../../Modal/Modal.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{suggestName as l}from"../utils.js";import{storeApi as p}from"../Store/Store.js";import"../Store/utils.js";import{Radio as c}from"../../Radio/Radio.js";import{Text as d}from"../../Text/Text.js";import{Autocomplete as u}from"../../Autocomplete/Autocomplete.js";import{TextEndTruncated as g}from"../../TextEndTruncated/TextEndTruncated.js";import h from"./PublishModal.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../clients/subscriptions.v1.js";import{getPrograms as f,getRigs as j}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/index.js";import"uuid";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";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 b from"../../../effects/useLoadedData.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 y}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import{jsx as C,jsxs as v,Fragment as T}from"react/jsx-runtime";var A=new s,S=function(t){return A.deserialize(t).map((function(t){var e=t.id,o=t.name;return{id:Number(e),title:o}}))},x=function(t){return C(d,{size:16,className:h.selected,tagName:"div",children:C(g,{children:t.map((function(t){return t.option.title})).join(", ")})})},P=function(t){var e=t.subTitle,o=t.title,n=t.controls,i=t.open,s=void 0!==i&&i;return v(T,{children:[C(d,{size:16,children:o}),C(d,{size:14,color:"T6",className:h.labelSubTitle,children:e}),n&&C(r,{in:s,children:n})]})},D=function(r){var s=r.onClose,d=r.open,g=r.template,T=p.useAllTemplates,A=p.usePublishTemplate,D=T(),F=A(),I=y().currentUser,N=(I=void 0===I?{}:I).company_id,R=e(g.name),w=t(R,2),L=w[0],z=w[1],_=e("company"),k=t(_,2),E=k[0],M=k[1],q=e([]),B=t(q,2),G=B[0],H=B[1],O=e([]),U=t(O,2),V=U[0],W=U[1],J=e(""),K=t(J,2),Q=K[0],X=K[1],Y="company"===E,Z="programs"===E,$="rigs"===E,tt=l(L,D),et=b({initialData:[],initialLoading:!0,loadFn:f,getDataFromResponseFn:S}),ot=et.data,nt=et.isLoading,it=et.loadData,rt=b({initialData:[],initialLoading:!0,loadFn:j,getDataFromResponseFn:S}),st=rt.data,at=rt.isLoading,mt=rt.loadData,lt=o((function(){return{disabled:0===L.trim().length||!!tt||"programs"===E&&0===G.length||"rigs"===E&&0===V.length}}),[L,G.length,V.length,tt,E]);n((function(){Z&&!ot.length&&it({per_page:1e3,fields:["program.name"],company_id:N})}),[N,Z,it,ot.length]),n((function(){$&&mt({per_page:200,fields:["rig.name"],company_id:N,search:Q})}),[N,$,mt,Q]),n((function(){d&&(W([]),H([]),M("company"))}),[d]);var pt=i((function(){"company"===E?F(g.id,L,{}):"programs"===E&&G.length?F(g.id,L,{programIds:G.map((function(t){return t.id}))}):"rigs"===E&&V.length&&F(g.id,L,{rigIds:V.map((function(t){return t.id}))}),s()}),[L,s,F,G,V,g.id,E]);return C(a,{title:"Confirm Template Publication",size:"medium",open:d,onClose:s,primaryActionText:"Publish",primaryActionHandler:pt,primaryActionProps:lt,secondaryActionText:"Cancel",secondaryActionHandler:s,children:v("div",{className:h.root,children:[C(m,{label:"Template Name",value:L,onChange:z,status:tt?"error":void 0,message:tt&&'Name should be unique. Try "'.concat(tt,'"')}),C(c,{checked:Y,onChange:function(){return M("company")},label:C(P,{title:"Entire Company",subTitle:"It will be available to all company employees."})}),C(c,{checked:Z,onChange:function(){return M("programs")},label:C(P,{title:"For Selected Programs Only",subTitle:"Will be visible to employees with selected Programs only.",open:Z,controls:C(u,{label:"Select Programs",options:ot,loading:nt,multiple:!0,value:G,onChange:H,renderSelected:x})})}),C(c,{checked:$,onChange:function(){return M("rigs")},label:C(P,{title:"For Selected Rigs Only",subTitle:"Visible only  when Rig is selected for all employees.",open:$,controls:C(u,{label:"Select Rigs",options:st,loading:at,multiple:!0,value:V,onChange:W,onInputChange:X,renderSelected:x})})})]})})};export{D as PublishModal};
+import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,useMemo as o,useEffect as n,useCallback as i}from"react";import{Collapse as r}from"@material-ui/core";import s from"jsona";import{Modal as a}from"../../Modal/Modal.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{suggestName as l}from"../utils.js";import{storeApi as p}from"../Store/Store.js";import"../Store/utils.js";import{Radio as c}from"../../Radio/Radio.js";import{Text as d}from"../../Text/Text.js";import{Autocomplete as u}from"../../Autocomplete/Autocomplete.js";import{TextEndTruncated as g}from"../../TextEndTruncated/TextEndTruncated.js";import h from"./PublishModal.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../clients/subscriptions.v1.js";import{getPrograms as f,getRigs as j}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/index.js";import"uuid";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";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 b from"../../../effects/useLoadedData.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 y}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{jsx as C,jsxs as v,Fragment as T}from"react/jsx-runtime";var A=new s,x=function(t){return A.deserialize(t).map((function(t){var e=t.id,o=t.name;return{id:Number(e),title:o}}))},P=function(t){return C(d,{size:16,className:h.selected,tagName:"div",children:C(g,{children:t.map((function(t){return t.option.title})).join(", ")})})},S=function(t){var e=t.subTitle,o=t.title,n=t.controls,i=t.open,s=void 0!==i&&i;return v(T,{children:[C(d,{size:16,children:o}),C(d,{size:14,color:"T6",className:h.labelSubTitle,children:e}),n&&C(r,{in:s,children:n})]})},D=function(r){var s=r.onClose,d=r.open,g=r.template,T=p.useAllTemplates,A=p.usePublishTemplate,D=T(),F=A(),I=y().currentUser,N=(I=void 0===I?{}:I).company_id,R=e(g.name),w=t(R,2),L=w[0],z=w[1],_=e("company"),k=t(_,2),E=k[0],M=k[1],q=e([]),B=t(q,2),G=B[0],H=B[1],O=e([]),U=t(O,2),V=U[0],W=U[1],J=e(""),K=t(J,2),Q=K[0],X=K[1],Y="company"===E,Z="programs"===E,$="rigs"===E,tt=l(L,D),et=b({initialData:[],initialLoading:!0,loadFn:f,getDataFromResponseFn:x}),ot=et.data,nt=et.isLoading,it=et.loadData,rt=b({initialData:[],initialLoading:!0,loadFn:j,getDataFromResponseFn:x}),st=rt.data,at=rt.isLoading,mt=rt.loadData,lt=o((function(){return{disabled:0===L.trim().length||!!tt||"programs"===E&&0===G.length||"rigs"===E&&0===V.length}}),[L,G.length,V.length,tt,E]);n((function(){Z&&!ot.length&&it({per_page:1e3,fields:["program.name"],company_id:N})}),[N,Z,it,ot.length]),n((function(){$&&mt({per_page:200,fields:["rig.name"],company_id:N,search:Q})}),[N,$,mt,Q]),n((function(){d&&(W([]),H([]),M("company"))}),[d]);var pt=i((function(){"company"===E?F(g.id,L,{}):"programs"===E&&G.length?F(g.id,L,{programIds:G.map((function(t){return t.id}))}):"rigs"===E&&V.length&&F(g.id,L,{rigIds:V.map((function(t){return t.id}))}),s()}),[L,s,F,G,V,g.id,E]);return C(a,{title:"Confirm Template Publication",size:"medium",open:d,onClose:s,primaryActionText:"Publish",primaryActionHandler:pt,primaryActionProps:lt,secondaryActionText:"Cancel",secondaryActionHandler:s,children:v("div",{className:h.root,children:[C(m,{label:"Template Name",value:L,onChange:z,status:tt?"error":void 0,message:tt&&'Name should be unique. Try "'.concat(tt,'"')}),C(c,{checked:Y,onChange:function(){return M("company")},label:C(S,{title:"Entire Company",subTitle:"It will be available to all company employees."})}),C(c,{checked:Z,onChange:function(){return M("programs")},label:C(S,{title:"For Selected Programs Only",subTitle:"Will be visible to employees with selected Programs only.",open:Z,controls:C(u,{label:"Select Programs",options:ot,loading:nt,multiple:!0,value:G,onChange:H,renderSelected:P})})}),C(c,{checked:$,onChange:function(){return M("rigs")},label:C(S,{title:"For Selected Rigs Only",subTitle:"Visible only  when Rig is selected for all employees.",open:$,controls:C(u,{label:"Select Rigs",options:st,loading:at,multiple:!0,value:V,onChange:W,onInputChange:X,renderSelected:P})})})]})})};export{D as PublishModal};
 //# sourceMappingURL=PublishModal.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PublishModal.js","sources":["../../../../src/componentsV2/TemplatesControl/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport Jsona from 'jsona';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { Template } from '../types';\nimport { suggestName } from '../utils';\nimport { storeApi } from '../Store';\nimport { Radio } from '../../Radio';\nimport { Text } from '../../Text';\nimport { Autocomplete, AutocompleteProps } from '../../Autocomplete';\nimport { TextEndTruncated } from '../../TextEndTruncated';\n\nimport styles from './PublishModal.scss';\n\nimport { useAppCommons, useLoadedData } from '~/effects';\nimport { getPrograms, getRigs } from '~/clients/jsonApi';\n\ntype AutocompleteOption = { id: number; title: string };\n\nconst dataFormatter = new Jsona();\nconst getDataFromResponseFn = (data: object) => {\n const parsed = dataFormatter.deserialize(data) as { id: string; name: string }[];\n return parsed.map<AutocompleteOption>(({ id, name }) => ({ id: Number(id), title: name }));\n};\n\ntype UseLoadedReturnType<T = AutocompleteOption> = {\n data: T[];\n isLoading: boolean;\n loadData: (options: object) => Promise<void>;\n};\n\nconst renderSelected: AutocompleteProps<AutocompleteOption, true>['renderSelected'] = options => (\n <Text size={16} className={styles.selected} tagName=\"div\">\n <TextEndTruncated>{options.map(({ option: { title } }) => title).join(', ')}</TextEndTruncated>\n </Text>\n);\n\ntype RadioLabelProps = {\n title: ReactNode;\n subTitle: ReactNode;\n controls?: ReactNode;\n open?: boolean;\n};\n\nconst RadioLabel = ({ subTitle, title, controls, open = false }: RadioLabelProps) => (\n <>\n <Text size={16}>{title}</Text>\n <Text size={14} color=\"T6\" className={styles.labelSubTitle}>\n {subTitle}\n </Text>\n {controls && <Collapse in={open}>{controls}</Collapse>}\n </>\n);\n\nexport type PublishModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n};\n\ntype PublishTypes = 'company' \| 'programs' \| 'rigs';\n\nexport const PublishModal = ({ onClose, open, template }: PublishModalProps) => {\n const { useAllTemplates, usePublishTemplate } = storeApi;\n const allTemplates = useAllTemplates();\n const publishTemplate = usePublishTemplate();\n\n const { currentUser: { company_id: companyId } = {} } = useAppCommons();\n\n const [name, setName] = useState(template.name);\n const [type, setType] = useState<PublishTypes>('company');\n const [selectedPrograms, setSelectedPrograms] = useState<AutocompleteOption[]>([]);\n const [selectedRigs, setSelectedRigs] = useState<AutocompleteOption[]>([]);\n const [rigSearch, setRigSearch] = useState('');\n\n const isCompanyType = type === 'company';\n const isProgramType = type === 'programs';\n const isRigsType = type === 'rigs';\n\n const suggestedName = suggestName(name, allTemplates);\n\n const {\n data: programOptions,\n isLoading: isLoadingPrograms,\n loadData: loadPrograms,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getPrograms,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const {\n data: rigOptions,\n isLoading: isLoadingRigs,\n loadData: loadRigs,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getRigs,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const primaryActionProps = useMemo(\n () => ({\n disabled:\n name.trim().length === 0 \|\|\n !!suggestedName \|\|\n (type === 'programs' && selectedPrograms.length === 0) \|\|\n (type === 'rigs' && selectedRigs.length === 0),\n }),\n [name, selectedPrograms.length, selectedRigs.length, suggestedName, type]\n );\n\n useEffect(() => {\n if (isProgramType && !programOptions.length) {\n loadPrograms({ per_page: 1000, fields: ['program.name'], company_id: companyId });\n }\n }, [companyId, isProgramType, loadPrograms, programOptions.length]);\n\n useEffect(() => {\n if (isRigsType) {\n loadRigs({ per_page: 200, fields: ['rig.name'], company_id: companyId, search: rigSearch });\n }\n }, [companyId, isRigsType, loadRigs, rigSearch]);\n\n useEffect(() => {\n if (open) {\n setSelectedRigs([]);\n setSelectedPrograms([]);\n setType('company');\n }\n }, [open]);\n\n const publish = useCallback(() => {\n if (type === 'company') {\n publishTemplate(template.id, name, {});\n } else if (type === 'programs' && selectedPrograms.length) {\n publishTemplate(template.id, name, {\n programIds: selectedPrograms.map(({ id }) => id),\n });\n } else if (type === 'rigs' && selectedRigs.length) {\n publishTemplate(template.id, name, {\n rigIds: selectedRigs.map(({ id }) => id),\n });\n }\n onClose();\n }, [name, onClose, publishTemplate, selectedPrograms, selectedRigs, template.id, type]);\n\n return (\n <Modal\n title=\"Confirm Template Publication\"\n size=\"medium\"\n open={open}\n onClose={onClose}\n primaryActionText=\"Publish\"\n primaryActionHandler={publish}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n >\n <div className={styles.root}>\n <TextInput\n label=\"Template Name\"\n value={name}\n onChange={setName}\n status={suggestedName ? 'error' : undefined}\n message={suggestedName && `Name should be unique. Try \"${suggestedName}\"`}\n />\n\n <Radio\n checked={isCompanyType}\n onChange={() => setType('company')}\n label={\n <RadioLabel\n title=\"Entire Company\"\n subTitle=\"It will be available to all company employees.\"\n />\n }\n />\n\n <Radio\n checked={isProgramType}\n onChange={() => setType('programs')}\n label={\n <RadioLabel\n title=\"For Selected Programs Only\"\n subTitle=\"Will be visible to employees with selected Programs only.\"\n open={isProgramType}\n controls={\n <Autocomplete\n label=\"Select Programs\"\n options={programOptions}\n loading={isLoadingPrograms}\n multiple\n value={selectedPrograms}\n onChange={setSelectedPrograms}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n\n <Radio\n checked={isRigsType}\n onChange={() => setType('rigs')}\n label={\n <RadioLabel\n title=\"For Selected Rigs Only\"\n subTitle=\"Visible only when Rig is selected for all employees.\"\n open={isRigsType}\n controls={\n <Autocomplete\n label=\"Select Rigs\"\n options={rigOptions}\n loading={isLoadingRigs}\n multiple\n value={selectedRigs}\n onChange={setSelectedRigs}\n onInputChange={setRigSearch}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n </div>\n </Modal>\n );\n};\n"],"names":["dataFormatter","Jsona","getDataFromResponseFn","data","deserialize","map","_ref","id","name","Number","title","renderSelected","options","_jsx","Text","size","className","styles","selected","tagName","children","TextEndTruncated","_ref2","option","join","RadioLabel","_ref3","subTitle","controls","_ref3$open","open","_jsxs","_Fragment","color","labelSubTitle","Collapse","in","PublishModal","_ref4","onClose","template","useAllTemplates","storeApi","usePublishTemplate","allTemplates","publishTemplate","_useAppCommons$curren","useAppCommons","currentUser","companyId","company_id","_useState","useState","_useState2","_slicedToArray","setName","_useState4","_useState3","type","setType","_useState6","_useState5","selectedPrograms","setSelectedPrograms","_useState8","_useState7","selectedRigs","setSelectedRigs","_useState10","_useState9","rigSearch","setRigSearch","isCompanyType","isProgramType","isRigsType","suggestedName","suggestName","_ref5","useLoadedData","initialData","initialLoading","loadFn","getPrograms","programOptions","isLoadingPrograms","isLoading","loadPrograms","loadData","_ref6","getRigs","rigOptions","isLoadingRigs","loadRigs","primaryActionProps","useMemo","disabled","trim","length","useEffect","per_page","fields","search","publish","useCallback","programIds","_ref7","rigIds","_ref8","Modal","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}
1	+ {"version":3,"file":"PublishModal.js","sources":["../../../../src/componentsV2/TemplatesControl/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport Jsona from 'jsona';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { Template } from '../types';\nimport { suggestName } from '../utils';\nimport { storeApi } from '../Store';\nimport { Radio } from '../../Radio';\nimport { Text } from '../../Text';\nimport { Autocomplete, AutocompleteProps } from '../../Autocomplete';\nimport { TextEndTruncated } from '../../TextEndTruncated';\n\nimport styles from './PublishModal.scss';\n\nimport { useAppCommons, useLoadedData } from '~/effects';\nimport { getPrograms, getRigs } from '~/clients/jsonApi';\n\ntype AutocompleteOption = { id: number; title: string };\n\nconst dataFormatter = new Jsona();\nconst getDataFromResponseFn = (data: object) => {\n const parsed = dataFormatter.deserialize(data) as { id: string; name: string }[];\n return parsed.map<AutocompleteOption>(({ id, name }) => ({ id: Number(id), title: name }));\n};\n\ntype UseLoadedReturnType<T = AutocompleteOption> = {\n data: T[];\n isLoading: boolean;\n loadData: (options: object) => Promise<void>;\n};\n\nconst renderSelected: AutocompleteProps<AutocompleteOption, true>['renderSelected'] = options => (\n <Text size={16} className={styles.selected} tagName=\"div\">\n <TextEndTruncated>{options.map(({ option: { title } }) => title).join(', ')}</TextEndTruncated>\n </Text>\n);\n\ntype RadioLabelProps = {\n title: ReactNode;\n subTitle: ReactNode;\n controls?: ReactNode;\n open?: boolean;\n};\n\nconst RadioLabel = ({ subTitle, title, controls, open = false }: RadioLabelProps) => (\n <>\n <Text size={16}>{title}</Text>\n <Text size={14} color=\"T6\" className={styles.labelSubTitle}>\n {subTitle}\n </Text>\n {controls && <Collapse in={open}>{controls}</Collapse>}\n </>\n);\n\nexport type PublishModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n};\n\ntype PublishTypes = 'company' \| 'programs' \| 'rigs';\n\nexport const PublishModal = ({ onClose, open, template }: PublishModalProps) => {\n const { useAllTemplates, usePublishTemplate } = storeApi;\n const allTemplates = useAllTemplates();\n const publishTemplate = usePublishTemplate();\n\n const { currentUser: { company_id: companyId } = {} } = useAppCommons();\n\n const [name, setName] = useState(template.name);\n const [type, setType] = useState<PublishTypes>('company');\n const [selectedPrograms, setSelectedPrograms] = useState<AutocompleteOption[]>([]);\n const [selectedRigs, setSelectedRigs] = useState<AutocompleteOption[]>([]);\n const [rigSearch, setRigSearch] = useState('');\n\n const isCompanyType = type === 'company';\n const isProgramType = type === 'programs';\n const isRigsType = type === 'rigs';\n\n const suggestedName = suggestName(name, allTemplates);\n\n const {\n data: programOptions,\n isLoading: isLoadingPrograms,\n loadData: loadPrograms,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getPrograms,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const {\n data: rigOptions,\n isLoading: isLoadingRigs,\n loadData: loadRigs,\n } = useLoadedData({\n initialData: [] as never,\n initialLoading: true,\n loadFn: getRigs,\n getDataFromResponseFn,\n }) as unknown as UseLoadedReturnType;\n\n const primaryActionProps = useMemo(\n () => ({\n disabled:\n name.trim().length === 0 \|\|\n !!suggestedName \|\|\n (type === 'programs' && selectedPrograms.length === 0) \|\|\n (type === 'rigs' && selectedRigs.length === 0),\n }),\n [name, selectedPrograms.length, selectedRigs.length, suggestedName, type]\n );\n\n useEffect(() => {\n if (isProgramType && !programOptions.length) {\n loadPrograms({ per_page: 1000, fields: ['program.name'], company_id: companyId });\n }\n }, [companyId, isProgramType, loadPrograms, programOptions.length]);\n\n useEffect(() => {\n if (isRigsType) {\n loadRigs({ per_page: 200, fields: ['rig.name'], company_id: companyId, search: rigSearch });\n }\n }, [companyId, isRigsType, loadRigs, rigSearch]);\n\n useEffect(() => {\n if (open) {\n setSelectedRigs([]);\n setSelectedPrograms([]);\n setType('company');\n }\n }, [open]);\n\n const publish = useCallback(() => {\n if (type === 'company') {\n publishTemplate(template.id, name, {});\n } else if (type === 'programs' && selectedPrograms.length) {\n publishTemplate(template.id, name, {\n programIds: selectedPrograms.map(({ id }) => id),\n });\n } else if (type === 'rigs' && selectedRigs.length) {\n publishTemplate(template.id, name, {\n rigIds: selectedRigs.map(({ id }) => id),\n });\n }\n onClose();\n }, [name, onClose, publishTemplate, selectedPrograms, selectedRigs, template.id, type]);\n\n return (\n <Modal\n title=\"Confirm Template Publication\"\n size=\"medium\"\n open={open}\n onClose={onClose}\n primaryActionText=\"Publish\"\n primaryActionHandler={publish}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n >\n <div className={styles.root}>\n <TextInput\n label=\"Template Name\"\n value={name}\n onChange={setName}\n status={suggestedName ? 'error' : undefined}\n message={suggestedName && `Name should be unique. Try \"${suggestedName}\"`}\n />\n\n <Radio\n checked={isCompanyType}\n onChange={() => setType('company')}\n label={\n <RadioLabel\n title=\"Entire Company\"\n subTitle=\"It will be available to all company employees.\"\n />\n }\n />\n\n <Radio\n checked={isProgramType}\n onChange={() => setType('programs')}\n label={\n <RadioLabel\n title=\"For Selected Programs Only\"\n subTitle=\"Will be visible to employees with selected Programs only.\"\n open={isProgramType}\n controls={\n <Autocomplete\n label=\"Select Programs\"\n options={programOptions}\n loading={isLoadingPrograms}\n multiple\n value={selectedPrograms}\n onChange={setSelectedPrograms}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n\n <Radio\n checked={isRigsType}\n onChange={() => setType('rigs')}\n label={\n <RadioLabel\n title=\"For Selected Rigs Only\"\n subTitle=\"Visible only when Rig is selected for all employees.\"\n open={isRigsType}\n controls={\n <Autocomplete\n label=\"Select Rigs\"\n options={rigOptions}\n loading={isLoadingRigs}\n multiple\n value={selectedRigs}\n onChange={setSelectedRigs}\n onInputChange={setRigSearch}\n renderSelected={renderSelected}\n />\n }\n />\n }\n />\n </div>\n </Modal>\n );\n};\n"],"names":["dataFormatter","Jsona","getDataFromResponseFn","data","deserialize","map","_ref","id","name","Number","title","renderSelected","options","_jsx","Text","size","className","styles","selected","tagName","children","TextEndTruncated","_ref2","option","join","RadioLabel","_ref3","subTitle","controls","_ref3$open","open","_jsxs","_Fragment","color","labelSubTitle","Collapse","in","PublishModal","_ref4","onClose","template","useAllTemplates","storeApi","usePublishTemplate","allTemplates","publishTemplate","_useAppCommons$curren","useAppCommons","currentUser","companyId","company_id","_useState","useState","_useState2","_slicedToArray","setName","_useState4","_useState3","type","setType","_useState6","_useState5","selectedPrograms","setSelectedPrograms","_useState8","_useState7","selectedRigs","setSelectedRigs","_useState10","_useState9","rigSearch","setRigSearch","isCompanyType","isProgramType","isRigsType","suggestedName","suggestName","_ref5","useLoadedData","initialData","initialLoading","loadFn","getPrograms","programOptions","isLoadingPrograms","isLoading","loadPrograms","loadData","_ref6","getRigs","rigOptions","isLoadingRigs","loadRigs","primaryActionProps","useMemo","disabled","trim","length","useEffect","per_page","fields","search","publish","useCallback","programIds","_ref7","rigIds","_ref8","Modal","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}