npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

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

package/cjs-bundle/componentsV2/TemplatesControl/FolderMenu/FolderMenu.js CHANGED Viewed

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

package/cjs-bundle/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":["_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":"~~6lJAe0B~~,WAAM,IAAAA,EAAAC,EAE5BC,EAMEC,EAAAA,SANFD,kBACAE,EAKED,EAAQA,SALVC,mBACAC,EAIEF,EAAQA,SAJVE,oBACAC,EAGEH,EAAQA,SAHVG,WACAC,EAEEJ,EAAQA,SAFVI,oBACAC,EACEL,EAAQA,SADVK,gBAEIC,EAAWP,IACXQ,EAAkBN,IAClBO,EAAmBN,IACnBO,EAAaN,IACbO,EAAaN,EAAoBE,aAAQ,EAARA,EAAUK,OAAOC,GAAIC,EAAMA,OAACC,YAC7DC,EAAeV,EAAgBC,aAAAA,EAAAA,EAAUK,QAEzCK,EAAeC,EAAAA,SACnB,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,EAAAA,SACrB,WAAA,IAAAK,EAAA,OAAMC,EAAKA,MAACjB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAW,OAAAhB,EAAAgB,EAAkBE,MAAqB,aAAa,GAChE,CAAClB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAb,OAAAQ,EAAAR,EAAkB0B,QAGfC,EAAcC,eAClB,SAACC,GACC,IAAMC,EAAOD,EAAgBE,OAEvBC,EAAgC,IAAhBF,EAAKG,OAAe,0BAA4B,GAChEC,EAAiBF,EAAkD,GAAlCG,EAAAA,YAAYL,EAAMZ,GACnDkB,EAAuBF,EACMA,+BAAAA,OAAAA,QAC/B,GACEG,EAAeL,GAAiBI,EAEhCE,EACJf,GAA4BgB,UAAAA,OAAAA,EAAAA,QAAOhB,aAAc,EAAdA,EAAgBiB,YAAYC,WAEjE,MAAO,CACLC,QAASL,GAAgBC,EACzBK,WAAYN,EAEhB,GACA,CAACd,EAAgBL,IAGb0B,EAAShB,eACb,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,EAAAA,KAACC,EAAAA,KAAI,CACHC,OAAQnC,EACRgC,SAAUA,GAAY,KACtBI,QAASxC,EACTyC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,MAACC,0BAAuB,CACtBC,WAAY5C,aAAAA,EAAAA,EAAQiB,KACpBc,OAAQA,EACRc,OACEH,MAACI,aAAU,CAACC,KAAK,QAAQC,UAAQ,EAACC,KAAK,aAAYR,SACjDC,EAAAA,IAACQ,EAAsBA,uBAAA,MAG3BC,YAAU,EACVC,WAAYrD,EACZsD,cAAevC,IAGjB4B,EAAAA,IAACR,EAAIA,KAACoB,KAAI,CAACP,KAAK,QAAQQ,QAASnD,EAAcoD,OAAQd,EAAAA,IAACe,EAAcA,eAAI,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":["_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":"s0JAe0B,WAAM,IAAAA,EAAAC,EAE5BC,EAMEC,EAAAA,SANFD,kBACAE,EAKED,EAAQA,SALVC,mBACAC,EAIEF,EAAQA,SAJVE,oBACAC,EAGEH,EAAQA,SAHVG,WACAC,EAEEJ,EAAQA,SAFVI,oBACAC,EACEL,EAAQA,SADVK,gBAEIC,EAAWP,IACXQ,EAAkBN,IAClBO,EAAmBN,IACnBO,EAAaN,IACbO,EAAaN,EAAoBE,aAAQ,EAARA,EAAUK,OAAOC,GAAIC,EAAMA,OAACC,YAC7DC,EAAeV,EAAgBC,aAAAA,EAAAA,EAAUK,QAEzCK,EAAeC,EAAAA,SACnB,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,EAAAA,SACrB,WAAA,IAAAK,EAAA,OAAMC,EAAKA,MAACjB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAW,OAAAhB,EAAAgB,EAAkBE,MAAqB,aAAa,GAChE,CAAClB,SAAA,QAAAA,EAAAA,EAAUK,cAAV,IAAAb,OAAAQ,EAAAR,EAAkB0B,QAGfC,EAAcC,eAClB,SAACC,GACC,IAAMC,EAAOD,EAAgBE,OAEvBC,EAAgC,IAAhBF,EAAKG,OAAe,0BAA4B,GAChEC,EAAiBF,EAAkD,GAAlCG,EAAAA,YAAYL,EAAMZ,GACnDkB,EAAuBF,EACMA,+BAAAA,OAAAA,QAC/B,GACEG,EAAeL,GAAiBI,EAEhCE,EACJf,GAA4BgB,UAAAA,OAAAA,EAAAA,QAAOhB,aAAc,EAAdA,EAAgBiB,YAAYC,WAEjE,MAAO,CACLC,QAASL,GAAgBC,EACzBK,WAAYN,EAEhB,GACA,CAACd,EAAgBL,IAGb0B,EAAShB,eACb,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,EAAAA,KAACC,EAAAA,KAAI,CACHC,OAAQnC,EACRgC,SAAUA,GAAY,KACtBI,QAASxC,EACTyC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,MAACC,0BAAuB,CACtBC,WAAY5C,aAAAA,EAAAA,EAAQiB,KACpBc,OAAQA,EACRc,OACEH,MAACI,aAAU,CAACC,KAAK,QAAQC,UAAQ,EAACC,KAAK,aAAYR,SACjDC,EAAAA,IAACQ,EAAsBA,uBAAA,MAG3BC,YAAU,EACVC,WAAYrD,EACZsD,cAAevC,IAGjB4B,EAAAA,IAACR,EAAIA,KAACoB,KAAI,CAACP,KAAK,QAAQQ,QAASnD,EAAcoD,OAAQd,EAAAA,IAACe,EAAcA,eAAI,IAACR,KAAK,cAAaR,SAAA,oBAKnG"}

