npm - @corva/ui - Versions diffs - 3.75.0-9 → 3.75.0-rc.0 - Mend

@corva/ui 3.75.0-9 → 3.75.0-rc.0

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

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

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

package/componentsV2/TemplatesControl/Popover/Popover.d.ts.map CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as c,useMemo as i,useEffect as n}from"react";import{debounce as t}from"lodash";import{TextInput as 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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";var j=function(){var j=(0,r.useSetSearchString)(),I=s(""),a=o(I,2),l=a[0],d=a[1],h=c((function(){d(""),j("")}),[j]),C=i((function(){return t(j,200)}),[j]),b=c((function(o){d(o),C(o)}),[C]);return n((function(){j(""),d("")}),[j]),p("div",{className:e.root,children:p(m,{value:l,onChange:b,placeholder:"Search Template",prefix:p(u,{}),spacing:"dense",type:"search",onClear:h})})};export{j as PopoverSearch};
 //# sourceMappingURL=PopoverSearch.js.map

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

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

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

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

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

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

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 i from"@babel/runtime/helpers/defineProperty";import t 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"../../AppPanel/AppPanelsContext.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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}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){i(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,i=o.page,t=o.perPage;return f(S(S({},x),{},{companyId:s,page:i,perPage:t,search:n}))},D=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},M=function(i){var A=i.onClose,M=i.template,w=i.open,E=i.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]),io=e((function(o){return X((function(n){return[].concat(s(n),[o]).toSorted(D)}))}),[]),to=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(t.mark((function o(){var s;return t.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:to,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:io})]},o.id)})),v("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&v(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&v(d,{size:60})]})]})})};export{M as ShareModal};
 //# sourceMappingURL=ShareModal.js.map

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

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

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/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as 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,O=e.useDefaultTemplateIcon,b=e.useDefaultTemplateIconColor,P=F(),T=v(),A=O(),M=b(),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||A,iconColor:z||M})}),[A,M,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:P.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(T).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