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

@corva/ui 3.75.0-10 → 3.75.0-11

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n order: 'asc',\n sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n getUsers({\n ...defaultParams,\n companyId,\n page,\n perPage,\n search,\n }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n a.first_name.localeCompare(b.first_name) \|\| a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n const {\n currentUser: { company_id: companyId },\n } = useAppCommons() as { currentUser: User };\n const { shared_with: sharedWith } = template;\n\n const [search, setSearch] = useState('');\n const [filterSearch, setFilterSearch] = useState('');\n const [isLoadingShared, setIsLoadingShared] = useState(false);\n const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setSearch(value);\n debouncedSetSearchForFilter(value);\n },\n [debouncedSetSearchForFilter]\n );\n\n const clearSearch = useCallback(() => {\n debouncedSetSearchForFilter.cancel();\n setSearch('');\n setFilterSearch('');\n }, [debouncedSetSearchForFilter]);\n\n const trimmedFilterSearch = filterSearch.trim();\n const filters = useMemo(\n () => ({ search: trimmedFilterSearch, companyId }),\n [trimmedFilterSearch, companyId]\n );\n\n const selectUser = useCallback(\n (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n []\n );\n\n const deselectUser = useCallback(\n (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n []\n );\n\n const onActualShare = useCallback(\n () => onShare(selectedUsers.map(({ id }) => id)),\n [onShare, selectedUsers]\n );\n\n const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n filters,\n getParams,\n loadData,\n });\n\n useEffect(() => {\n const loadInitial = async () => {\n if (sharedWith && sharedWith.length) {\n setIsLoadingShared(true);\n\n const users = await getUsers({\n ...defaultParams,\n companyId,\n page: 1,\n perPage: 1000,\n ids: sharedWith,\n });\n\n setSelectedUsers(users);\n setIsLoadingShared(false);\n } else {\n setSelectedUsers([]);\n }\n };\n\n if (open) {\n loadInitial();\n }\n }, [open, sharedWith, companyId]);\n\n useEffect(() => {\n if (open) {\n clearSearch();\n }\n }, [clearSearch, open]);\n\n const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n return (\n <Modal\n title={`Share “${template.name}”`}\n open={open}\n onClose={onClose}\n primaryActionText=\"Share\"\n primaryActionHandler={onActualShare}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n size=\"medium\"\n >\n <div className={styles.wrapper}>\n <TextInput\n label=\"\"\n placeholder=\"Search User...\"\n type=\"search\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n onChange={onSearchChange}\n value={search}\n onClear={clearSearch}\n />\n <div className={styles.list} ref={containerElementRef}>\n {!isLoadingShared &&\n selectedUsers.map((user, index) => (\n <Fragment key={user.id}>\n {index > 0 && <Menu.Divider className={styles.divider} />}\n <Item user={user} onClick={deselectUser} isSelected />\n </Fragment>\n ))}\n\n {data.map((user, index) =>\n !selectedUsersMap[user.id] ? (\n <Fragment key={user.id}>\n {(index > 0 \|\| selectedUsers.length > 0) && (\n <Menu.Divider className={styles.divider} />\n )}\n <Item user={user} onClick={selectUser} />\n </Fragment>\n ) : null\n )}\n\n <div ref={loadMoreElementRef} />\n\n {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n <EmptyState title=\"No users found\" image=\"nothingFound\" />\n )}\n\n {(isLoading \|\| isLoadingShared) && <LoaderLogo size={60} />}\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"y5NAqBA,IAAMA,EAAgB,CACpBC,MAAO,MACPC,KAAM,cAGFC,EAAY,SAACC,GAA8C,OAAKA,CAAM,EAEtEC,EAAW,SAAHC,GAAA,IAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,QAAO,OAClDC,SACKX,GAAa,GAAA,CAChBO,UAAAA,EACAE,KAAAA,EACAC,QAAAA,EACAF,OAAAA,IACA,EAEEI,EAAY,SAACC,EAASC,GAAO,OACjCD,EAAEE,WAAWC,cAAcF,EAAEC,aAAeF,EAAEI,UAAUD,cAAcF,EAAEG,UAAU,EASvEC,EAAa,SAA2DC,GAAA,IAAxDC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,KAAMC,IAAAA,QAEvBhB,EACzBiB,IADFC,YAAeC,WAEIC,EAAeN,EAA5BO,YAEoBC,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAAjCxB,EAAMsB,EAAA,GAAEG,EAASH,EAAA,GACgBD,EAAAA,EAAS,IAAGK,EAAAH,EAAAI,EAAA,GAA7CC,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACUL,EAAAA,GAAS,GAAMS,EAAAP,EAAAQ,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACAT,EAAAA,EAAiB,IAAGa,EAAAX,EAAAY,EAAA,GAAvDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAA8BC,GAAQ,WAAA,OAAMC,EAASX,EAAiB,IAAI,GAAE,IAE5EY,EAAiBC,GACrB,SAACC,GACClB,EAAUkB,GACVL,EAA4BK,EAC9B,GACA,CAACL,IAGGM,GAAcF,GAAY,WAC9BJ,EAA4BO,SAC5BpB,EAAU,IACVI,EAAgB,GAClB,GAAG,CAACS,IAEEQ,GAAsBlB,EAAamB,OACnCC,GAAUT,GACd,WAAA,MAAO,CAAEvC,OAAQ8C,GAAqB/C,UAAAA,EAAW,GACjD,CAAC+C,GAAqB/C,IAGlBkD,GAAaP,GACjB,SAACQ,GAAU,OAAKb,GAAiB,SAAAc,GAAK,MAAI,GAAAC,OAAAC,EAAIF,GAAOD,CAAAA,IAAMI,SAASlD,KAAW,GAC/E,IAGImD,GAAeb,GACnB,SAACQ,GAAU,OAAKb,GAAiB,SAAAc,GAAK,OAAIA,EAAMK,QAAO,SAAAC,GAAK,SAAFC,KAAgBR,EAAKQ,QAAI,GACnF,IAGIC,GAAgBjB,GACpB,WAAA,OAAM3B,EAAQqB,EAAcwB,KAAI,SAAAC,GAAK,SAAFH,EAAW,IAAE,GAChD,CAAC3C,EAASqB,IAGZ0B,GAAqEC,EAAkB,CACrFf,QAAAA,GACArD,UAAAA,EACAE,SAAAA,IAHMmE,MAAAA,KAAMC,MAAAA,mBAAoBC,MAAAA,oBAAqBC,MAAAA,UAMvDC,GAAU,WACR,IAAMC,EAAW,WAAA,IAAGC,EAAAC,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAvB,EAAA,OAAAqB,EAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,IACd3D,IAAcA,EAAW4D,OAAM,CAAAH,EAAAE,KAAA,EAAA,KAAA,CACR,OAAzB7C,GAAmB,GAAM2C,EAAAE,KAAA,EAEL3E,SACfX,GAAa,GAAA,CAChBO,UAAAA,EACAE,KAAM,EACNC,QAAS,IACT8E,IAAK7D,KACL,KAAA,EANIgC,EAAKyB,EAAAK,KAQX5C,EAAiBc,GACjBlB,GAAmB,GAAO2C,EAAAE,KAAA,GAAA,MAAA,KAAA,EAE1BzC,EAAiB,IAAI,KAAA,GAAA,IAAA,MAAA,OAAAuC,EAAAM,OAAA,GAAAR,EAExB,KAAA,OAAA,WAjBgB,OAAAJ,EAAAa,MAAAC,KAAAC,UAAA,EAAA,GAmBbvE,GACFuD,GAEH,GAAE,CAACvD,EAAMK,EAAYpB,IAEtBqE,GAAU,WACJtD,GACF8B,IAEJ,GAAG,CAACA,GAAa9B,IAEjB,IAAMwE,GAAmB/C,GAAQ,WAAA,OAAMgD,EAAMnD,EAAe,QAAO,CAACA,IAE9DoD,GAAqBjD,GAAQ,WAAA,MAAO,CAAEkD,SAAUzD,EAAiB,GAAG,CAACA,IAE3E,OACE0D,EAACC,EAAK,CACJC,MAAiB/E,UAAAA,OAAAA,EAASgF,KAAQ,KAClC/E,KAAMA,EACNF,QAASA,EACTkF,kBAAkB,QAClBC,qBAAsBpC,GACtB6B,mBAAoBA,GACpBQ,oBAAoB,SACpBC,uBAAwBrF,EACxBsF,KAAK,SAAQC,SAEbC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,QAAQJ,SAAA,CAC7BT,EAACc,EAAS,CACRC,MAAM,GACNC,YAAY,iBACZC,KAAK,SACLC,OAAQlB,EAACmB,EAAa,IACtBC,QAAQ,QACRC,SAAUtE,EACVE,MAAO3C,EACPgH,QAASpE,KAEXwD,EAAA,MAAA,CAAKC,UAAWC,EAAOW,KAAMC,IAAKhD,GAAoBiC,SACnD,EAACnE,GACAI,EAAcwB,KAAI,SAACV,EAAMiE,GAAK,OAC5Bf,EAACgB,EAAQ,CAAAjB,SAAA,CACNgB,EAAQ,GAAKzB,EAAC2B,EAAKC,QAAO,CAACjB,UAAWC,EAAOiB,UAC9C7B,EAAC8B,EAAI,CAACtE,KAAMA,EAAMuE,QAASlE,GAAcmE,YAAU,MAFtCxE,EAAKQ,GAIrB,IAEFM,GAAKJ,KAAI,SAACV,EAAMiE,GAAK,OACnB7B,GAAiBpC,EAAKQ,IAOnB,KANF0C,EAACgB,EAAQ,CAAAjB,SAAA,EACLgB,EAAQ,GAAK/E,EAAc2C,OAAS,IACpCW,EAAC2B,EAAKC,QAAO,CAACjB,UAAWC,EAAOiB,UAElC7B,EAAC8B,EAAI,CAACtE,KAAMA,EAAMuE,QAASxE,OAJdC,EAAKQ,GAMd,IAGVgC,EAAA,MAAA,CAAKwB,IAAKjD,MAERE,IAA6B,IAAhBH,GAAKe,QAAyC,IAAzB3C,EAAc2C,QAChDW,EAACiC,EAAU,CAAC/B,MAAM,iBAAiBgC,MAAM,kBAGzCzD,IAAanC,IAAoB0D,EAACmC,EAAU,CAAC3B,KAAM,YAK/D"}
1	+ {"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n order: 'asc',\n sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n getUsers({\n ...defaultParams,\n companyId,\n page,\n perPage,\n search,\n }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n a.first_name.localeCompare(b.first_name) \|\| a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n open: boolean;\n onClose: () => void;\n template: Template;\n onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n const {\n currentUser: { company_id: companyId },\n } = useAppCommons() as { currentUser: User };\n const { shared_with: sharedWith } = template;\n\n const [search, setSearch] = useState('');\n const [filterSearch, setFilterSearch] = useState('');\n const [isLoadingShared, setIsLoadingShared] = useState(false);\n const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n const onSearchChange = useCallback(\n (value: string) => {\n setSearch(value);\n debouncedSetSearchForFilter(value);\n },\n [debouncedSetSearchForFilter]\n );\n\n const clearSearch = useCallback(() => {\n debouncedSetSearchForFilter.cancel();\n setSearch('');\n setFilterSearch('');\n }, [debouncedSetSearchForFilter]);\n\n const trimmedFilterSearch = filterSearch.trim();\n const filters = useMemo(\n () => ({ search: trimmedFilterSearch, companyId }),\n [trimmedFilterSearch, companyId]\n );\n\n const selectUser = useCallback(\n (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n []\n );\n\n const deselectUser = useCallback(\n (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n []\n );\n\n const onActualShare = useCallback(\n () => onShare(selectedUsers.map(({ id }) => id)),\n [onShare, selectedUsers]\n );\n\n const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n filters,\n getParams,\n loadData,\n });\n\n useEffect(() => {\n const loadInitial = async () => {\n if (sharedWith && sharedWith.length) {\n setIsLoadingShared(true);\n\n const users = await getUsers({\n ...defaultParams,\n companyId,\n page: 1,\n perPage: 1000,\n ids: sharedWith,\n });\n\n setSelectedUsers(users);\n setIsLoadingShared(false);\n } else {\n setSelectedUsers([]);\n }\n };\n\n if (open) {\n loadInitial();\n }\n }, [open, sharedWith, companyId]);\n\n useEffect(() => {\n if (open) {\n clearSearch();\n }\n }, [clearSearch, open]);\n\n const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n return (\n <Modal\n title={`Share “${template.name}”`}\n open={open}\n onClose={onClose}\n primaryActionText=\"Share\"\n primaryActionHandler={onActualShare}\n primaryActionProps={primaryActionProps}\n secondaryActionText=\"Cancel\"\n secondaryActionHandler={onClose}\n size=\"medium\"\n >\n <div className={styles.wrapper}>\n <TextInput\n label=\"\"\n placeholder=\"Search User...\"\n type=\"search\"\n prefix={<SearchOne />}\n spacing=\"dense\"\n onChange={onSearchChange}\n value={search}\n onClear={clearSearch}\n />\n <div className={styles.list} ref={containerElementRef}>\n {!isLoadingShared &&\n selectedUsers.map((user, index) => (\n <Fragment key={user.id}>\n {index > 0 && <Menu.Divider className={styles.divider} />}\n <Item user={user} onClick={deselectUser} isSelected />\n </Fragment>\n ))}\n\n {data.map((user, index) =>\n !selectedUsersMap[user.id] ? (\n <Fragment key={user.id}>\n {(index > 0 \|\| selectedUsers.length > 0) && (\n <Menu.Divider className={styles.divider} />\n )}\n <Item user={user} onClick={selectUser} />\n </Fragment>\n ) : null\n )}\n\n <div ref={loadMoreElementRef} />\n\n {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n <EmptyState title=\"No users found\" image=\"nothingFound\" />\n )}\n\n {(isLoading \|\| isLoadingShared) && <LoaderLogo size={60} />}\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}

package/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useEffect as n}from"react";import i from"classnames";import{Popover as t}from"../../../Popover/Popover.js";import{Text as r}from"../../../Text/Text.js";import{ButtonIcon as m}from"../../../ButtonIcon/ButtonIcon.js";import{storeApi as e}from"../../Store/Store.js";import"../../Store/utils.js";import p from"./IconMenu.scss.js";import{CheckSmallIcon as u}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as l,jsx as I}from"react/jsx-runtime";var a=function(a){var j=a.icon,d=a.iconColor,C=a.onSave,h=a.open,f=a.anchorEl,v=e.useTemplateIconColors,F=e.useTemplateIconMap,b=e.useDefaultTemplateIcon,O=e.useDefaultTemplateIconColor,T=v(),A=F(),M=b(),P=O(),k=s(),S=o(k,2),g=S[0],x=S[1],y=s(),D=o(y,2),z=D[0],E=D[1],G=c((function(){C({icon:g||M,iconColor:z||P})}),[M,P,C,z,g]);return n((function(){h&&(x(j),E(d))}),[j,d,h]),l(t,{className:p.root,placement:"bottom-start",open:h,onClose:G,anchorEl:f,children:[I(r,{size:12,color:"T6",children:"Icon Color"}),I("div",{className:p.colorGrid,children:T.map((function(o){return I("div",{className:i(p.colorItem,o===z&&p.selected,o===d&&p.current),style:{"--IconMenu-color":o},onClick:function(){return E(o)},children:I(u,{size:20,className:p.checkIcon})},o)}))}),I(r,{size:12,color:"T6",children:"Icons"}),I("div",{className:p.iconsGrid,children:Object.entries(A).map((function(s){var c=o(s,2),n=c[0],i=c[1];return I(m,{size:"small",type:g===n?"tertiaryBg":"tertiary",onClick:function(){return x(n)},children:I(i,{color:z})},n)}))})]})};export{a as IconMenu};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useEffect as n}from"react";import i from"classnames";import{Popover as t}from"../../../Popover/Popover.js";import{Text as r}from"../../../Text/Text.js";import{ButtonIcon as m}from"../../../ButtonIcon/ButtonIcon.js";import{storeApi as e}from"../../Store/Store.js";import"../../Store/utils.js";import p from"./IconMenu.scss.js";import{CheckSmallIcon as u}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as l,jsx as I}from"react/jsx-runtime";var a=function(a){var j=a.icon,d=a.iconColor,C=a.onSave,h=a.open,f=a.anchorEl,F=e.useTemplateIconColors,v=e.useTemplateIconMap,b=e.useDefaultTemplateIcon,O=e.useDefaultTemplateIconColor,T=F(),A=v(),M=b(),P=O(),k=s(),S=o(k,2),g=S[0],x=S[1],y=s(),D=o(y,2),z=D[0],E=D[1],G=c((function(){C({icon:g||M,iconColor:z||P})}),[M,P,C,z,g]);return n((function(){h&&(x(j),E(d))}),[j,d,h]),l(t,{className:p.root,placement:"bottom-start",open:h,onClose:G,anchorEl:f,children:[I(r,{size:12,color:"T6",children:"Icon Color"}),I("div",{className:p.colorGrid,children:T.map((function(o){return I("div",{className:i(p.colorItem,o===z&&p.selected,o===d&&p.current),style:{"--IconMenu-color":o},onClick:function(){return E(o)},children:I(u,{size:20,className:p.checkIcon})},o)}))}),I(r,{size:12,color:"T6",children:"Icons"}),I("div",{className:p.iconsGrid,children:Object.entries(A).map((function(s){var c=o(s,2),n=c[0],i=c[1];return I(m,{size:"small",type:g===n?"tertiaryBg":"tertiary",onClick:function(){return x(n)},children:I(i,{color:z})},n)}))})]})};export{a as IconMenu};
 //# sourceMappingURL=IconMenu.js.map