package/cjs-bundle/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.js CHANGED Viewed

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

package/cjs-bundle/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":["_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","jsxs","_Fragment","Tooltip","title","ButtonIcon","onClick","LeftIcon","jsx","TextInput","label","onChange","autoFocus","status","message","map","_ref2","items","name","getTemplateFolder","Item","prefix","FolderOpenIcon","TextEndTruncated","footer","Button","type","disabled","PlusIcon"],"mappings":"~~6tJA0BgC~~,SAMHA,GAAA,IAL3BC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YAEQC,EAAgCC,EAAAA,SAAhCD,WAAYE,EAAoBD,EAAQA,SAA5BC,gBACdC,EAAUH,IACVI,EAAeF,IAEuBG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAAQA,SAtB1B,cAsB6CM,EAAAJ,EAAAA,QAAAK,EAAA,GAA9DC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAAqBC,EAAAA,aAAY,WAAA,OAAMN,GAAkB,SAAAO,GAAK,OAAKA,IAAM,GAAE,IAE3EC,EAA+C,IAAhCL,EAAcM,OAAOC,OAAe,+BAA4BC,EAE/EC,EAAeN,eACnB,SAACO,GACC3B,IACAG,IACAK,EAAaN,aAAQ,EAARA,EAAU0B,GAAID,EAC5B,GACD,CAACxB,EAAaK,EAAcR,EAASE,aAAAA,EAAAA,EAAU0B,KAG3CC,EAAkBT,EAAAA,aAAY,WAClCM,EAAaT,EACf,GAAG,CAACA,EAAeS,IAEbI,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAgBH,OAbAI,EAAAA,WAAU,WACJpB,GACFK,EApDoB,aAsDxB,GAAG,CAACL,IAEJoB,EAAAA,WAAU,WACJlC,IACFe,GAAkB,GAClBI,EA3DoB,cA6DxB,GAAG,CAACnB,IAGFmC,EAAAA,KAACC,EAAAA,KAAI,CACHpC,KAAMA,EACNC,QAASA,EACTC,SAAUA,EACVmC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,MAACC,OAAI,CAACL,UAAWC,EAAOK,OAAQC,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SAC/D3B,EACCqB,EAAAa,KAAAC,WAAA,CAAAR,SAAA,CACEC,MAACQ,UAAO,CAACC,MAAM,OAAMV,SACnBC,MAACU,aAAU,CAACC,QAASjC,EAAoByB,KAAK,QAAOJ,SACnDC,EAAAA,IAACY,EAAQA,SAAA,QAEH,uBAIZ,kCAGHxC,EACC4B,EAAAa,IAACC,YAAS,CACRC,MAAM,kBACNnC,MAAOJ,EACPwC,SAAUvC,EACVwC,WAAS,EACT5B,QAASA,EACT6B,OAAQrC,EAAe,aAAUG,EACjCmC,QAAStC,IAGXf,EAAQsD,KACN,SAAAC,GAAA,IAAGlC,IAAAA,GAAImC,IAAAA,MAAOC,IAAAA,KAAI,OAChBA,IAASC,EAAAA,kBAAkB/D,IACzBgC,EAAAa,KAACZ,EAAIA,KAAC+B,KAAI,CAERtB,KAAK,QACLuB,OAAQ1B,EAAAA,IAAC2B,EAAcA,eAAI,IAC3BhB,QAAS,WAAA,OAAM1B,EAAasC,EAAM,EAAAxB,SAAA,CAElCC,MAAC4B,mBAAgB,CAAA7B,SAAEwB,IACnBvB,MAACC,OAAI,CAACE,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SACrCuB,EAAMvC,OAAS,EAAOuC,GAAAA,OAAAA,EAAMvC,OAAiB,UAAA,aAP3CI,EAUR,IAGPa,EAAAa,IAAA,MAAA,CAAKjB,UAAWC,EAAOgC,OAAO9B,SAC3B3B,EACC4B,EAAAa,IAACiB,SAAM,CAACC,KAAK,QAAQ5B,KAAK,QAAQQ,QAASvB,EAAiB4C,WAAYnD,EAAakB,SAAA,uBAIrFC,MAAC8B,SAAM,CAACC,KAAK,QAAQL,OAAQ1B,EAAAA,IAACiC,EAAQA,SAAI,IAAC9B,KAAK,QAAQQ,QAASjC,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":["_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","jsxs","_Fragment","Tooltip","title","ButtonIcon","onClick","LeftIcon","jsx","TextInput","label","onChange","autoFocus","status","message","map","_ref2","items","name","getTemplateFolder","Item","prefix","FolderOpenIcon","TextEndTruncated","footer","Button","type","disabled","PlusIcon"],"mappings":"s8JA0BgC,SAMHA,GAAA,IAL3BC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YAEQC,EAAgCC,EAAAA,SAAhCD,WAAYE,EAAoBD,EAAQA,SAA5BC,gBACdC,EAAUH,IACVI,EAAeF,IAEuBG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAAQA,SAtB1B,cAsB6CM,EAAAJ,EAAAA,QAAAK,EAAA,GAA9DC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAAqBC,EAAAA,aAAY,WAAA,OAAMN,GAAkB,SAAAO,GAAK,OAAKA,IAAM,GAAE,IAE3EC,EAA+C,IAAhCL,EAAcM,OAAOC,OAAe,+BAA4BC,EAE/EC,EAAeN,eACnB,SAACO,GACC3B,IACAG,IACAK,EAAaN,aAAQ,EAARA,EAAU0B,GAAID,EAC5B,GACD,CAACxB,EAAaK,EAAcR,EAASE,aAAAA,EAAAA,EAAU0B,KAG3CC,EAAkBT,EAAAA,aAAY,WAClCM,EAAaT,EACf,GAAG,CAACA,EAAeS,IAEbI,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAgBH,OAbAI,EAAAA,WAAU,WACJpB,GACFK,EApDoB,aAsDxB,GAAG,CAACL,IAEJoB,EAAAA,WAAU,WACJlC,IACFe,GAAkB,GAClBI,EA3DoB,cA6DxB,GAAG,CAACnB,IAGFmC,EAAAA,KAACC,EAAAA,KAAI,CACHpC,KAAMA,EACNC,QAASA,EACTC,SAAUA,EACVmC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,MAACC,OAAI,CAACL,UAAWC,EAAOK,OAAQC,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SAC/D3B,EACCqB,EAAAa,KAAAC,WAAA,CAAAR,SAAA,CACEC,MAACQ,UAAO,CAACC,MAAM,OAAMV,SACnBC,MAACU,aAAU,CAACC,QAASjC,EAAoByB,KAAK,QAAOJ,SACnDC,EAAAA,IAACY,EAAQA,SAAA,QAEH,uBAIZ,kCAGHxC,EACC4B,EAAAa,IAACC,YAAS,CACRC,MAAM,kBACNnC,MAAOJ,EACPwC,SAAUvC,EACVwC,WAAS,EACT5B,QAASA,EACT6B,OAAQrC,EAAe,aAAUG,EACjCmC,QAAStC,IAGXf,EAAQsD,KACN,SAAAC,GAAA,IAAGlC,IAAAA,GAAImC,IAAAA,MAAOC,IAAAA,KAAI,OAChBA,IAASC,EAAAA,kBAAkB/D,IACzBgC,EAAAa,KAACZ,EAAIA,KAAC+B,KAAI,CAERtB,KAAK,QACLuB,OAAQ1B,EAAAA,IAAC2B,EAAcA,eAAI,IAC3BhB,QAAS,WAAA,OAAM1B,EAAasC,EAAM,EAAAxB,SAAA,CAElCC,MAAC4B,mBAAgB,CAAA7B,SAAEwB,IACnBvB,MAACC,OAAI,CAACE,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SACrCuB,EAAMvC,OAAS,EAAOuC,GAAAA,OAAAA,EAAMvC,OAAiB,UAAA,aAP3CI,EAUR,IAGPa,EAAAa,IAAA,MAAA,CAAKjB,UAAWC,EAAOgC,OAAO9B,SAC3B3B,EACC4B,EAAAa,IAACiB,SAAM,CAACC,KAAK,QAAQ5B,KAAK,QAAQQ,QAASvB,EAAiB4C,WAAYnD,EAAakB,SAAA,uBAIrFC,MAAC8B,SAAM,CAACC,KAAK,QAAQL,OAAQ1B,EAAAA,IAACiC,EAAQA,SAAI,IAAC9B,KAAK,QAAQQ,QAASjC,EAAmBqB,SAAA,mBAO9F"}

package/cjs-bundle/componentsV2/TemplatesControl/Popover/Popover.js CHANGED Viewed

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

package/cjs-bundle/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","_ref2","anchorEl","_ref2$placement","placement","disabled","height","useAppSize","popoverRef","useRef","useIsPopoverOpen","useClosePopover","isPopoverOpen","wrapperStyle","useMemo","_Fragment","CuiPopover","open","onClose","popover","ref","jsxs","style","wrapper","jsx","PopoverSearch","TemplatesTree","PopoverFooter","TemplateMenu","FolderMenu","ConfirmationModal"],"mappings":"~~y4JA0BMA~~,EAAS,SAAoDC,GAAA,IAAjDC,IAAAA,aAEVC,GAASC,EADOC,EAAQA,SAAtBD,aAGR,OACEE,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,OAAOC,SAAA,CAC5BJ,OAACK,OAAI,CAACC,KAAM,GAAIC,OAAO,SAASN,UAAWC,EAAOM,MAAMJ,SAErDP,CAAAA,YAAAA,GAAUY,EAAAA,IAACC,EAAAA,eAAc,CAACJ,KAAK,UAGlCG,MAACE,UAAO,CAACH,MAAM,QAAOJ,SACpBK,MAACG,aAAU,~~CACTC~~,~~OAAQC,EAAkBA,mBAACC,0BAC3BT,~~KAAK,~~QACLU~~,~~QAASpB~~,EAAaQ,~~SAEtBK~~,EAAAA,~~IAACQ~~,EAAcA,eAAA,UAKzB,kBAEuB,SAAsEC,GAAA,IAAnEC,IAAAA,SAAQC,EAAAF,EAAEG,UAAAA,aAAY,eAAcD,EAAEE,IAAAA,SACtDC,GAAWC,EAAUA,cAAM,CAAE,GAA7BD,OACFE,EAAaC,SAAuB,MAElCC,~~EAAsC5B~~,EAAAA,~~SAAtC4B~~,iBAAkBC,~~EAAoB7B~~,EAAQA,~~SAA5B6B~~,gBACpBC,EAAgBF,~~IAChB/B~~,~~EAAegC~~,IAEfE,EAAeC,EAAAA,SAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,~~EAKHnB~~,EAAAA,~~KAAAgC~~,EAAAA,SAAA,~~CAAA5B~~,SAAA,CACEK,~~MAACwB~~,UAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,~~QAASvC~~,EACTK,UAAWC,~~EAAOkC~~,QAClBC,IAAKZ,~~EAAWrB~~,SAEhBJ,~~EAAAsC~~,KAAA,MAAA,CAAKC,MAAOT,~~EAAc7B~~,UAAWC,~~EAAOsC~~,~~QAAQpC~~,SAAA,CAClDK,MAACf,EAAM,CAACE,aAAcA,IACtBa,~~EAACgC~~,IAAAC,gBAAgB,CAAA,~~GACjBjC~~,~~EAACgC~~,IAAAE,gBAAgB,CAAA,~~GACjBlC~~,EAAAA,~~IAACmC~~,EAAaA,cAAG,CAAA,~~QAIrBnC~~,~~EAACgC~~,IAAAI,eAAe,CAAA,~~GAEhBpC~~,~~EAACgC~~,IAAAK,aAAa,CAAA,~~GAEdrC~~,EAAAA,~~IAACsC~~,EAAiBA,kBAAG,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","_ref2","anchorEl","_ref2$placement","placement","disabled","height","useAppSize","popoverRef","useRef","useIsPopoverOpen","useClosePopover","isPopoverOpen","wrapperStyle","useMemo","_Fragment","CuiPopover","open","onClose","popover","ref","jsxs","style","wrapper","jsx","PopoverSearch","TemplatesTree","PopoverFooter","TemplateMenu","FolderMenu","ConfirmationModal"],"mappings":"0gKAyBMA,EAAS,SAAoDC,GAAA,IAAjDC,IAAAA,aAEVC,GAASC,EADOC,EAAQA,SAAtBD,aAGR,OACEE,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,OAAOC,SAAA,CAC5BJ,OAACK,OAAI,CAACC,KAAM,GAAIC,OAAO,SAASN,UAAWC,EAAOM,MAAMJ,SAErDP,CAAAA,YAAAA,GAAUY,EAAAA,IAACC,EAAAA,eAAc,CAACJ,KAAK,UAGlCG,MAACE,UAAO,CAACH,MAAM,QAAOJ,SACpBK,MAACG,aAAU,CAACN,KAAK,QAAQO,QAASjB,EAAaQ,SAC7CK,EAAAA,IAACK,EAAcA,eAAA,UAKzB,kBAEuB,SAAsEC,GAAA,IAAnEC,IAAAA,SAAQC,EAAAF,EAAEG,UAAAA,aAAY,eAAcD,EAAEE,IAAAA,SACtDC,GAAWC,EAAUA,cAAM,CAAE,GAA7BD,OACFE,EAAaC,SAAuB,MAElCC,EAAsCzB,EAAAA,SAAtCyB,iBAAkBC,EAAoB1B,EAAQA,SAA5B0B,gBACpBC,EAAgBF,IAChB5B,EAAe6B,IAEfE,EAAeC,EAAAA,SAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,EAKHhB,EAAAA,KAAA6B,EAAAA,SAAA,CAAAzB,SAAA,CACEK,MAACqB,UAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,QAASpC,EACTK,UAAWC,EAAO+B,QAClBC,IAAKZ,EAAWlB,SAEhBJ,EAAAmC,KAAA,MAAA,CAAKC,MAAOT,EAAc1B,UAAWC,EAAOmC,QAAQjC,SAAA,CAClDK,MAACf,EAAM,CAACE,aAAcA,IACtBa,EAAC6B,IAAAC,gBAAgB,CAAA,GACjB9B,EAAC6B,IAAAE,gBAAgB,CAAA,GACjB/B,EAAAA,IAACgC,EAAaA,cAAG,CAAA,QAIrBhC,EAAC6B,IAAAI,eAAe,CAAA,GAEhBjC,EAAC6B,IAAAK,aAAa,CAAA,GAEdlC,EAAAA,IAACmC,EAAiBA,kBAAG,CAAA,MAzBhB,IA4BX"}