package/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconMenu.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Popover } from '../../../Popover';\nimport { Text } from '../../../Text';\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { storeApi } from '../../Store';\nimport { TemplateMetaData } from '../../types';\n\nimport styles from './IconMenu.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type IconMenuProps = {\n open: boolean;\n anchorEl: HTMLElement \| null;\n onSave: (iconData: { icon: string; iconColor: string }) => void;\n} & Pick<TemplateMetaData, 'icon' \| 'iconColor'>;\n\nexport const IconMenu = ({ icon, iconColor, onSave, open, anchorEl }: IconMenuProps) => {\n const {\n useTemplateIconColors,\n useTemplateIconMap,\n useDefaultTemplateIcon,\n useDefaultTemplateIconColor,\n } = storeApi;\n const templateIconColors = useTemplateIconColors();\n const templateIconMap = useTemplateIconMap();\n const defaultTemplateIcon = useDefaultTemplateIcon();\n const defaultTemplateIconColor = useDefaultTemplateIconColor();\n\n const [selectedIcon, setSelectedIcon] = useState<string>();\n const [selectedColor, setSelectedColor] = useState<string>();\n\n const onClose = useCallback(() => {\n onSave({\n icon: selectedIcon \|\| defaultTemplateIcon,\n iconColor: selectedColor \|\| defaultTemplateIconColor,\n });\n }, [defaultTemplateIcon, defaultTemplateIconColor, onSave, selectedColor, selectedIcon]);\n\n useEffect(() => {\n if (open) {\n setSelectedIcon(icon);\n setSelectedColor(iconColor);\n }\n }, [icon, iconColor, open]);\n\n return (\n <Popover\n className={styles.root}\n placement=\"bottom-start\"\n open={open}\n onClose={onClose}\n anchorEl={anchorEl}\n >\n <Text size={12} color=\"T6\">\n Icon Color\n </Text>\n <div className={styles.colorGrid}>\n {templateIconColors.map(color => (\n <div\n key={color}\n className={classNames(\n styles.colorItem,\n color === selectedColor && styles.selected,\n color === iconColor && styles.current\n )}\n style={{ '--IconMenu-color': color } as CSSProperties}\n onClick={() => setSelectedColor(color)}\n >\n <CheckSmallIcon size={20} className={styles.checkIcon} />\n </div>\n ))}\n </div>\n\n <Text size={12} color=\"T6\">\n Icons\n </Text>\n <div className={styles.iconsGrid}>\n {Object.entries(templateIconMap).map(([name, Icon]) => (\n <ButtonIcon\n key={name}\n size=\"small\"\n type={selectedIcon === name ? 'tertiaryBg' : 'tertiary'}\n onClick={() => setSelectedIcon(name)}\n >\n <Icon color={selectedColor} />\n </ButtonIcon>\n ))}\n </div>\n </Popover>\n );\n};\n"],"names":["IconMenu","_ref","icon","iconColor","onSave","open","anchorEl","useTemplateIconColors","storeApi","useTemplateIconMap","useDefaultTemplateIcon","useDefaultTemplateIconColor","templateIconColors","templateIconMap","defaultTemplateIcon","defaultTemplateIconColor","_useState","useState","_useState2","_slicedToArray","selectedIcon","setSelectedIcon","_useState3","_useState4","selectedColor","setSelectedColor","onClose","useCallback","useEffect","_jsxs","Popover","className","styles","root","placement","children","_jsx","Text","size","color","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"~~ihJAmBaA~~,IAAAA,EAAW,SAAgEC,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAJFD,sBACAE,EAGED,EAHFC,mBACAC,EAEEF,EAFFE,uBACAC,EACEH,EADFG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,IAAkBM,EAAAJ,EAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,GAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,GAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAACC,EAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOQ,UAAUL,SAC9BvB,EAAmB6B,KAAI,SAAAF,GAAK,OAC3BH,EAAA,MAAA,CAEEL,UAAWW,EACTV,EAAOW,UACPJ,IAAUf,GAAiBQ,EAAOY,SAClCL,IAAUpC,GAAa6B,EAAOa,SAEhCC,MAAO,CAAE,mBAAoBP,GAC7BQ,QAAS,WAAA,OAAMtB,EAAiBc,EAAO,EAAAJ,SAEvCC,EAACY,EAAc,CAACV,KAAM,GAAIP,UAAWC,EAAOiB,aATvCV,QAcXH,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOkB,UAAUf,SAC9BgB,OAAOC,QAAQvC,GAAiB4B,KAAI,SAAAY,GAAA,IAAAC,EAAAnC,EAAAkC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/ClB,EAACqB,EAAU,CAETnB,KAAK,QACLoB,KAAMtC,IAAiBmC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM1B,EAAgBkC,EAAM,EAAApB,SAErCC,EAACoB,EAAI,CAACjB,MAAOf,KALR+B,UAWjB"}
1	+ {"version":3,"file":"IconMenu.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Popover } from '../../../Popover';\nimport { Text } from '../../../Text';\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { storeApi } from '../../Store';\nimport { TemplateMetaData } from '../../types';\n\nimport styles from './IconMenu.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type IconMenuProps = {\n open: boolean;\n anchorEl: HTMLElement \| null;\n onSave: (iconData: { icon: string; iconColor: string }) => void;\n} & Pick<TemplateMetaData, 'icon' \| 'iconColor'>;\n\nexport const IconMenu = ({ icon, iconColor, onSave, open, anchorEl }: IconMenuProps) => {\n const {\n useTemplateIconColors,\n useTemplateIconMap,\n useDefaultTemplateIcon,\n useDefaultTemplateIconColor,\n } = storeApi;\n const templateIconColors = useTemplateIconColors();\n const templateIconMap = useTemplateIconMap();\n const defaultTemplateIcon = useDefaultTemplateIcon();\n const defaultTemplateIconColor = useDefaultTemplateIconColor();\n\n const [selectedIcon, setSelectedIcon] = useState<string>();\n const [selectedColor, setSelectedColor] = useState<string>();\n\n const onClose = useCallback(() => {\n onSave({\n icon: selectedIcon \|\| defaultTemplateIcon,\n iconColor: selectedColor \|\| defaultTemplateIconColor,\n });\n }, [defaultTemplateIcon, defaultTemplateIconColor, onSave, selectedColor, selectedIcon]);\n\n useEffect(() => {\n if (open) {\n setSelectedIcon(icon);\n setSelectedColor(iconColor);\n }\n }, [icon, iconColor, open]);\n\n return (\n <Popover\n className={styles.root}\n placement=\"bottom-start\"\n open={open}\n onClose={onClose}\n anchorEl={anchorEl}\n >\n <Text size={12} color=\"T6\">\n Icon Color\n </Text>\n <div className={styles.colorGrid}>\n {templateIconColors.map(color => (\n <div\n key={color}\n className={classNames(\n styles.colorItem,\n color === selectedColor && styles.selected,\n color === iconColor && styles.current\n )}\n style={{ '--IconMenu-color': color } as CSSProperties}\n onClick={() => setSelectedColor(color)}\n >\n <CheckSmallIcon size={20} className={styles.checkIcon} />\n </div>\n ))}\n </div>\n\n <Text size={12} color=\"T6\">\n Icons\n </Text>\n <div className={styles.iconsGrid}>\n {Object.entries(templateIconMap).map(([name, Icon]) => (\n <ButtonIcon\n key={name}\n size=\"small\"\n type={selectedIcon === name ? 'tertiaryBg' : 'tertiary'}\n onClick={() => setSelectedIcon(name)}\n >\n <Icon color={selectedColor} />\n </ButtonIcon>\n ))}\n </div>\n </Popover>\n );\n};\n"],"names":["IconMenu","_ref","icon","iconColor","onSave","open","anchorEl","useTemplateIconColors","storeApi","useTemplateIconMap","useDefaultTemplateIcon","useDefaultTemplateIconColor","templateIconColors","templateIconMap","defaultTemplateIcon","defaultTemplateIconColor","_useState","useState","_useState2","_slicedToArray","selectedIcon","setSelectedIcon","_useState3","_useState4","selectedColor","setSelectedColor","onClose","useCallback","useEffect","_jsxs","Popover","className","styles","root","placement","children","_jsx","Text","size","color","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"uoJAmBaA,IAAAA,EAAW,SAAgEC,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAJFD,sBACAE,EAGED,EAHFC,mBACAC,EAEEF,EAFFE,uBACAC,EACEH,EADFG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,IAAkBM,EAAAJ,EAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,GAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,GAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAACC,EAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOQ,UAAUL,SAC9BvB,EAAmB6B,KAAI,SAAAF,GAAK,OAC3BH,EAAA,MAAA,CAEEL,UAAWW,EACTV,EAAOW,UACPJ,IAAUf,GAAiBQ,EAAOY,SAClCL,IAAUpC,GAAa6B,EAAOa,SAEhCC,MAAO,CAAE,mBAAoBP,GAC7BQ,QAAS,WAAA,OAAMtB,EAAiBc,EAAO,EAAAJ,SAEvCC,EAACY,EAAc,CAACV,KAAM,GAAIP,UAAWC,EAAOiB,aATvCV,QAcXH,EAACC,EAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAA,MAAA,CAAKL,UAAWC,EAAOkB,UAAUf,SAC9BgB,OAAOC,QAAQvC,GAAiB4B,KAAI,SAAAY,GAAA,IAAAC,EAAAnC,EAAAkC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/ClB,EAACqB,EAAU,CAETnB,KAAK,QACLoB,KAAMtC,IAAiBmC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM1B,EAAgBkC,EAAM,EAAApB,SAErCC,EAACoB,EAAI,CAACjB,MAAOf,KALR+B,UAWjB"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{ButtonIcon as m}from"../../ButtonIcon/ButtonIcon.js";import{TextEndTruncated as e}from"../../TextEndTruncated/TextEndTruncated.js";import{Text as p}from"../../Text/Text.js";import{LoaderCircular as u}from"../../LoaderCircular/LoaderCircular.js";import a from"./TemplatesTreeMenuHeader.scss.js";import{WriteIcon as l,CheckSmallIcon as j}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as I,jsx as d}from"react/jsx-runtime";var h=function(h){var C=h.badge,f=h.button,v=h.entityName,b=h.isEditable,g=h.onSave,F=h.getValidation,O=h.isUpdating,T=c(!1),x=o(T,2),E=x[0],k=x[1],y=c(v||""),A=o(y,2),N=A[0],M=A[1],P=i(null),z=n((function(){b&&!O&&k(!0)}),[b,O]),D=n((function(o){var s=o.target.value;M(s)}),[]),B=t((function(){return(null==F?void 0:F(N))||{message:"",hasError:!1}}),[F,N]),S=B.message,U=B.hasError&&E,L=n((function(){U||(k(!1),null==g||g(N))}),[U,N,g]),R=n((function(o){"Enter"===o.key&&L()}),[L]);return r((function(){k(!1),M(v||"")}),[v]),r((function(){var o;E&&(null===(o=P.current)||void 0===o||o.focus())}),[E]),I("div",{className:a.root,children:[I("div",{className:a.info,children:[f,I("div",{className:s(a.name,b&&!O&&a.editable,E&&b&&a.editing,U&&a.hasError),onClick:z,children:[(!b||!E)&&I(p,{size:16,className:a.nameDisplay,children:[d(e,{children:N}),C]}),b&&E&&d("input",{type:"text",value:N,onChange:D,onKeyUp:R,className:a.field,ref:P})]}),b&&!E&&I("div",{className:a.editButton,children:[d(m,{size:"small",onClick:z,disabled:O,children:d(l,{})}),O&&d(u,{size:"xs",className:a.editButtonLoader})]}),b&&E&&d(m,{size:"small",onClick:L,type:"tertiary",disabled:U,children:d(j,{})})]}),S&&d(p,{className:s(a.additionalInfo,U&&a.hasError),size:12,color:"T6",tagName:"div",children:S})]})};export{h as TemplatesTreeMenuHeader};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n,useMemo as t,useEffect as r}from"react";import{ButtonIcon as m}from"../../ButtonIcon/ButtonIcon.js";import{TextEndTruncated as e}from"../../TextEndTruncated/TextEndTruncated.js";import{Text as u}from"../../Text/Text.js";import{LoaderCircular as p}from"../../LoaderCircular/LoaderCircular.js";import a from"./TemplatesTreeMenuHeader.scss.js";import{WriteIcon as l,CheckSmallIcon as j}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as I,jsx as d}from"react/jsx-runtime";var h=function(h){var C=h.badge,f=h.button,v=h.entityName,b=h.isEditable,F=h.onSave,g=h.getValidation,O=h.isUpdating,T=c(!1),x=o(T,2),E=x[0],k=x[1],y=c(v||""),A=o(y,2),N=A[0],M=A[1],P=i(null),z=n((function(){b&&!O&&k(!0)}),[b,O]),D=n((function(o){var s=o.target.value;M(s)}),[]),B=t((function(){return(null==g?void 0:g(N))||{message:"",hasError:!1}}),[g,N]),R=B.message,S=B.hasError&&E,U=n((function(){S||(k(!1),null==F||F(N))}),[S,N,F]),L=n((function(o){"Enter"===o.key&&U()}),[U]);return r((function(){k(!1),M(v||"")}),[v]),r((function(){var o;E&&(null===(o=P.current)||void 0===o||o.focus())}),[E]),I("div",{className:a.root,children:[I("div",{className:a.info,children:[f,I("div",{className:s(a.name,b&&!O&&a.editable,E&&b&&a.editing,S&&a.hasError),onClick:z,children:[(!b||!E)&&I(u,{size:16,className:a.nameDisplay,children:[d(e,{children:N}),C]}),b&&E&&d("input",{type:"text",value:N,onChange:D,onKeyUp:L,className:a.field,ref:P})]}),b&&!E&&I("div",{className:a.editButton,children:[d(m,{size:"small",onClick:z,disabled:O,children:d(l,{})}),O&&d(p,{size:"xs",className:a.editButtonLoader})]}),b&&E&&d(m,{size:"small",onClick:U,type:"tertiary",disabled:S,children:d(j,{})})]}),R&&d(u,{className:s(a.additionalInfo,S&&a.hasError),size:12,color:"T6",tagName:"div",children:R})]})};export{h as TemplatesTreeMenuHeader};
 //# sourceMappingURL=TemplatesTreeMenuHeader.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplatesTreeMenuHeader.js","sources":["../../../../src/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEventHandler,\n KeyboardEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './TemplatesTreeMenuHeader.scss';\n\nimport { CheckSmallIcon, WriteIcon } from '~/icons';\n\nexport type TemplatesTreeMenuHeaderProps = {\n onSave?: (name: string) => void;\n badge?: ReactNode;\n entityName?: string;\n button?: ReactNode;\n isEditable?: boolean;\n getValidation?: (name: string) => {\n message?: string;\n hasError: boolean;\n };\n isUpdating?: boolean;\n};\n\nexport const TemplatesTreeMenuHeader = ({\n badge,\n button,\n entityName,\n isEditable,\n onSave,\n getValidation,\n isUpdating,\n}: TemplatesTreeMenuHeaderProps) => {\n const [isEditing, setIsEditing] = useState(false);\n const [name, setName] = useState(entityName \|\| '');\n const inputRef = useRef<HTMLInputElement>(null);\n\n const edit = useCallback(() => {\n if (isEditable && !isUpdating) {\n setIsEditing(true);\n }\n }, [isEditable, isUpdating]);\n\n const onNameChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n const { value } = e.target;\n setName(value);\n }, []);\n\n const { message, hasError: validationError } = useMemo(\n () => getValidation?.(name) \|\| { message: '', hasError: false },\n [getValidation, name]\n );\n\n const hasError = validationError && isEditing;\n\n const save = useCallback(() => {\n if (!hasError) {\n setIsEditing(false);\n onSave?.(name);\n }\n }, [hasError, name, onSave]);\n\n const onKeyUp = useCallback<KeyboardEventHandler>(\n event => {\n if (event.key === 'Enter') {\n save();\n }\n },\n [save]\n );\n\n useEffect(() => {\n setIsEditing(false);\n setName(entityName \|\| '');\n }, [entityName]);\n\n useEffect(() => {\n if (isEditing) {\n inputRef.current?.focus();\n }\n }, [isEditing]);\n\n return (\n <div className={styles.root}>\n <div className={styles.info}>\n {button}\n <div\n className={classNames(\n styles.name,\n isEditable && !isUpdating && styles.editable,\n isEditing && isEditable && styles.editing,\n hasError && styles.hasError\n )}\n onClick={edit}\n >\n {(!isEditable \|\| !isEditing) && (\n <Text size={16} className={styles.nameDisplay}>\n <TextEndTruncated>{name}</TextEndTruncated>\n {badge}\n </Text>\n )}\n {isEditable && isEditing && (\n <input\n type=\"text\"\n value={name}\n onChange={onNameChange}\n onKeyUp={onKeyUp}\n className={styles.field}\n ref={inputRef}\n />\n )}\n </div>\n {isEditable && !isEditing && (\n <div className={styles.editButton}>\n <ButtonIcon size=\"small\" onClick={edit} disabled={isUpdating}>\n <WriteIcon />\n </ButtonIcon>\n {isUpdating && <LoaderCircular size=\"xs\" className={styles.editButtonLoader} />}\n </div>\n )}\n {isEditable && isEditing && (\n <ButtonIcon size=\"small\" onClick={save} type=\"tertiary\" disabled={hasError}>\n <CheckSmallIcon />\n </ButtonIcon>\n )}\n </div>\n\n {message && (\n <Text\n className={classNames(styles.additionalInfo, hasError && styles.hasError)}\n size={12}\n color=\"T6\"\n tagName=\"div\"\n >\n {message}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["TemplatesTreeMenuHeader","_ref","badge","button","entityName","isEditable","onSave","getValidation","isUpdating","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","name","setName","inputRef","useRef","edit","useCallback","onNameChange","e","value","target","_useMemo","useMemo","message","hasError","save","onKeyUp","event","key","useEffect","_inputRef$current","current","focus","_jsxs","className","styles","root","children","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"~~63IAkCaA~~,IAAAA,EAA0B,SAQHC,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAASL,GAAc,IAAGY,EAAAL,EAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,EAAyB,MAEpCC,EAAOC,GAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,GAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,GAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,GAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,GACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,GAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,GAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,KAAKD,SAAA,CACzBxC,EACDoC,EAAA,MAAA,CACEC,UAAWK,EACTJ,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOK,SACpCjC,GAAaR,GAAcoC,EAAOM,QAClCjB,GAAYW,EAAOX,UAErBkB,QAAS3B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,EAACU,EAAI,CAACC,KAAM,GAAIV,UAAWC,EAAOU,YAAYR,SAAA,CAC5CS,EAACC,EAAgB,CAAAV,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbuC,EAAA,QAAA,CACEE,KAAK,OACL7B,MAAOR,EACPsC,SAAUhC,EACVS,QAASA,EACTQ,UAAWC,EAAOe,MAClBC,IAAKtC,OAIVd,IAAeQ,GACd0B,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,WAAWf,SAAA,CAChCS,EAACO,EAAU,CAACT,KAAK,QAAQF,QAAS3B,EAAMuC,SAAUpD,EAAWmC,SAC3DS,EAACS,EAAS,MAEXrD,GAAc4C,EAACU,EAAc,CAACZ,KAAK,KAAKV,UAAWC,EAAOsB,sBAG9D1D,GAAcQ,GACbuC,EAACO,EAAU,CAACT,KAAK,QAAQF,QAASjB,EAAMuB,KAAK,WAAWM,SAAU9B,EAASa,SACzES,EAACY,EAAc,SAKpBnC,GACCuB,EAACH,EAAI,CACHT,UAAWK,EAAWJ,EAAOwB,eAAgBnC,GAAYW,EAAOX,UAChEoB,KAAM,GACNgB,MAAM,KACNC,QAAQ,MAAKxB,SAEZd,MAKX"}
1	+ {"version":3,"file":"TemplatesTreeMenuHeader.js","sources":["../../../../src/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n ChangeEventHandler,\n KeyboardEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './TemplatesTreeMenuHeader.scss';\n\nimport { CheckSmallIcon, WriteIcon } from '~/icons';\n\nexport type TemplatesTreeMenuHeaderProps = {\n onSave?: (name: string) => void;\n badge?: ReactNode;\n entityName?: string;\n button?: ReactNode;\n isEditable?: boolean;\n getValidation?: (name: string) => {\n message?: string;\n hasError: boolean;\n };\n isUpdating?: boolean;\n};\n\nexport const TemplatesTreeMenuHeader = ({\n badge,\n button,\n entityName,\n isEditable,\n onSave,\n getValidation,\n isUpdating,\n}: TemplatesTreeMenuHeaderProps) => {\n const [isEditing, setIsEditing] = useState(false);\n const [name, setName] = useState(entityName \|\| '');\n const inputRef = useRef<HTMLInputElement>(null);\n\n const edit = useCallback(() => {\n if (isEditable && !isUpdating) {\n setIsEditing(true);\n }\n }, [isEditable, isUpdating]);\n\n const onNameChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n const { value } = e.target;\n setName(value);\n }, []);\n\n const { message, hasError: validationError } = useMemo(\n () => getValidation?.(name) \|\| { message: '', hasError: false },\n [getValidation, name]\n );\n\n const hasError = validationError && isEditing;\n\n const save = useCallback(() => {\n if (!hasError) {\n setIsEditing(false);\n onSave?.(name);\n }\n }, [hasError, name, onSave]);\n\n const onKeyUp = useCallback<KeyboardEventHandler>(\n event => {\n if (event.key === 'Enter') {\n save();\n }\n },\n [save]\n );\n\n useEffect(() => {\n setIsEditing(false);\n setName(entityName \|\| '');\n }, [entityName]);\n\n useEffect(() => {\n if (isEditing) {\n inputRef.current?.focus();\n }\n }, [isEditing]);\n\n return (\n <div className={styles.root}>\n <div className={styles.info}>\n {button}\n <div\n className={classNames(\n styles.name,\n isEditable && !isUpdating && styles.editable,\n isEditing && isEditable && styles.editing,\n hasError && styles.hasError\n )}\n onClick={edit}\n >\n {(!isEditable \|\| !isEditing) && (\n <Text size={16} className={styles.nameDisplay}>\n <TextEndTruncated>{name}</TextEndTruncated>\n {badge}\n </Text>\n )}\n {isEditable && isEditing && (\n <input\n type=\"text\"\n value={name}\n onChange={onNameChange}\n onKeyUp={onKeyUp}\n className={styles.field}\n ref={inputRef}\n />\n )}\n </div>\n {isEditable && !isEditing && (\n <div className={styles.editButton}>\n <ButtonIcon size=\"small\" onClick={edit} disabled={isUpdating}>\n <WriteIcon />\n </ButtonIcon>\n {isUpdating && <LoaderCircular size=\"xs\" className={styles.editButtonLoader} />}\n </div>\n )}\n {isEditable && isEditing && (\n <ButtonIcon size=\"small\" onClick={save} type=\"tertiary\" disabled={hasError}>\n <CheckSmallIcon />\n </ButtonIcon>\n )}\n </div>\n\n {message && (\n <Text\n className={classNames(styles.additionalInfo, hasError && styles.hasError)}\n size={12}\n color=\"T6\"\n tagName=\"div\"\n >\n {message}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["TemplatesTreeMenuHeader","_ref","badge","button","entityName","isEditable","onSave","getValidation","isUpdating","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","name","setName","inputRef","useRef","edit","useCallback","onNameChange","e","value","target","_useMemo","useMemo","message","hasError","save","onKeyUp","event","key","useEffect","_inputRef$current","current","focus","_jsxs","className","styles","root","children","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"6+IAkCaA,IAAAA,EAA0B,SAQHC,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAASL,GAAc,IAAGY,EAAAL,EAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,EAAyB,MAEpCC,EAAOC,GAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,GAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,GAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,GAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,GACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,GAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,GAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,KAAKD,SAAA,CACzBxC,EACDoC,EAAA,MAAA,CACEC,UAAWK,EACTJ,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOK,SACpCjC,GAAaR,GAAcoC,EAAOM,QAClCjB,GAAYW,EAAOX,UAErBkB,QAAS3B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,EAACU,EAAI,CAACC,KAAM,GAAIV,UAAWC,EAAOU,YAAYR,SAAA,CAC5CS,EAACC,EAAgB,CAAAV,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbuC,EAAA,QAAA,CACEE,KAAK,OACL7B,MAAOR,EACPsC,SAAUhC,EACVS,QAASA,EACTQ,UAAWC,EAAOe,MAClBC,IAAKtC,OAIVd,IAAeQ,GACd0B,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,WAAWf,SAAA,CAChCS,EAACO,EAAU,CAACT,KAAK,QAAQF,QAAS3B,EAAMuC,SAAUpD,EAAWmC,SAC3DS,EAACS,EAAS,MAEXrD,GAAc4C,EAACU,EAAc,CAACZ,KAAK,KAAKV,UAAWC,EAAOsB,sBAG9D1D,GAAcQ,GACbuC,EAACO,EAAU,CAACT,KAAK,QAAQF,QAASjB,EAAMuB,KAAK,WAAWM,SAAU9B,EAASa,SACzES,EAACY,EAAc,SAKpBnC,GACCuB,EAACH,EAAI,CACHT,UAAWK,EAAWJ,EAAOwB,eAAgBnC,GAAYW,EAAOX,UAChEoB,KAAM,GACNgB,MAAM,KACNC,QAAQ,MAAKxB,SAEZd,MAKX"}

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

@@ -1,2 +1,2 @@
-import o from"classnames";import{forwardRef as s}from"react";import{Text as c}from"../../Text/Text.js";import{TextEndTruncated as i}from"../../TextEndTruncated/TextEndTruncated.js";import{ButtonIcon as n}from"../../ButtonIcon/ButtonIcon.js";import t from"./TemplatesTreeNodeItem.scss.js";import{MoreIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=s((function(s,p){var u=s.content,I=s.isActive,j=s.onClick,l=s.level,a=s.additionalContent,d=s.statusIcons,C=s.iconComponent,h=s.isSelected,F=s.onMenuClick,v=s.iconColor,O=void 0===v?"#FFFFFF":v,T=s.isMenuOpen;return r("div",{ref:p,className:o(t.root,h&&t.selected,I&&t.active,T&&t.menuOpen),style:{"--TreeNodeItem-level":l},onClick:j,children:[e(C,{className:t.icon,color:O}),r(c,{size:14,className:t.title,color:"inherit",children:[e(i,{children:u}),a&&e(c,{size:12,color:"T7",children:e(i,{children:a})})]}),d,F&&e(n,{size:"xs",className:t.menuToggle,onClick:F,type:T?"tertiaryBg":"tertiary",children:e(m,{})})]})}));export{p as TemplatesTreeNodeItem};
+import o from"classnames";import{forwardRef as s}from"react";import{Text as c}from"../../Text/Text.js";import{TextEndTruncated as i}from"../../TextEndTruncated/TextEndTruncated.js";import{ButtonIcon as n}from"../../ButtonIcon/ButtonIcon.js";import t from"./TemplatesTreeNodeItem.scss.js";import{MoreIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=s((function(s,p){var u=s.content,I=s.isActive,j=s.onClick,l=s.level,a=s.additionalContent,d=s.statusIcons,C=s.iconComponent,F=s.isSelected,h=s.onMenuClick,v=s.iconColor,O=void 0===v?"#FFFFFF":v,T=s.isMenuOpen;return r("div",{ref:p,className:o(t.root,F&&t.selected,I&&t.active,T&&t.menuOpen),style:{"--TreeNodeItem-level":l},onClick:j,children:[e(C,{className:t.icon,color:O}),r(c,{size:14,className:t.title,color:"inherit",children:[e(i,{children:u}),a&&e(c,{size:12,color:"T7",children:e(i,{children:a})})]}),d,h&&e(n,{size:"xs",className:t.menuToggle,onClick:h,type:T?"tertiaryBg":"tertiary",children:e(m,{})})]})}));export{p as TemplatesTreeNodeItem};
 //# sourceMappingURL=TemplatesTreeNodeItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplatesTreeNodeItem.js","sources":["../../../../src/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ComponentType, CSSProperties, forwardRef, MouseEventHandler, ReactNode } from 'react';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { ButtonIcon } from '../../ButtonIcon';\n\nimport styles from './TemplatesTreeNodeItem.scss';\n\nimport { MoreIcon } from '~/icons';\n\nexport type TemplatesTreeNodeItemProps = {\n content: ReactNode;\n iconComponent: ComponentType<{ className?: string; color?: string }>;\n iconColor?: string;\n onClick?: MouseEventHandler;\n onMenuClick?: MouseEventHandler;\n additionalContent?: ReactNode;\n statusIcons?: ReactNode;\n isSelected?: boolean;\n isActive?: boolean;\n level?: number;\n isMenuOpen?: boolean;\n};\n\nexport const TemplatesTreeNodeItem = forwardRef<HTMLDivElement, TemplatesTreeNodeItemProps>(\n (\n {\n content,\n isActive,\n onClick,\n level,\n additionalContent,\n statusIcons,\n iconComponent: IconComponent,\n isSelected,\n onMenuClick,\n iconColor = '#FFFFFF',\n isMenuOpen,\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={classNames(\n styles.root,\n isSelected && styles.selected,\n isActive && styles.active,\n isMenuOpen && styles.menuOpen\n )}\n style={{ '--TreeNodeItem-level': level } as CSSProperties}\n onClick={onClick}\n >\n <IconComponent className={styles.icon} color={iconColor} />\n\n <Text size={14} className={styles.title} color=\"inherit\">\n <TextEndTruncated>{content}</TextEndTruncated>\n {additionalContent && (\n <Text size={12} color=\"T7\">\n <TextEndTruncated>{additionalContent}</TextEndTruncated>\n </Text>\n )}\n </Text>\n\n {statusIcons}\n\n {onMenuClick && (\n <ButtonIcon\n size=\"xs\"\n className={styles.menuToggle}\n onClick={onMenuClick}\n type={isMenuOpen ? 'tertiaryBg' : 'tertiary'}\n >\n <MoreIcon />\n </ButtonIcon>\n )}\n </div>\n );\n }\n);\n"],"names":["TemplatesTreeNodeItem","forwardRef","_ref","ref","content","isActive","onClick","level","additionalContent","statusIcons","IconComponent","iconComponent","isSelected","onMenuClick","_ref$iconColor","iconColor","isMenuOpen","_jsxs","className","classNames","styles","root","selected","active","menuOpen","style","children","_jsx","icon","color","Text","size","title","TextEndTruncated","ButtonIcon","menuToggle","type","MoreIcon"],"mappings":"~~urIAyBaA~~,EAAwBC,GACnC,SAAAC,EAcEC,GACG,IAbDC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,kBACAC,IAAAA,YACeC,IAAfC,cACAC,IAAAA,WACAC,IAAAA,YAAWC,EAAAZ,EACXa,UAAAA,aAAY,UAASD,EACrBE,IAAAA,WAIF,OACEC,EAAA,MAAA,CACEd,IAAKA,EACLe,UAAWC,EACTC,EAAOC,KACPT,GAAcQ,EAAOE,SACrBjB,GAAYe,EAAOG,OACnBP,GAAcI,EAAOI,UAEvBC,MAAO,CAAE,uBAAwBlB,GACjCD,QAASA,EAAQoB,SAAA,CAEjBC,EAACjB,EAAa,CAACQ,UAAWE,EAAOQ,KAAMC,MAAOd,IAE9CE,EAACa,EAAI,CAACC,KAAM,GAAIb,UAAWE,EAAOY,MAAOH,MAAM,UAASH,SAAA,CACtDC,EAACM,EAAgB,CAAAP,SAAEtB,IAClBI,GACCmB,EAACG,EAAI,CAACC,KAAM,GAAIF,MAAM,KAAIH,SACxBC,EAACM,EAAgB,CAAAP,SAAElB,SAKxBC,EAEAI,GACCc,EAACO,EAAU,CACTH,KAAK,KACLb,UAAWE,EAAOe,WAClB7B,QAASO,EACTuB,KAAMpB,EAAa,aAAe,WAAWU,SAE7CC,EAACU,EAAQ,QAKnB"}
1	+ {"version":3,"file":"TemplatesTreeNodeItem.js","sources":["../../../../src/componentsV2/TemplatesControl/TemplatesTreeNodeItem/TemplatesTreeNodeItem.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ComponentType, CSSProperties, forwardRef, MouseEventHandler, ReactNode } from 'react';\n\nimport { Text } from '../../Text';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { ButtonIcon } from '../../ButtonIcon';\n\nimport styles from './TemplatesTreeNodeItem.scss';\n\nimport { MoreIcon } from '~/icons';\n\nexport type TemplatesTreeNodeItemProps = {\n content: ReactNode;\n iconComponent: ComponentType<{ className?: string; color?: string }>;\n iconColor?: string;\n onClick?: MouseEventHandler;\n onMenuClick?: MouseEventHandler;\n additionalContent?: ReactNode;\n statusIcons?: ReactNode;\n isSelected?: boolean;\n isActive?: boolean;\n level?: number;\n isMenuOpen?: boolean;\n};\n\nexport const TemplatesTreeNodeItem = forwardRef<HTMLDivElement, TemplatesTreeNodeItemProps>(\n (\n {\n content,\n isActive,\n onClick,\n level,\n additionalContent,\n statusIcons,\n iconComponent: IconComponent,\n isSelected,\n onMenuClick,\n iconColor = '#FFFFFF',\n isMenuOpen,\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n className={classNames(\n styles.root,\n isSelected && styles.selected,\n isActive && styles.active,\n isMenuOpen && styles.menuOpen\n )}\n style={{ '--TreeNodeItem-level': level } as CSSProperties}\n onClick={onClick}\n >\n <IconComponent className={styles.icon} color={iconColor} />\n\n <Text size={14} className={styles.title} color=\"inherit\">\n <TextEndTruncated>{content}</TextEndTruncated>\n {additionalContent && (\n <Text size={12} color=\"T7\">\n <TextEndTruncated>{additionalContent}</TextEndTruncated>\n </Text>\n )}\n </Text>\n\n {statusIcons}\n\n {onMenuClick && (\n <ButtonIcon\n size=\"xs\"\n className={styles.menuToggle}\n onClick={onMenuClick}\n type={isMenuOpen ? 'tertiaryBg' : 'tertiary'}\n >\n <MoreIcon />\n </ButtonIcon>\n )}\n </div>\n );\n }\n);\n"],"names":["TemplatesTreeNodeItem","forwardRef","_ref","ref","content","isActive","onClick","level","additionalContent","statusIcons","IconComponent","iconComponent","isSelected","onMenuClick","_ref$iconColor","iconColor","isMenuOpen","_jsxs","className","classNames","styles","root","selected","active","menuOpen","style","children","_jsx","icon","color","Text","size","title","TextEndTruncated","ButtonIcon","menuToggle","type","MoreIcon"],"mappings":"uyIAyBaA,EAAwBC,GACnC,SAAAC,EAcEC,GACG,IAbDC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,kBACAC,IAAAA,YACeC,IAAfC,cACAC,IAAAA,WACAC,IAAAA,YAAWC,EAAAZ,EACXa,UAAAA,aAAY,UAASD,EACrBE,IAAAA,WAIF,OACEC,EAAA,MAAA,CACEd,IAAKA,EACLe,UAAWC,EACTC,EAAOC,KACPT,GAAcQ,EAAOE,SACrBjB,GAAYe,EAAOG,OACnBP,GAAcI,EAAOI,UAEvBC,MAAO,CAAE,uBAAwBlB,GACjCD,QAASA,EAAQoB,SAAA,CAEjBC,EAACjB,EAAa,CAACQ,UAAWE,EAAOQ,KAAMC,MAAOd,IAE9CE,EAACa,EAAI,CAACC,KAAM,GAAIb,UAAWE,EAAOY,MAAOH,MAAM,UAASH,SAAA,CACtDC,EAACM,EAAgB,CAAAP,SAAEtB,IAClBI,GACCmB,EAACG,EAAI,CAACC,KAAM,GAAIF,MAAM,KAAIH,SACxBC,EAACM,EAAgB,CAAAP,SAAElB,SAKxBC,EAEAI,GACCc,EAACO,EAAU,CACTH,KAAK,KACLb,UAAWE,EAAOe,WAClB7B,QAASO,EACTuB,KAAMpB,EAAa,aAAe,WAAWU,SAE7CC,EAACU,EAAQ,QAKnB"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as n,useState as t,useRef as i,useCallback as c,useMemo as e,Fragment as r}from"react";import m from"classnames";import{Button as p}from"../../Button/Button.js";import{storeApi as a}from"../Store/Store.js";import"../Store/utils.js";import{Menu as u}from"../../Menu/Menu.js";import{Text as l}from"../../Text/Text.js";import{useTemplateActions as j}from"../templateMenuItems/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{CORVA_COMPANY_ID as d}from"../../../constants/corvaCompanyId.js";import"lodash";import"../../../components/GradientManager/configuration/constants.js";import{ToggleDisplayDefault as I}from"../ToggleDisplayDefault/ToggleDisplayDefault.js";import{ButtonIcon as h}from"../../ButtonIcon/ButtonIcon.js";import{Skeleton as f}from"../../Skeleton/Skeleton.js";import{UnsavedChangesBadge as C}from"../UnsavedChangesBadge/UnsavedChangesBadge.js";import b from"./Toggle.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../utils/index.js";import"uuid";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../constants/streamSourceType.js";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as v}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import{useCombineRefs as g}from"../../../effects/useCombineRefs.js";import{DownIcon as O}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as y,jsxs as P,Fragment as T}from"react/jsx-runtime";function M(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function S(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var A=function(o,s){return o.shared?"Shared":o.isPreset?"Corva":o.published?(null==s?void 0:s.company_id)!==d?null==s?void 0:s.company_name:"Company":"Your Own"},k=n((function(o,s){var n=o.testId,t=o.className,i=o.disabled,c=o.templateIcon,e=o.onMouseLeave,r=o.onMouseEnter,a=o.onClick,u=o.children,l=o.isPopoverOpen;return y(p,{disabled:i,size:"small",className:m(b.button,t),type:"chartColored",testId:n,onClick:a,prefix:c,onMouseEnter:r,onMouseLeave:e,suffix:y(O,{className:m(b.chevron,l&&b.chevronOpen)}),ref:s,children:u||y(I,{})})})),D=n((function(o,s){var n=o.testId,t=o.className,i=o.disabled,c=o.templateIcon,e=o.onMouseLeave,r=o.onMouseEnter,p=o.onClick,u=a.useSelectedTemplate,l=a.useHasUnsavedChanges,j=a.useIsInitialized,d=u(),I=l(null==d?void 0:d.id),v=j();return y(h,{disabled:i,size:"small",className:m(b.buttonIcon,t),testId:n,onClick:p,onMouseEnter:r,onMouseLeave:e,ref:s,children:v?P("div",{className:b.buttonIconInner,children:[c,I&&y(C,{className:b.unsavedChangesUltraCompact,size:16})]}):y(f,{type:"circle",width:20,height:20})})})),F=["CopyTemplate","PublishTemplate","RevertTemplate","RemoveTemplate"],x=n((function(n,m){var p=n.testId,d=n.className,I=n.disabled,h=n.children,f=n.layout,O=void 0===f?"full":f,M=a.useOpenPopover,x=a.useIsPopoverOpen,E=a.useSelectedTemplate,N=a.useIsInitialized,w=a.useTemplateIcon,z=a.useTemplateIconColor,B=a.useHasUnsavedChanges,U=M(),L=x(),R=E(),G=N(),q=z(R),H=w(R),W=B(null==R?void 0:R.id),Y=v().currentUser,_=t(!1),K=s(_,2),Z=K[0],J=K[1],Q=i(),V=i(),X=i(null),$=c((function(){clearTimeout(Q.current),clearTimeout(V.current)}),[]),oo=c((function(){$(),J(!0)}),[$]),so=c((function(){$(),Q.current=setTimeout((function(){$(),J(!0)}),300)}),[$]),no=c((function(){$(),V.current=setTimeout((function(){J(!1)}),500)}),[$]),to=g(m,X),io=j(R),co=e((function(){return io.reduce((function(s,n){return S(S({},s),{},o({},n.id,n))}),{})}),[io]);return P(T,{children:[y("full"===O?k:D,{disabled:I,className:d,testId:p,ref:to,onClick:U,templateIcon:G&&R?y(H,{color:q,size:20}):void 0,isPopoverOpen:L,onMouseEnter:so,onMouseLeave:no,children:h}),R&&!I&&P(u,{open:Z&&!L,anchorEl:X.current,backdrop:!1,onMouseEnter:oo,onMouseLeave:no,className:b.menu,children:[P("div",{className:b.menuHeader,children:[P(l,{size:12,tagName:"div",children:[W&&P(T,{children:[y(C,{})," Modifying"," "]}),A(R,Y)," Template"]}),y(l,{size:12,color:"T6",className:b.menuSubTitle,children:"Your template updates according to your changes"})]}),F.map((function(o,s){var n=(co[o]||{}).Component;return n?P(r,{children:[s>0&&y(u.Divider,{}),y(n,{template:R})]},o):null}))]})]})}));export{x as Toggle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as n,useState as t,useRef as i,useCallback as c,useMemo as e,Fragment as r}from"react";import m from"classnames";import{Button as p}from"../../Button/Button.js";import{storeApi as a}from"../Store/Store.js";import"../Store/utils.js";import{Menu as u}from"../../Menu/Menu.js";import{Text as l}from"../../Text/Text.js";import{useTemplateActions as j}from"../templateMenuItems/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{CORVA_COMPANY_ID as d}from"../../../constants/corvaCompanyId.js";import"lodash";import"../../../components/GradientManager/configuration/constants.js";import{ToggleDisplayDefault as I}from"../ToggleDisplayDefault/ToggleDisplayDefault.js";import{ButtonIcon as h}from"../../ButtonIcon/ButtonIcon.js";import{Skeleton as f}from"../../Skeleton/Skeleton.js";import{UnsavedChangesBadge as C}from"../UnsavedChangesBadge/UnsavedChangesBadge.js";import b from"./Toggle.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../utils/index.js";import"uuid";import"jsona";import"../../../utils/env.js";import"../../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../constants/streamSourceType.js";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as v}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import{useCombineRefs as g}from"../../../effects/useCombineRefs.js";import{DownIcon as O}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as y,jsxs as P,Fragment as T}from"react/jsx-runtime";function M(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function S(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var A=function(o,s){return o.shared?"Shared":o.isPreset?"Corva":o.published?(null==s?void 0:s.company_id)!==d?null==s?void 0:s.company_name:"Company":"Your Own"},F=n((function(o,s){var n=o.testId,t=o.className,i=o.disabled,c=o.templateIcon,e=o.onMouseLeave,r=o.onMouseEnter,a=o.onClick,u=o.children,l=o.isPopoverOpen;return y(p,{disabled:i,size:"small",className:m(b.button,t),type:"chartColored",testId:n,onClick:a,prefix:c,onMouseEnter:r,onMouseLeave:e,suffix:y(O,{className:m(b.chevron,l&&b.chevronOpen)}),ref:s,children:u||y(I,{})})})),k=n((function(o,s){var n=o.testId,t=o.className,i=o.disabled,c=o.templateIcon,e=o.onMouseLeave,r=o.onMouseEnter,p=o.onClick,u=a.useSelectedTemplate,l=a.useHasUnsavedChanges,j=a.useIsInitialized,d=u(),I=l(null==d?void 0:d.id),v=j();return y(h,{disabled:i,size:"small",className:m(b.buttonIcon,t),testId:n,onClick:p,onMouseEnter:r,onMouseLeave:e,ref:s,children:v?P("div",{className:b.buttonIconInner,children:[c,I&&y(C,{className:b.unsavedChangesUltraCompact,size:16})]}):y(f,{type:"circle",width:20,height:20})})})),D=["CopyTemplate","PublishTemplate","RevertTemplate","RemoveTemplate"],x=n((function(n,m){var p=n.testId,d=n.className,I=n.disabled,h=n.children,f=n.layout,O=void 0===f?"full":f,M=a.useOpenPopover,x=a.useIsPopoverOpen,E=a.useSelectedTemplate,N=a.useIsInitialized,w=a.useTemplateIcon,z=a.useTemplateIconColor,B=a.useHasUnsavedChanges,U=M(),L=x(),R=E(),G=N(),q=z(R),H=w(R),W=B(null==R?void 0:R.id),Y=v().currentUser,_=t(!1),K=s(_,2),Z=K[0],J=K[1],Q=i(),V=i(),X=i(null),$=c((function(){clearTimeout(Q.current),clearTimeout(V.current)}),[]),oo=c((function(){$(),J(!0)}),[$]),so=c((function(){$(),Q.current=setTimeout((function(){$(),J(!0)}),300)}),[$]),no=c((function(){$(),V.current=setTimeout((function(){J(!1)}),500)}),[$]),to=g(m,X),io=j(R),co=e((function(){return io.reduce((function(s,n){return S(S({},s),{},o({},n.id,n))}),{})}),[io]);return P(T,{children:[y("full"===O?F:k,{disabled:I,className:d,testId:p,ref:to,onClick:U,templateIcon:G&&R?y(H,{color:q,size:20}):void 0,isPopoverOpen:L,onMouseEnter:so,onMouseLeave:no,children:h}),R&&!I&&P(u,{open:Z&&!L,anchorEl:X.current,backdrop:!1,onMouseEnter:oo,onMouseLeave:no,className:b.menu,children:[P("div",{className:b.menuHeader,children:[P(l,{size:12,tagName:"div",children:[W&&P(T,{children:[y(C,{})," Modifying"," "]}),A(R,Y)," Template"]}),y(l,{size:12,color:"T6",className:b.menuSubTitle,children:"Your template updates according to your changes"})]}),D.map((function(o,s){var n=(co[o]||{}).Component;return n?P(r,{children:[s>0&&y(u.Divider,{}),y(n,{template:R})]},o):null}))]})]})}));export{x as Toggle};
 //# sourceMappingURL=Toggle.js.map