package/cjs-bundle/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.js CHANGED Viewed

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

package/cjs-bundle/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":["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","jsx","LoaderCircular","Tooltip","title","ButtonIcon","importButton","UploadIcon","AddModal","open","onClose","onCreate","initialName"],"mappings":"~~ooJAc6B~~,WAC3B,IAAQA,EAA8DC,EAAAA,SAA9DD,kBAAmBE,EAA2CD,EAAQA,SAAnDC,oBAAqBC,EAAsBF,EAAQA,SAA9BE,kBAC1CC,EAAiBJ,IACjBK,EAAaH,EAAoB,EAAGI,EAAMA,OAACC,QAC3CC,EAAiBL,IAEiBM,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACMD,EAAAA,EAAQA,SAAC,IAAGM,EAAAJ,EAAAA,QAAAK,EAAA,GAA/CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACQN,EAAAA,EAAQA,SAAC,IAAGU,EAAAR,EAAAA,QAAAS,EAAA,GAAnDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAgBC,EAAAA,aAAY,WAAA,OAAMV,GAAgB,EAAM,GAAE,IAE1DW,EAAgBD,EAAAA,aAAY,WAChCF,EAAmB,gBACnBJ,EAAiB,uBACjBJ,GAAgB,EACjB,GAAE,IAEGY,EAAWF,EAAAA,aAAY,WAC3BhB,GACF,GAAG,CAACA,IAEJ,OACEmB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAAA,CAC1BC,MAACC,SAAM,CACLL,UAAWC,EAAOK,UAClBC,SAAU9B,EACV+B,QAASX,EACTY,KAAK,QACLC,KAAK,eACLC,QAASlC,GAAc2B,MAACQ,EAAAA,SAAY,CAAA,GAAAT,SAEnC1B,EAAa2B,EAAAS,IAACC,iBAAc,CAACL,KAAK,OAAU,wBAG/CL,MAACW,UAAO,CAACC,MAAM,mBAAkBb,SAC/BC,MAACa,aAAU,CACTjB,UAAWC,EAAOiB,aAClBX,SAAU9B,EACV+B,QAASV,EACTW,KAAK,QACLC,KAAK,aAAYP,SAEjBC,EAAAA,IAACe,EAAUA,WAAA,QAIff,MAACgB,WAAQ,CACPC,KAAMpC,EACNqC,QAAS3B,EACT4B,SAAU/C,EACVgD,YAAa/B,EACbuB,MAAO3B,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":["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","jsx","LoaderCircular","Tooltip","title","ButtonIcon","importButton","UploadIcon","AddModal","open","onClose","onCreate","initialName"],"mappings":"62JAc6B,WAC3B,IAAQA,EAA8DC,EAAAA,SAA9DD,kBAAmBE,EAA2CD,EAAQA,SAAnDC,oBAAqBC,EAAsBF,EAAQA,SAA9BE,kBAC1CC,EAAiBJ,IACjBK,EAAaH,EAAoB,EAAGI,EAAMA,OAACC,QAC3CC,EAAiBL,IAEiBM,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACMD,EAAAA,EAAQA,SAAC,IAAGM,EAAAJ,EAAAA,QAAAK,EAAA,GAA/CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACQN,EAAAA,EAAQA,SAAC,IAAGU,EAAAR,EAAAA,QAAAS,EAAA,GAAnDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAgBC,EAAAA,aAAY,WAAA,OAAMV,GAAgB,EAAM,GAAE,IAE1DW,EAAgBD,EAAAA,aAAY,WAChCF,EAAmB,gBACnBJ,EAAiB,uBACjBJ,GAAgB,EACjB,GAAE,IAEGY,EAAWF,EAAAA,aAAY,WAC3BhB,GACF,GAAG,CAACA,IAEJ,OACEmB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAAA,CAC1BC,MAACC,SAAM,CACLL,UAAWC,EAAOK,UAClBC,SAAU9B,EACV+B,QAASX,EACTY,KAAK,QACLC,KAAK,eACLC,QAASlC,GAAc2B,MAACQ,EAAAA,SAAY,CAAA,GAAAT,SAEnC1B,EAAa2B,EAAAS,IAACC,iBAAc,CAACL,KAAK,OAAU,wBAG/CL,MAACW,UAAO,CAACC,MAAM,mBAAkBb,SAC/BC,MAACa,aAAU,CACTjB,UAAWC,EAAOiB,aAClBX,SAAU9B,EACV+B,QAASV,EACTW,KAAK,QACLC,KAAK,aAAYP,SAEjBC,EAAAA,IAACe,EAAUA,WAAA,QAIff,MAACgB,WAAQ,CACPC,KAAMpC,EACNqC,QAAS3B,EACT4B,SAAU/C,EACVgD,YAAa/B,EACbuB,MAAO3B,MAIf"}

package/cjs-bundle/componentsV2/TemplatesControl/PopoverSearch/PopoverSearch.js CHANGED Viewed

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

package/cjs-bundle/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":["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":"~~ynJAU6B~~,WAC3B,IACMA,GAAkBC,EADOC,EAAQA,SAA/BD,sBAG8BE,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA3CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAUC,EAAAA,aAAY,WAC1BF,EAAe,IACfR,EAAgB,GAClB,GAAG,CAACA,IAEEW,EAA2BC,EAAAA,SAAQ,WAAA,OAAMC,EAAQA,SAACb,EAAiB,OAAM,CAACA,IAE1Ec,EAAiBJ,eACrB,SAACK,GACCP,EAAeO,GACfJ,EAAyBI,EAC3B,GACA,CAACJ,IAQH,OALAK,EAAAA,WAAU,WACRhB,EAAgB,IAChBQ,EAAe,GACjB,GAAG,CAACR,IAGFiB,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1BJ,MAACK,YAAS,CACRP,MAAOR,EACPgB,SAAUT,EACVU,YAAY,kBACZC,OAAQR,EAAAA,IAACS,EAASA,UAAI,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":["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":"k2JAU6B,WAC3B,IACMA,GAAkBC,EADOC,EAAQA,SAA/BD,sBAG8BE,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA3CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAUC,EAAAA,aAAY,WAC1BF,EAAe,IACfR,EAAgB,GAClB,GAAG,CAACA,IAEEW,EAA2BC,EAAAA,SAAQ,WAAA,OAAMC,EAAQA,SAACb,EAAiB,OAAM,CAACA,IAE1Ec,EAAiBJ,eACrB,SAACK,GACCP,EAAeO,GACfJ,EAAyBI,EAC3B,GACA,CAACJ,IAQH,OALAK,EAAAA,WAAU,WACRhB,EAAgB,IAChBQ,EAAe,GACjB,GAAG,CAACR,IAGFiB,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1BJ,MAACK,YAAS,CACRP,MAAOR,EACPgB,SAAUT,EACVU,YAAY,kBACZC,OAAQR,EAAAA,IAACS,EAASA,UAAI,IACtBC,QAAQ,QACRC,KAAK,SACLnB,QAASA,KAIjB"}

package/cjs-bundle/componentsV2/TemplatesControl/PublishModal/PublishModal.js CHANGED Viewed

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

package/cjs-bundle/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","jsx","Collapse","in","_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","jsxs","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","jsx","Collapse","in","_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","jsxs","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}