@corva/ui 3.75.0-10 → 3.75.0-11

package/cjs-bundle/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoveToFolderMenu.js","sources":["../../../../../src/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.tsx"],"sourcesContent":["import { KeyboardEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport { Menu } from '../../Menu';\nimport { Button } from '../../Button';\nimport { Text } from '../../Text';\nimport { storeApi } from '../Store';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { getTemplateFolder } from '../utils';\nimport { TextInput } from '../../TextInput';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Tooltip } from '../../Tooltip';\nimport { FolderOpenIcon, LeftIcon, PlusIcon } from '../../../icons';\nimport { Template } from '../types';\n\nimport styles from './MoveToFolderMenu.scss';\n\nconst DefaultFolderName = 'New Folder';\n\nexport type MoveToFolderMenuProps = {\n  open: boolean;\n  onClose: () => void;\n  closeParent: () => void;\n  anchorEl: HTMLElement | null;\n  template?: Template;\n};\n\nexport const MoveToFolderMenu = ({\n  open,\n  onClose,\n  anchorEl,\n  template,\n  closeParent,\n}: MoveToFolderMenuProps) => {\n  const { useFolders, useMoveToFolder } = storeApi;\n  const folders = useFolders();\n  const moveToFolder = useMoveToFolder();\n\n  const [isCreateFolder, setIsCreateFolder] = useState(false);\n  const [newFolderName, setNewFolderName] = useState(DefaultFolderName);\n\n  const toggleCreateFolder = useCallback(() => setIsCreateFolder(value => !value), []);\n\n  const errorMessage = newFolderName.trim().length === 0 ? 'Folder must have a name' : undefined;\n\n  const updateFolder = useCallback(\n    (folderName?: string) => {\n      onClose();\n      closeParent();\n      moveToFolder(template?.id, folderName);\n    },\n    [closeParent, moveToFolder, onClose, template?.id]\n  );\n\n  const createNewFolder = useCallback(() => {\n    updateFolder(newFolderName);\n  }, [newFolderName, updateFolder]);\n\n  const onKeyUp = useCallback<KeyboardEventHandler>(\n    event => {\n      if (event.key === 'Enter') {\n        createNewFolder();\n      }\n    },\n    [createNewFolder]\n  );\n\n  useEffect(() => {\n    if (isCreateFolder) {\n      setNewFolderName(DefaultFolderName);\n    }\n  }, [isCreateFolder]);\n\n  useEffect(() => {\n    if (open) {\n      setIsCreateFolder(false);\n      setNewFolderName(DefaultFolderName);\n    }\n  }, [open]);\n\n  return (\n    <Menu\n      open={open}\n      onClose={onClose}\n      anchorEl={anchorEl}\n      placement=\"right-start\"\n      className={styles.root}\n    >\n      <Text className={styles.header} size={16} color=\"T6\" tagName=\"div\">\n        {isCreateFolder ? (\n          <>\n            <Tooltip title=\"Back\">\n              <ButtonIcon onClick={toggleCreateFolder} size=\"small\">\n                <LeftIcon />\n              </ButtonIcon>\n            </Tooltip>\n            Create new Folder\n          </>\n        ) : (\n          'Select a folder or create new'\n        )}\n      </Text>\n      {isCreateFolder ? (\n        <TextInput\n          label=\"New Folder Name\"\n          value={newFolderName}\n          onChange={setNewFolderName}\n          autoFocus\n          onKeyUp={onKeyUp}\n          status={errorMessage ? 'error' : undefined}\n          message={errorMessage}\n        />\n      ) : (\n        folders.map(\n          ({ id, items, name }) =>\n            name !== getTemplateFolder(template) && (\n              <Menu.Item\n                key={id}\n                size=\"large\"\n                prefix={<FolderOpenIcon />}\n                onClick={() => updateFolder(name)}\n              >\n                <TextEndTruncated>{name}</TextEndTruncated>\n                <Text size={12} color=\"T7\" tagName=\"div\">\n                  {items.length > 1 ? `${items.length} items` : '1 item'}\n                </Text>\n              </Menu.Item>\n            )\n        )\n      )}\n      <div className={styles.footer}>\n        {isCreateFolder ? (\n          <Button type=\"chart\" size=\"small\" onClick={createNewFolder} disabled={!!errorMessage}>\n            Move to New Folder\n          </Button>\n        ) : (\n          <Button type=\"chart\" prefix={<PlusIcon />} size=\"small\" onClick={toggleCreateFolder}>\n            Create New\n          </Button>\n        )}\n      </div>\n    </Menu>\n  );\n};\n"],"names":["_ref","open","onClose","anchorEl","template","closeParent","useFolders","storeApi","useMoveToFolder","folders","moveToFolder","useState","_useState2","_slicedToArray","_useState","isCreateFolder","setIsCreateFolder","_useState4","_useState3","newFolderName","setNewFolderName","toggleCreateFolder","useCallback","value","errorMessage","trim","length","undefined","updateFolder","folderName","id","createNewFolder","onKeyUp","event","key","useEffect","_jsxs","Menu","placement","className","styles","root","children","_jsx","Text","header","size","color","tagName","jsxs","_Fragment","Tooltip","title","ButtonIcon","onClick","LeftIcon","jsx","TextInput","label","onChange","autoFocus","status","message","map","_ref2","items","name","getTemplateFolder","Item","prefix","FolderOpenIcon","TextEndTruncated","footer","Button","type","disabled","PlusIcon"],"mappings":"6tJA0BgC,SAMHA,GAAA,IAL3BC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YAEQC,EAAgCC,EAAAA,SAAhCD,WAAYE,EAAoBD,EAAQA,SAA5BC,gBACdC,EAAUH,IACVI,EAAeF,IAEuBG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAAQA,SAtB1B,cAsB6CM,EAAAJ,EAAAA,QAAAK,EAAA,GAA9DC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAAqBC,EAAAA,aAAY,WAAA,OAAMN,GAAkB,SAAAO,GAAK,OAAKA,IAAM,GAAE,IAE3EC,EAA+C,IAAhCL,EAAcM,OAAOC,OAAe,+BAA4BC,EAE/EC,EAAeN,eACnB,SAACO,GACC3B,IACAG,IACAK,EAAaN,aAAQ,EAARA,EAAU0B,GAAID,EAC5B,GACD,CAACxB,EAAaK,EAAcR,EAASE,aAAAA,EAAAA,EAAU0B,KAG3CC,EAAkBT,EAAAA,aAAY,WAClCM,EAAaT,EACf,GAAG,CAACA,EAAeS,IAEbI,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAgBH,OAbAI,EAAAA,WAAU,WACJpB,GACFK,EApDoB,aAsDxB,GAAG,CAACL,IAEJoB,EAAAA,WAAU,WACJlC,IACFe,GAAkB,GAClBI,EA3DoB,cA6DxB,GAAG,CAACnB,IAGFmC,EAAAA,KAACC,EAAAA,KAAI,CACHpC,KAAMA,EACNC,QAASA,EACTC,SAAUA,EACVmC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,MAACC,OAAI,CAACL,UAAWC,EAAOK,OAAQC,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SAC/D3B,EACCqB,EAAAa,KAAAC,WAAA,CAAAR,SAAA,CACEC,MAACQ,UAAO,CAACC,MAAM,OAAMV,SACnBC,MAACU,aAAU,CAACC,QAASjC,EAAoByB,KAAK,QAAOJ,SACnDC,EAAAA,IAACY,EAAQA,SAAA,QAEH,uBAIZ,kCAGHxC,EACC4B,EAAAa,IAACC,YAAS,CACRC,MAAM,kBACNnC,MAAOJ,EACPwC,SAAUvC,EACVwC,WAAS,EACT5B,QAASA,EACT6B,OAAQrC,EAAe,aAAUG,EACjCmC,QAAStC,IAGXf,EAAQsD,KACN,SAAAC,GAAA,IAAGlC,IAAAA,GAAImC,IAAAA,MAAOC,IAAAA,KAAI,OAChBA,IAASC,EAAAA,kBAAkB/D,IACzBgC,EAAAa,KAACZ,EAAIA,KAAC+B,KAAI,CAERtB,KAAK,QACLuB,OAAQ1B,EAAAA,IAAC2B,EAAcA,eAAI,IAC3BhB,QAAS,WAAA,OAAM1B,EAAasC,EAAM,EAAAxB,SAAA,CAElCC,MAAC4B,mBAAgB,CAAA7B,SAAEwB,IACnBvB,MAACC,OAAI,CAACE,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SACrCuB,EAAMvC,OAAS,EAAOuC,GAAAA,OAAAA,EAAMvC,OAAiB,UAAA,aAP3CI,EAUR,IAGPa,EAAAa,IAAA,MAAA,CAAKjB,UAAWC,EAAOgC,OAAO9B,SAC3B3B,EACC4B,EAAAa,IAACiB,SAAM,CAACC,KAAK,QAAQ5B,KAAK,QAAQQ,QAASvB,EAAiB4C,WAAYnD,EAAakB,SAAA,uBAIrFC,MAAC8B,SAAM,CAACC,KAAK,QAAQL,OAAQ1B,EAAAA,IAACiC,EAAQA,SAAI,IAAC9B,KAAK,QAAQQ,QAASjC,EAAmBqB,SAAA,mBAO9F"}
+{"version":3,"file":"MoveToFolderMenu.js","sources":["../../../../../src/componentsV2/TemplatesControl/MoveToFolderMenu/MoveToFolderMenu.tsx"],"sourcesContent":["import { KeyboardEventHandler, useCallback, useEffect, useState } from 'react';\n\nimport { Menu } from '../../Menu';\nimport { Button } from '../../Button';\nimport { Text } from '../../Text';\nimport { storeApi } from '../Store';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { getTemplateFolder } from '../utils';\nimport { TextInput } from '../../TextInput';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { Tooltip } from '../../Tooltip';\nimport { FolderOpenIcon, LeftIcon, PlusIcon } from '../../../icons';\nimport { Template } from '../types';\n\nimport styles from './MoveToFolderMenu.scss';\n\nconst DefaultFolderName = 'New Folder';\n\nexport type MoveToFolderMenuProps = {\n  open: boolean;\n  onClose: () => void;\n  closeParent: () => void;\n  anchorEl: HTMLElement | null;\n  template?: Template;\n};\n\nexport const MoveToFolderMenu = ({\n  open,\n  onClose,\n  anchorEl,\n  template,\n  closeParent,\n}: MoveToFolderMenuProps) => {\n  const { useFolders, useMoveToFolder } = storeApi;\n  const folders = useFolders();\n  const moveToFolder = useMoveToFolder();\n\n  const [isCreateFolder, setIsCreateFolder] = useState(false);\n  const [newFolderName, setNewFolderName] = useState(DefaultFolderName);\n\n  const toggleCreateFolder = useCallback(() => setIsCreateFolder(value => !value), []);\n\n  const errorMessage = newFolderName.trim().length === 0 ? 'Folder must have a name' : undefined;\n\n  const updateFolder = useCallback(\n    (folderName?: string) => {\n      onClose();\n      closeParent();\n      moveToFolder(template?.id, folderName);\n    },\n    [closeParent, moveToFolder, onClose, template?.id]\n  );\n\n  const createNewFolder = useCallback(() => {\n    updateFolder(newFolderName);\n  }, [newFolderName, updateFolder]);\n\n  const onKeyUp = useCallback<KeyboardEventHandler>(\n    event => {\n      if (event.key === 'Enter') {\n        createNewFolder();\n      }\n    },\n    [createNewFolder]\n  );\n\n  useEffect(() => {\n    if (isCreateFolder) {\n      setNewFolderName(DefaultFolderName);\n    }\n  }, [isCreateFolder]);\n\n  useEffect(() => {\n    if (open) {\n      setIsCreateFolder(false);\n      setNewFolderName(DefaultFolderName);\n    }\n  }, [open]);\n\n  return (\n    <Menu\n      open={open}\n      onClose={onClose}\n      anchorEl={anchorEl}\n      placement=\"right-start\"\n      className={styles.root}\n    >\n      <Text className={styles.header} size={16} color=\"T6\" tagName=\"div\">\n        {isCreateFolder ? (\n          <>\n            <Tooltip title=\"Back\">\n              <ButtonIcon onClick={toggleCreateFolder} size=\"small\">\n                <LeftIcon />\n              </ButtonIcon>\n            </Tooltip>\n            Create new Folder\n          </>\n        ) : (\n          'Select a folder or create new'\n        )}\n      </Text>\n      {isCreateFolder ? (\n        <TextInput\n          label=\"New Folder Name\"\n          value={newFolderName}\n          onChange={setNewFolderName}\n          autoFocus\n          onKeyUp={onKeyUp}\n          status={errorMessage ? 'error' : undefined}\n          message={errorMessage}\n        />\n      ) : (\n        folders.map(\n          ({ id, items, name }) =>\n            name !== getTemplateFolder(template) && (\n              <Menu.Item\n                key={id}\n                size=\"large\"\n                prefix={<FolderOpenIcon />}\n                onClick={() => updateFolder(name)}\n              >\n                <TextEndTruncated>{name}</TextEndTruncated>\n                <Text size={12} color=\"T7\" tagName=\"div\">\n                  {items.length > 1 ? `${items.length} items` : '1 item'}\n                </Text>\n              </Menu.Item>\n            )\n        )\n      )}\n      <div className={styles.footer}>\n        {isCreateFolder ? (\n          <Button type=\"chart\" size=\"small\" onClick={createNewFolder} disabled={!!errorMessage}>\n            Move to New Folder\n          </Button>\n        ) : (\n          <Button type=\"chart\" prefix={<PlusIcon />} size=\"small\" onClick={toggleCreateFolder}>\n            Create New\n          </Button>\n        )}\n      </div>\n    </Menu>\n  );\n};\n"],"names":["_ref","open","onClose","anchorEl","template","closeParent","useFolders","storeApi","useMoveToFolder","folders","moveToFolder","useState","_useState2","_slicedToArray","_useState","isCreateFolder","setIsCreateFolder","_useState4","_useState3","newFolderName","setNewFolderName","toggleCreateFolder","useCallback","value","errorMessage","trim","length","undefined","updateFolder","folderName","id","createNewFolder","onKeyUp","event","key","useEffect","_jsxs","Menu","placement","className","styles","root","children","_jsx","Text","header","size","color","tagName","jsxs","_Fragment","Tooltip","title","ButtonIcon","onClick","LeftIcon","jsx","TextInput","label","onChange","autoFocus","status","message","map","_ref2","items","name","getTemplateFolder","Item","prefix","FolderOpenIcon","TextEndTruncated","footer","Button","type","disabled","PlusIcon"],"mappings":"m1JA0BgC,SAMHA,GAAA,IAL3BC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YAEQC,EAAgCC,EAAAA,SAAhCD,WAAYE,EAAoBD,EAAQA,SAA5BC,gBACdC,EAAUH,IACVI,EAAeF,IAEuBG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAAQA,SAtB1B,cAsB6CM,EAAAJ,EAAAA,QAAAK,EAAA,GAA9DC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAAqBC,EAAAA,aAAY,WAAA,OAAMN,GAAkB,SAAAO,GAAK,OAAKA,IAAM,GAAE,IAE3EC,EAA+C,IAAhCL,EAAcM,OAAOC,OAAe,+BAA4BC,EAE/EC,EAAeN,eACnB,SAACO,GACC3B,IACAG,IACAK,EAAaN,aAAQ,EAARA,EAAU0B,GAAID,EAC5B,GACD,CAACxB,EAAaK,EAAcR,EAASE,aAAAA,EAAAA,EAAU0B,KAG3CC,EAAkBT,EAAAA,aAAY,WAClCM,EAAaT,EACf,GAAG,CAACA,EAAeS,IAEbI,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAgBH,OAbAI,EAAAA,WAAU,WACJpB,GACFK,EApDoB,aAsDxB,GAAG,CAACL,IAEJoB,EAAAA,WAAU,WACJlC,IACFe,GAAkB,GAClBI,EA3DoB,cA6DxB,GAAG,CAACnB,IAGFmC,EAAAA,KAACC,EAAAA,KAAI,CACHpC,KAAMA,EACNC,QAASA,EACTC,SAAUA,EACVmC,UAAU,cACVC,UAAWC,EAAOC,KAAKC,SAAA,CAEvBC,MAACC,OAAI,CAACL,UAAWC,EAAOK,OAAQC,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SAC/D3B,EACCqB,EAAAa,KAAAC,WAAA,CAAAR,SAAA,CACEC,MAACQ,UAAO,CAACC,MAAM,OAAMV,SACnBC,MAACU,aAAU,CAACC,QAASjC,EAAoByB,KAAK,QAAOJ,SACnDC,EAAAA,IAACY,EAAQA,SAAA,QAEH,uBAIZ,kCAGHxC,EACC4B,EAAAa,IAACC,YAAS,CACRC,MAAM,kBACNnC,MAAOJ,EACPwC,SAAUvC,EACVwC,WAAS,EACT5B,QAASA,EACT6B,OAAQrC,EAAe,aAAUG,EACjCmC,QAAStC,IAGXf,EAAQsD,KACN,SAAAC,GAAA,IAAGlC,IAAAA,GAAImC,IAAAA,MAAOC,IAAAA,KAAI,OAChBA,IAASC,EAAAA,kBAAkB/D,IACzBgC,EAAAa,KAACZ,EAAIA,KAAC+B,KAAI,CAERtB,KAAK,QACLuB,OAAQ1B,EAAAA,IAAC2B,EAAcA,eAAI,IAC3BhB,QAAS,WAAA,OAAM1B,EAAasC,EAAM,EAAAxB,SAAA,CAElCC,MAAC4B,mBAAgB,CAAA7B,SAAEwB,IACnBvB,MAACC,OAAI,CAACE,KAAM,GAAIC,MAAM,KAAKC,QAAQ,MAAKN,SACrCuB,EAAMvC,OAAS,EAAOuC,GAAAA,OAAAA,EAAMvC,OAAiB,UAAA,aAP3CI,EAUR,IAGPa,EAAAa,IAAA,MAAA,CAAKjB,UAAWC,EAAOgC,OAAO9B,SAC3B3B,EACC4B,EAAAa,IAACiB,SAAM,CAACC,KAAK,QAAQ5B,KAAK,QAAQQ,QAASvB,EAAiB4C,WAAYnD,EAAakB,SAAA,uBAIrFC,MAAC8B,SAAM,CAACC,KAAK,QAAQL,OAAQ1B,EAAAA,IAACiC,EAAQA,SAAI,IAAC9B,KAAK,QAAQQ,QAASjC,EAAmBqB,SAAA,mBAO9F"}

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

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

package/cjs-bundle/componentsV2/TemplatesControl/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../../src/componentsV2/TemplatesControl/Popover/Popover.tsx"],"sourcesContent":["import { CSSProperties, useMemo, useRef } from 'react';\n\nimport { Popover as CuiPopover, PopoverProps as CuiPopoverProps } from '../../Popover';\nimport { useAppSize } from '../../AppSizeProvider';\nimport { storeApi } from '../Store';\nimport { Text } from '../../Text';\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { AppSettingsTestIds } from '../../AppSettings';\nimport { CloseSmallIcon } from '../../../icons';\nimport { LoaderCircular } from '../../LoaderCircular';\nimport { TemplatesTree } from '../TemplatesTree';\nimport { PopoverSearch } from '../PopoverSearch';\nimport { TemplateMenu } from '../TemplateMenu';\nimport { ConfirmationModal } from '../ConfirmationModal';\nimport { FolderMenu } from '../FolderMenu';\nimport { PopoverFooter } from '../PopoverFooter';\n\nimport styles from './Popover.scss';\n\nexport type PopoverProps = {\n  anchorEl?: HTMLElement;\n  placement?: CuiPopoverProps['placement'];\n  disabled?: boolean;\n};\n\nconst Header = ({ closePopover }: { closePopover: () => void }) => {\n  const { useIsBusy } = storeApi;\n  const isBusy = useIsBusy();\n\n  return (\n    <div className={styles.header}>\n      <Text size={16} weight=\"medium\" className={styles.title}>\n        Templates\n        {isBusy && <LoaderCircular size=\"xs\" />}\n      </Text>\n\n      <Tooltip title=\"Close\">\n        <ButtonIcon\n          testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n          size=\"small\"\n          onClick={closePopover}\n        >\n          <CloseSmallIcon />\n        </ButtonIcon>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport const Popover = ({ anchorEl, placement = 'bottom-start', disabled }: PopoverProps) => {\n  const { height } = useAppSize() || {};\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { useIsPopoverOpen, useClosePopover } = storeApi;\n  const isPopoverOpen = useIsPopoverOpen();\n  const closePopover = useClosePopover();\n\n  const wrapperStyle = useMemo<CSSProperties>(() => ({ height: `${height}px` }), [height]);\n\n  if (!anchorEl) {\n    return null;\n  }\n\n  return (\n    <>\n      <CuiPopover\n        open={isPopoverOpen && !disabled}\n        placement={placement}\n        anchorEl={anchorEl}\n        onClose={closePopover}\n        className={styles.popover}\n        ref={popoverRef}\n      >\n        <div style={wrapperStyle} className={styles.wrapper}>\n          <Header closePopover={closePopover} />\n          <PopoverSearch />\n          <TemplatesTree />\n          <PopoverFooter />\n        </div>\n      </CuiPopover>\n\n      <TemplateMenu />\n\n      <FolderMenu />\n\n      <ConfirmationModal />\n    </>\n  );\n};\n"],"names":["Header","_ref","closePopover","isBusy","useIsBusy","storeApi","_jsxs","className","styles","header","children","Text","size","weight","title","_jsx","LoaderCircular","Tooltip","ButtonIcon","testId","AppSettingsTestIds","CloseSettingsButtonTestId","onClick","CloseSmallIcon","_ref2","anchorEl","_ref2$placement","placement","disabled","height","useAppSize","popoverRef","useRef","useIsPopoverOpen","useClosePopover","isPopoverOpen","wrapperStyle","useMemo","_Fragment","CuiPopover","open","onClose","popover","ref","jsxs","style","wrapper","jsx","PopoverSearch","TemplatesTree","PopoverFooter","TemplateMenu","FolderMenu","ConfirmationModal"],"mappings":"y4JA0BMA,EAAS,SAAoDC,GAAA,IAAjDC,IAAAA,aAEVC,GAASC,EADOC,EAAQA,SAAtBD,aAGR,OACEE,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,OAAOC,SAAA,CAC5BJ,OAACK,OAAI,CAACC,KAAM,GAAIC,OAAO,SAASN,UAAWC,EAAOM,MAAMJ,SAErDP,CAAAA,YAAAA,GAAUY,EAAAA,IAACC,EAAAA,eAAc,CAACJ,KAAK,UAGlCG,MAACE,UAAO,CAACH,MAAM,QAAOJ,SACpBK,MAACG,aAAU,CACTC,OAAQC,EAAkBA,mBAACC,0BAC3BT,KAAK,QACLU,QAASpB,EAAaQ,SAEtBK,EAAAA,IAACQ,EAAcA,eAAA,UAKzB,kBAEuB,SAAsEC,GAAA,IAAnEC,IAAAA,SAAQC,EAAAF,EAAEG,UAAAA,aAAY,eAAcD,EAAEE,IAAAA,SACtDC,GAAWC,EAAUA,cAAM,CAAE,GAA7BD,OACFE,EAAaC,SAAuB,MAElCC,EAAsC5B,EAAAA,SAAtC4B,iBAAkBC,EAAoB7B,EAAQA,SAA5B6B,gBACpBC,EAAgBF,IAChB/B,EAAegC,IAEfE,EAAeC,EAAAA,SAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,EAKHnB,EAAAA,KAAAgC,EAAAA,SAAA,CAAA5B,SAAA,CACEK,MAACwB,UAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,QAASvC,EACTK,UAAWC,EAAOkC,QAClBC,IAAKZ,EAAWrB,SAEhBJ,EAAAsC,KAAA,MAAA,CAAKC,MAAOT,EAAc7B,UAAWC,EAAOsC,QAAQpC,SAAA,CAClDK,MAACf,EAAM,CAACE,aAAcA,IACtBa,EAACgC,IAAAC,gBAAgB,CAAA,GACjBjC,EAACgC,IAAAE,gBAAgB,CAAA,GACjBlC,EAAAA,IAACmC,EAAaA,cAAG,CAAA,QAIrBnC,EAACgC,IAAAI,eAAe,CAAA,GAEhBpC,EAACgC,IAAAK,aAAa,CAAA,GAEdrC,EAAAA,IAACsC,EAAiBA,kBAAG,CAAA,MAzBhB,IA4BX"}
+{"version":3,"file":"Popover.js","sources":["../../../../../src/componentsV2/TemplatesControl/Popover/Popover.tsx"],"sourcesContent":["import { CSSProperties, useMemo, useRef } from 'react';\n\nimport { Popover as CuiPopover, PopoverProps as CuiPopoverProps } from '../../Popover';\nimport { useAppSize } from '../../AppSizeProvider';\nimport { storeApi } from '../Store';\nimport { Text } from '../../Text';\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { AppSettingsTestIds } from '../../AppSettings';\nimport { CloseSmallIcon } from '../../../icons';\nimport { LoaderCircular } from '../../LoaderCircular';\nimport { TemplatesTree } from '../TemplatesTree';\nimport { PopoverSearch } from '../PopoverSearch';\nimport { TemplateMenu } from '../TemplateMenu';\nimport { ConfirmationModal } from '../ConfirmationModal';\nimport { FolderMenu } from '../FolderMenu';\nimport { PopoverFooter } from '../PopoverFooter';\n\nimport styles from './Popover.scss';\n\nexport type PopoverProps = {\n  anchorEl?: HTMLElement;\n  placement?: CuiPopoverProps['placement'];\n  disabled?: boolean;\n};\n\nconst Header = ({ closePopover }: { closePopover: () => void }) => {\n  const { useIsBusy } = storeApi;\n  const isBusy = useIsBusy();\n\n  return (\n    <div className={styles.header}>\n      <Text size={16} weight=\"medium\" className={styles.title}>\n        Templates\n        {isBusy && <LoaderCircular size=\"xs\" />}\n      </Text>\n\n      <Tooltip title=\"Close\">\n        <ButtonIcon\n          testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n          size=\"small\"\n          onClick={closePopover}\n        >\n          <CloseSmallIcon />\n        </ButtonIcon>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport const Popover = ({ anchorEl, placement = 'bottom-start', disabled }: PopoverProps) => {\n  const { height } = useAppSize() || {};\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { useIsPopoverOpen, useClosePopover } = storeApi;\n  const isPopoverOpen = useIsPopoverOpen();\n  const closePopover = useClosePopover();\n\n  const wrapperStyle = useMemo<CSSProperties>(() => ({ height: `${height}px` }), [height]);\n\n  if (!anchorEl) {\n    return null;\n  }\n\n  return (\n    <>\n      <CuiPopover\n        open={isPopoverOpen && !disabled}\n        placement={placement}\n        anchorEl={anchorEl}\n        onClose={closePopover}\n        className={styles.popover}\n        ref={popoverRef}\n      >\n        <div style={wrapperStyle} className={styles.wrapper}>\n          <Header closePopover={closePopover} />\n          <PopoverSearch />\n          <TemplatesTree />\n          <PopoverFooter />\n        </div>\n      </CuiPopover>\n\n      <TemplateMenu />\n\n      <FolderMenu />\n\n      <ConfirmationModal />\n    </>\n  );\n};\n"],"names":["Header","_ref","closePopover","isBusy","useIsBusy","storeApi","_jsxs","className","styles","header","children","Text","size","weight","title","_jsx","LoaderCircular","Tooltip","ButtonIcon","testId","AppSettingsTestIds","CloseSettingsButtonTestId","onClick","CloseSmallIcon","_ref2","anchorEl","_ref2$placement","placement","disabled","height","useAppSize","popoverRef","useRef","useIsPopoverOpen","useClosePopover","isPopoverOpen","wrapperStyle","useMemo","_Fragment","CuiPopover","open","onClose","popover","ref","jsxs","style","wrapper","jsx","PopoverSearch","TemplatesTree","PopoverFooter","TemplateMenu","FolderMenu","ConfirmationModal"],"mappings":"+/JA0BMA,EAAS,SAAoDC,GAAA,IAAjDC,IAAAA,aAEVC,GAASC,EADOC,EAAQA,SAAtBD,aAGR,OACEE,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,OAAOC,SAAA,CAC5BJ,OAACK,OAAI,CAACC,KAAM,GAAIC,OAAO,SAASN,UAAWC,EAAOM,MAAMJ,SAErDP,CAAAA,YAAAA,GAAUY,EAAAA,IAACC,EAAAA,eAAc,CAACJ,KAAK,UAGlCG,MAACE,UAAO,CAACH,MAAM,QAAOJ,SACpBK,MAACG,aAAU,CACTC,OAAQC,EAAkBA,mBAACC,0BAC3BT,KAAK,QACLU,QAASpB,EAAaQ,SAEtBK,EAAAA,IAACQ,EAAcA,eAAA,UAKzB,kBAEuB,SAAsEC,GAAA,IAAnEC,IAAAA,SAAQC,EAAAF,EAAEG,UAAAA,aAAY,eAAcD,EAAEE,IAAAA,SACtDC,GAAWC,EAAUA,cAAM,CAAE,GAA7BD,OACFE,EAAaC,SAAuB,MAElCC,EAAsC5B,EAAAA,SAAtC4B,iBAAkBC,EAAoB7B,EAAQA,SAA5B6B,gBACpBC,EAAgBF,IAChB/B,EAAegC,IAEfE,EAAeC,EAAAA,SAAuB,WAAA,MAAO,CAAER,iBAAWA,EAAM,MAAM,GAAG,CAACA,IAEhF,OAAKJ,EAKHnB,EAAAA,KAAAgC,EAAAA,SAAA,CAAA5B,SAAA,CACEK,MAACwB,UAAU,CACTC,KAAML,IAAkBP,EACxBD,UAAWA,EACXF,SAAUA,EACVgB,QAASvC,EACTK,UAAWC,EAAOkC,QAClBC,IAAKZ,EAAWrB,SAEhBJ,EAAAsC,KAAA,MAAA,CAAKC,MAAOT,EAAc7B,UAAWC,EAAOsC,QAAQpC,SAAA,CAClDK,MAACf,EAAM,CAACE,aAAcA,IACtBa,EAACgC,IAAAC,gBAAgB,CAAA,GACjBjC,EAACgC,IAAAE,gBAAgB,CAAA,GACjBlC,EAAAA,IAACmC,EAAaA,cAAG,CAAA,QAIrBnC,EAACgC,IAAAI,eAAe,CAAA,GAEhBpC,EAACgC,IAAAK,aAAa,CAAA,GAEdrC,EAAAA,IAACsC,EAAiBA,kBAAG,CAAA,MAzBhB,IA4BX"}

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

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

package/cjs-bundle/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverFooter.js","sources":["../../../../../src/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { PlusIcon, UploadIcon } from '../../../icons';\nimport { storeApi } from '../Store';\nimport { Action } from '../types';\nimport { Button } from '../../Button';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport { AddModal } from './AddModal';\n\nimport styles from './PopoverFooter.scss';\n\nexport const PopoverFooter = () => {\n  const { useCreateTemplate, useHasCurrentAction, useImportTemplate } = storeApi;\n  const createTemplate = useCreateTemplate();\n  const isCreating = useHasCurrentAction(0, Action.Create);\n  const importTemplate = useImportTemplate();\n\n  const [addModalOpen, setAddModalOpen] = useState(false);\n  const [addModalTitle, setAddModalTitle] = useState('');\n  const [newTemplateName, setNewTemplateName] = useState('');\n\n  const closeAddModal = useCallback(() => setAddModalOpen(false), []);\n\n  const onNewTemplate = useCallback(() => {\n    setNewTemplateName('New Template');\n    setAddModalTitle('Create New Template');\n    setAddModalOpen(true);\n  }, []);\n\n  const onImport = useCallback(() => {\n    importTemplate();\n  }, [importTemplate]);\n\n  return (\n    <div className={styles.root}>\n      <Button\n        className={styles.addButton}\n        disabled={isCreating}\n        onClick={onNewTemplate}\n        size=\"small\"\n        type=\"chartColored\"\n        prefix={!isCreating && <PlusIcon />}\n      >\n        {isCreating ? <LoaderCircular size=\"xs\" /> : 'Create New Template'}\n      </Button>\n\n      <Tooltip title=\"Import from File\">\n        <ButtonIcon\n          className={styles.importButton}\n          disabled={isCreating}\n          onClick={onImport}\n          size=\"small\"\n          type=\"tertiaryBg\"\n        >\n          <UploadIcon />\n        </ButtonIcon>\n      </Tooltip>\n\n      <AddModal\n        open={addModalOpen}\n        onClose={closeAddModal}\n        onCreate={createTemplate}\n        initialName={newTemplateName}\n        title={addModalTitle}\n      />\n    </div>\n  );\n};\n"],"names":["useCreateTemplate","storeApi","useHasCurrentAction","useImportTemplate","createTemplate","isCreating","Action","Create","importTemplate","useState","_useState2","_slicedToArray","_useState","addModalOpen","setAddModalOpen","_useState4","_useState3","addModalTitle","setAddModalTitle","_useState6","_useState5","newTemplateName","setNewTemplateName","closeAddModal","useCallback","onNewTemplate","onImport","_jsxs","className","styles","root","children","_jsx","Button","addButton","disabled","onClick","size","type","prefix","PlusIcon","jsx","LoaderCircular","Tooltip","title","ButtonIcon","importButton","UploadIcon","AddModal","open","onClose","onCreate","initialName"],"mappings":"ooJAc6B,WAC3B,IAAQA,EAA8DC,EAAAA,SAA9DD,kBAAmBE,EAA2CD,EAAQA,SAAnDC,oBAAqBC,EAAsBF,EAAQA,SAA9BE,kBAC1CC,EAAiBJ,IACjBK,EAAaH,EAAoB,EAAGI,EAAMA,OAACC,QAC3CC,EAAiBL,IAEiBM,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACMD,EAAAA,EAAQA,SAAC,IAAGM,EAAAJ,EAAAA,QAAAK,EAAA,GAA/CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACQN,EAAAA,EAAQA,SAAC,IAAGU,EAAAR,EAAAA,QAAAS,EAAA,GAAnDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAgBC,EAAAA,aAAY,WAAA,OAAMV,GAAgB,EAAM,GAAE,IAE1DW,EAAgBD,EAAAA,aAAY,WAChCF,EAAmB,gBACnBJ,EAAiB,uBACjBJ,GAAgB,EACjB,GAAE,IAEGY,EAAWF,EAAAA,aAAY,WAC3BhB,GACF,GAAG,CAACA,IAEJ,OACEmB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAAA,CAC1BC,MAACC,SAAM,CACLL,UAAWC,EAAOK,UAClBC,SAAU9B,EACV+B,QAASX,EACTY,KAAK,QACLC,KAAK,eACLC,QAASlC,GAAc2B,MAACQ,EAAAA,SAAY,CAAA,GAAAT,SAEnC1B,EAAa2B,EAAAS,IAACC,iBAAc,CAACL,KAAK,OAAU,wBAG/CL,MAACW,UAAO,CAACC,MAAM,mBAAkBb,SAC/BC,MAACa,aAAU,CACTjB,UAAWC,EAAOiB,aAClBX,SAAU9B,EACV+B,QAASV,EACTW,KAAK,QACLC,KAAK,aAAYP,SAEjBC,EAAAA,IAACe,EAAUA,WAAA,QAIff,MAACgB,WAAQ,CACPC,KAAMpC,EACNqC,QAAS3B,EACT4B,SAAU/C,EACVgD,YAAa/B,EACbuB,MAAO3B,MAIf"}
+{"version":3,"file":"PopoverFooter.js","sources":["../../../../../src/componentsV2/TemplatesControl/PopoverFooter/PopoverFooter.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { PlusIcon, UploadIcon } from '../../../icons';\nimport { storeApi } from '../Store';\nimport { Action } from '../types';\nimport { Button } from '../../Button';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport { AddModal } from './AddModal';\n\nimport styles from './PopoverFooter.scss';\n\nexport const PopoverFooter = () => {\n  const { useCreateTemplate, useHasCurrentAction, useImportTemplate } = storeApi;\n  const createTemplate = useCreateTemplate();\n  const isCreating = useHasCurrentAction(0, Action.Create);\n  const importTemplate = useImportTemplate();\n\n  const [addModalOpen, setAddModalOpen] = useState(false);\n  const [addModalTitle, setAddModalTitle] = useState('');\n  const [newTemplateName, setNewTemplateName] = useState('');\n\n  const closeAddModal = useCallback(() => setAddModalOpen(false), []);\n\n  const onNewTemplate = useCallback(() => {\n    setNewTemplateName('New Template');\n    setAddModalTitle('Create New Template');\n    setAddModalOpen(true);\n  }, []);\n\n  const onImport = useCallback(() => {\n    importTemplate();\n  }, [importTemplate]);\n\n  return (\n    <div className={styles.root}>\n      <Button\n        className={styles.addButton}\n        disabled={isCreating}\n        onClick={onNewTemplate}\n        size=\"small\"\n        type=\"chartColored\"\n        prefix={!isCreating && <PlusIcon />}\n      >\n        {isCreating ? <LoaderCircular size=\"xs\" /> : 'Create New Template'}\n      </Button>\n\n      <Tooltip title=\"Import from File\">\n        <ButtonIcon\n          className={styles.importButton}\n          disabled={isCreating}\n          onClick={onImport}\n          size=\"small\"\n          type=\"tertiaryBg\"\n        >\n          <UploadIcon />\n        </ButtonIcon>\n      </Tooltip>\n\n      <AddModal\n        open={addModalOpen}\n        onClose={closeAddModal}\n        onCreate={createTemplate}\n        initialName={newTemplateName}\n        title={addModalTitle}\n      />\n    </div>\n  );\n};\n"],"names":["useCreateTemplate","storeApi","useHasCurrentAction","useImportTemplate","createTemplate","isCreating","Action","Create","importTemplate","useState","_useState2","_slicedToArray","_useState","addModalOpen","setAddModalOpen","_useState4","_useState3","addModalTitle","setAddModalTitle","_useState6","_useState5","newTemplateName","setNewTemplateName","closeAddModal","useCallback","onNewTemplate","onImport","_jsxs","className","styles","root","children","_jsx","Button","addButton","disabled","onClick","size","type","prefix","PlusIcon","jsx","LoaderCircular","Tooltip","title","ButtonIcon","importButton","UploadIcon","AddModal","open","onClose","onCreate","initialName"],"mappings":"0vJAc6B,WAC3B,IAAQA,EAA8DC,EAAAA,SAA9DD,kBAAmBE,EAA2CD,EAAQA,SAAnDC,oBAAqBC,EAAsBF,EAAQA,SAA9BE,kBAC1CC,EAAiBJ,IACjBK,EAAaH,EAAoB,EAAGI,EAAMA,OAACC,QAC3CC,EAAiBL,IAEiBM,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACMD,EAAAA,EAAQA,SAAC,IAAGM,EAAAJ,EAAAA,QAAAK,EAAA,GAA/CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACQN,EAAAA,EAAQA,SAAC,IAAGU,EAAAR,EAAAA,QAAAS,EAAA,GAAnDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAgBC,EAAAA,aAAY,WAAA,OAAMV,GAAgB,EAAM,GAAE,IAE1DW,EAAgBD,EAAAA,aAAY,WAChCF,EAAmB,gBACnBJ,EAAiB,uBACjBJ,GAAgB,EACjB,GAAE,IAEGY,EAAWF,EAAAA,aAAY,WAC3BhB,GACF,GAAG,CAACA,IAEJ,OACEmB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAAA,CAC1BC,MAACC,SAAM,CACLL,UAAWC,EAAOK,UAClBC,SAAU9B,EACV+B,QAASX,EACTY,KAAK,QACLC,KAAK,eACLC,QAASlC,GAAc2B,MAACQ,EAAAA,SAAY,CAAA,GAAAT,SAEnC1B,EAAa2B,EAAAS,IAACC,iBAAc,CAACL,KAAK,OAAU,wBAG/CL,MAACW,UAAO,CAACC,MAAM,mBAAkBb,SAC/BC,MAACa,aAAU,CACTjB,UAAWC,EAAOiB,aAClBX,SAAU9B,EACV+B,QAASV,EACTW,KAAK,QACLC,KAAK,aAAYP,SAEjBC,EAAAA,IAACe,EAAUA,WAAA,QAIff,MAACgB,WAAQ,CACPC,KAAMpC,EACNqC,QAAS3B,EACT4B,SAAU/C,EACVgD,YAAa/B,EACbuB,MAAO3B,MAIf"}

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

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

package/cjs-bundle/componentsV2/TemplatesControl/PopoverSearch/PopoverSearch.js.map

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

package/cjs-bundle/componentsV2/TemplatesControl/ShareModal/ShareModal.js

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

package/cjs-bundle/componentsV2/TemplatesControl/ShareModal/ShareModal.js.map

@@ -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","_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","jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","jsx","EmptyState","image","LoaderLogo"],"mappings":"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"}
+{"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","_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","jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","jsx","EmptyState","image","LoaderLogo"],"mappings":"wxOAqBA,IAAMA,EAAgB,CACpBC,MAAO,MACPC,KAAM,cAGFC,EAAY,SAACC,GAA8C,OAAKA,CAAM,EAEtEC,EAAW,SAAHC,GAAA,IAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,QAAO,OAClDC,EAAAA,gBACKX,GAAa,GAAA,CAChBO,UAAAA,EACAE,KAAAA,EACAC,QAAAA,EACAF,OAAAA,IACA,EAEEI,EAAY,SAACC,EAASC,GAAO,OACjCD,EAAEE,WAAWC,cAAcF,EAAEC,aAAeF,EAAEI,UAAUD,cAAcF,EAAEG,UAAU,qBAS1D,SAA2DC,GAAA,IAAxDC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,KAAMC,IAAAA,QAEvBf,EACzBgB,EAAAA,gBADFC,YAAeC,WAEIC,EAAeN,EAA5BO,YAEoBC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAAjCvB,EAAMqB,EAAA,GAAEG,EAASH,EAAA,GACgBD,EAAAA,EAAQA,SAAC,IAAGK,EAAAH,EAAAA,QAAAI,EAAA,GAA7CC,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACUL,EAAAA,EAAQA,UAAC,GAAMS,EAAAP,EAAAA,QAAAQ,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACAT,EAAAA,EAAQA,SAAS,IAAGa,EAAAX,EAAAA,QAAAY,EAAA,GAAvDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCI,EAA8BC,EAAAA,SAAQ,WAAA,OAAMC,EAAQA,SAACX,EAAiB,IAAI,GAAE,IAE5EY,EAAiBC,eACrB,SAACC,GACClB,EAAUkB,GACVL,EAA4BK,EAC9B,GACA,CAACL,IAGGM,EAAcF,EAAAA,aAAY,WAC9BJ,EAA4BO,SAC5BpB,EAAU,IACVI,EAAgB,GAClB,GAAG,CAACS,IAEEQ,EAAsBlB,EAAamB,OACnCC,EAAUT,EAAAA,SACd,WAAA,MAAO,CAAEtC,OAAQ6C,EAAqB9C,UAAAA,EAAW,GACjD,CAAC8C,EAAqB9C,IAGlBiD,EAAaP,eACjB,SAACQ,GAAU,OAAKb,GAAiB,SAAAc,GAAK,MAAI,GAAAC,OAAAC,EAAAA,QAAIF,GAAOD,CAAAA,IAAMI,SAASjD,KAAW,GAC/E,IAGIkD,EAAeb,eACnB,SAACQ,GAAU,OAAKb,GAAiB,SAAAc,GAAK,OAAIA,EAAMK,QAAO,SAAAC,GAAK,SAAFC,KAAgBR,EAAKQ,QAAI,GACnF,IAGIC,EAAgBjB,EAAAA,aACpB,WAAA,OAAM3B,EAAQqB,EAAcwB,KAAI,SAAAC,GAAK,SAAFH,EAAW,IAAE,GAChD,CAAC3C,EAASqB,IAGZ0B,GAAqEC,EAAAA,kBAAkB,CACrFf,QAAAA,EACApD,UAAAA,EACAE,SAAAA,IAHMkE,MAAAA,KAAMC,MAAAA,mBAAoBC,MAAAA,oBAAqBC,MAAAA,UAMvDC,EAAAA,WAAU,WACR,IAAMC,EAAW,WAAA,IAAGC,EAAAC,EAAA,QAAAC,EAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAvB,EAAA,OAAAqB,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,IACd3D,IAAcA,EAAW4D,OAAM,CAAAH,EAAAE,KAAA,EAAA,KAAA,CACR,OAAzB7C,GAAmB,GAAM2C,EAAAE,KAAA,EAEL1E,EAAAA,gBACfX,GAAa,GAAA,CAChBO,UAAAA,EACAE,KAAM,EACNC,QAAS,IACT6E,IAAK7D,KACL,KAAA,EANIgC,EAAKyB,EAAAK,KAQX5C,EAAiBc,GACjBlB,GAAmB,GAAO2C,EAAAE,KAAA,GAAA,MAAA,KAAA,EAE1BzC,EAAiB,IAAI,KAAA,GAAA,IAAA,MAAA,OAAAuC,EAAAM,OAAA,GAAAR,EAExB,KAAA,OAAA,WAjBgB,OAAAJ,EAAAa,MAAAC,KAAAC,UAAA,EAAA,GAmBbvE,GACFuD,GAEH,GAAE,CAACvD,EAAMK,EAAYnB,IAEtBoE,EAAAA,WAAU,WACJtD,GACF8B,GAEJ,GAAG,CAACA,EAAa9B,IAEjB,IAAMwE,GAAmB/C,EAAAA,SAAQ,WAAA,OAAMgD,EAAKA,MAACnD,EAAe,QAAO,CAACA,IAE9DoD,GAAqBjD,EAAAA,SAAQ,WAAA,MAAO,CAAEkD,SAAUzD,EAAiB,GAAG,CAACA,IAE3E,OACE0D,EAAAA,IAACC,EAAAA,MAAK,CACJC,MAAiB/E,UAAAA,OAAAA,EAASgF,KAAQ,KAClC/E,KAAMA,EACNF,QAASA,EACTkF,kBAAkB,QAClBC,qBAAsBpC,EACtB6B,mBAAoBA,GACpBQ,oBAAoB,SACpBC,uBAAwBrF,EACxBsF,KAAK,SAAQC,SAEbC,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOC,QAAQL,SAAA,CAC7BT,MAACe,YAAS,CACRC,MAAM,GACNC,YAAY,iBACZC,KAAK,SACLC,OAAQnB,EAAAA,IAACoB,EAASA,UAAI,IACtBC,QAAQ,QACRC,SAAUvE,EACVE,MAAO1C,EACPgH,QAASrE,IAEXwD,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOW,KAAMC,IAAKjD,GAAoBiC,SACnD,EAACnE,GACAI,EAAcwB,KAAI,SAACV,EAAMkE,GAAK,OAC5BhB,EAAAA,KAACiB,EAAAA,SAAQ,CAAAlB,SAAA,CACNiB,EAAQ,GAAK1B,EAAAA,IAAC4B,EAAAA,KAAKC,QAAO,CAACjB,UAAWC,EAAOiB,UAC9C9B,MAAC+B,OAAI,CAACvE,KAAMA,EAAMwE,QAASnE,EAAcoE,YAAU,MAFtCzE,EAAKQ,GAIrB,IAEFM,GAAKJ,KAAI,SAACV,EAAMkE,GAAK,OACnB9B,GAAiBpC,EAAKQ,IAOnB,KANF0C,EAAAA,KAACiB,EAAAA,SAAQ,CAAAlB,SAAA,EACLiB,EAAQ,GAAKhF,EAAc2C,OAAS,IACpCW,EAAAA,IAAC4B,EAAIA,KAACC,QAAO,CAACjB,UAAWC,EAAOiB,UAElC9B,MAAC+B,OAAI,CAACvE,KAAMA,EAAMwE,QAASzE,MAJdC,EAAKQ,GAMd,IAGVgC,EAAAkC,IAAA,MAAA,CAAKT,IAAKlD,MAERE,IAA6B,IAAhBH,GAAKe,QAAyC,IAAzB3C,EAAc2C,QAChDW,MAACmC,aAAU,CAACjC,MAAM,iBAAiBkC,MAAM,kBAGzC3D,IAAanC,IAAoB0D,EAAAA,IAACqC,EAAAA,WAAU,CAAC7B,KAAM,YAK/D"}

package/cjs-bundle/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js

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

package/cjs-bundle/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconMenu.js","sources":["../../../../../../src/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Popover } from '../../../Popover';\nimport { Text } from '../../../Text';\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { storeApi } from '../../Store';\nimport { TemplateMetaData } from '../../types';\n\nimport styles from './IconMenu.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type IconMenuProps = {\n  open: boolean;\n  anchorEl: HTMLElement | null;\n  onSave: (iconData: { icon: string; iconColor: string }) => void;\n} & Pick<TemplateMetaData, 'icon' | 'iconColor'>;\n\nexport const IconMenu = ({ icon, iconColor, onSave, open, anchorEl }: IconMenuProps) => {\n  const {\n    useTemplateIconColors,\n    useTemplateIconMap,\n    useDefaultTemplateIcon,\n    useDefaultTemplateIconColor,\n  } = storeApi;\n  const templateIconColors = useTemplateIconColors();\n  const templateIconMap = useTemplateIconMap();\n  const defaultTemplateIcon = useDefaultTemplateIcon();\n  const defaultTemplateIconColor = useDefaultTemplateIconColor();\n\n  const [selectedIcon, setSelectedIcon] = useState<string>();\n  const [selectedColor, setSelectedColor] = useState<string>();\n\n  const onClose = useCallback(() => {\n    onSave({\n      icon: selectedIcon || defaultTemplateIcon,\n      iconColor: selectedColor || defaultTemplateIconColor,\n    });\n  }, [defaultTemplateIcon, defaultTemplateIconColor, onSave, selectedColor, selectedIcon]);\n\n  useEffect(() => {\n    if (open) {\n      setSelectedIcon(icon);\n      setSelectedColor(iconColor);\n    }\n  }, [icon, iconColor, open]);\n\n  return (\n    <Popover\n      className={styles.root}\n      placement=\"bottom-start\"\n      open={open}\n      onClose={onClose}\n      anchorEl={anchorEl}\n    >\n      <Text size={12} color=\"T6\">\n        Icon Color\n      </Text>\n      <div className={styles.colorGrid}>\n        {templateIconColors.map(color => (\n          <div\n            key={color}\n            className={classNames(\n              styles.colorItem,\n              color === selectedColor && styles.selected,\n              color === iconColor && styles.current\n            )}\n            style={{ '--IconMenu-color': color } as CSSProperties}\n            onClick={() => setSelectedColor(color)}\n          >\n            <CheckSmallIcon size={20} className={styles.checkIcon} />\n          </div>\n        ))}\n      </div>\n\n      <Text size={12} color=\"T6\">\n        Icons\n      </Text>\n      <div className={styles.iconsGrid}>\n        {Object.entries(templateIconMap).map(([name, Icon]) => (\n          <ButtonIcon\n            key={name}\n            size=\"small\"\n            type={selectedIcon === name ? 'tertiaryBg' : 'tertiary'}\n            onClick={() => setSelectedIcon(name)}\n          >\n            <Icon color={selectedColor} />\n          </ButtonIcon>\n        ))}\n      </div>\n    </Popover>\n  );\n};\n"],"names":["_ref","icon","iconColor","onSave","open","anchorEl","useTemplateIconColors","storeApi","useTemplateIconMap","useDefaultTemplateIcon","useDefaultTemplateIconColor","templateIconColors","templateIconMap","defaultTemplateIcon","defaultTemplateIconColor","_useState","useState","_useState2","_slicedToArray","selectedIcon","setSelectedIcon","_useState3","_useState4","selectedColor","setSelectedColor","onClose","useCallback","useEffect","_jsxs","Popover","className","styles","root","placement","children","_jsx","Text","size","color","jsx","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"oxJAmBwB,SAAgEA,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAAAA,SAJFD,sBACAE,EAGED,EAAQA,SAHVC,mBACAC,EAEEF,EAAQA,SAFVE,uBACAC,EACEH,EAAQA,SADVG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,EAAAA,WAAkBC,EAAAC,EAAAA,QAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,EAAAA,WAAkBM,EAAAJ,EAAAA,QAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,EAAAA,aAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,EAAAA,WAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAAAA,KAACC,EAAAA,QAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOS,UAAUN,SAC9BvB,EAAmB8B,KAAI,SAAAH,GAAK,OAC3BH,EAAAA,IAAA,MAAA,CAEEL,UAAWY,EAAU,QACnBX,EAAOY,UACPL,IAAUf,GAAiBQ,EAAOa,SAClCN,IAAUpC,GAAa6B,EAAOc,SAEhCC,MAAO,CAAE,mBAAoBR,GAC7BS,QAAS,WAAA,OAAMvB,EAAiBc,EAAO,EAAAJ,SAEvCC,MAACa,iBAAc,CAACX,KAAM,GAAIP,UAAWC,EAAOkB,aATvCX,QAcXH,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOmB,UAAUhB,SAC9BiB,OAAOC,QAAQxC,GAAiB6B,KAAI,SAAAY,GAAA,IAAAC,EAAApC,EAAAA,QAAAmC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/CnB,EAAAA,IAACsB,EAAAA,WAAU,CAETpB,KAAK,QACLqB,KAAMvC,IAAiBoC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM3B,EAAgBmC,EAAM,EAAArB,SAErCC,MAACqB,EAAI,CAAClB,MAAOf,KALRgC,UAWjB"}
+{"version":3,"file":"IconMenu.js","sources":["../../../../../../src/componentsV2/TemplatesControl/TemplateMenu/IconMenu/IconMenu.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Popover } from '../../../Popover';\nimport { Text } from '../../../Text';\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { storeApi } from '../../Store';\nimport { TemplateMetaData } from '../../types';\n\nimport styles from './IconMenu.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type IconMenuProps = {\n  open: boolean;\n  anchorEl: HTMLElement | null;\n  onSave: (iconData: { icon: string; iconColor: string }) => void;\n} & Pick<TemplateMetaData, 'icon' | 'iconColor'>;\n\nexport const IconMenu = ({ icon, iconColor, onSave, open, anchorEl }: IconMenuProps) => {\n  const {\n    useTemplateIconColors,\n    useTemplateIconMap,\n    useDefaultTemplateIcon,\n    useDefaultTemplateIconColor,\n  } = storeApi;\n  const templateIconColors = useTemplateIconColors();\n  const templateIconMap = useTemplateIconMap();\n  const defaultTemplateIcon = useDefaultTemplateIcon();\n  const defaultTemplateIconColor = useDefaultTemplateIconColor();\n\n  const [selectedIcon, setSelectedIcon] = useState<string>();\n  const [selectedColor, setSelectedColor] = useState<string>();\n\n  const onClose = useCallback(() => {\n    onSave({\n      icon: selectedIcon || defaultTemplateIcon,\n      iconColor: selectedColor || defaultTemplateIconColor,\n    });\n  }, [defaultTemplateIcon, defaultTemplateIconColor, onSave, selectedColor, selectedIcon]);\n\n  useEffect(() => {\n    if (open) {\n      setSelectedIcon(icon);\n      setSelectedColor(iconColor);\n    }\n  }, [icon, iconColor, open]);\n\n  return (\n    <Popover\n      className={styles.root}\n      placement=\"bottom-start\"\n      open={open}\n      onClose={onClose}\n      anchorEl={anchorEl}\n    >\n      <Text size={12} color=\"T6\">\n        Icon Color\n      </Text>\n      <div className={styles.colorGrid}>\n        {templateIconColors.map(color => (\n          <div\n            key={color}\n            className={classNames(\n              styles.colorItem,\n              color === selectedColor && styles.selected,\n              color === iconColor && styles.current\n            )}\n            style={{ '--IconMenu-color': color } as CSSProperties}\n            onClick={() => setSelectedColor(color)}\n          >\n            <CheckSmallIcon size={20} className={styles.checkIcon} />\n          </div>\n        ))}\n      </div>\n\n      <Text size={12} color=\"T6\">\n        Icons\n      </Text>\n      <div className={styles.iconsGrid}>\n        {Object.entries(templateIconMap).map(([name, Icon]) => (\n          <ButtonIcon\n            key={name}\n            size=\"small\"\n            type={selectedIcon === name ? 'tertiaryBg' : 'tertiary'}\n            onClick={() => setSelectedIcon(name)}\n          >\n            <Icon color={selectedColor} />\n          </ButtonIcon>\n        ))}\n      </div>\n    </Popover>\n  );\n};\n"],"names":["_ref","icon","iconColor","onSave","open","anchorEl","useTemplateIconColors","storeApi","useTemplateIconMap","useDefaultTemplateIcon","useDefaultTemplateIconColor","templateIconColors","templateIconMap","defaultTemplateIcon","defaultTemplateIconColor","_useState","useState","_useState2","_slicedToArray","selectedIcon","setSelectedIcon","_useState3","_useState4","selectedColor","setSelectedColor","onClose","useCallback","useEffect","_jsxs","Popover","className","styles","root","placement","children","_jsx","Text","size","color","jsx","colorGrid","map","classNames","colorItem","selected","current","style","onClick","CheckSmallIcon","checkIcon","iconsGrid","Object","entries","_ref2","_ref3","name","Icon","ButtonIcon","type"],"mappings":"g5JAmBwB,SAAgEA,GAAA,IAA7DC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,OAAQC,IAAAA,KAAMC,IAAAA,SAEtDC,EAIEC,EAAAA,SAJFD,sBACAE,EAGED,EAAQA,SAHVC,mBACAC,EAEEF,EAAQA,SAFVE,uBACAC,EACEH,EAAQA,SADVG,4BAEIC,EAAqBL,IACrBM,EAAkBJ,IAClBK,EAAsBJ,IACtBK,EAA2BJ,IAEjCK,EAAwCC,EAAAA,WAAkBC,EAAAC,EAAAA,QAAAH,EAAA,GAAnDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAA0CL,EAAAA,WAAkBM,EAAAJ,EAAAA,QAAAG,EAAA,GAArDE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAUC,EAAAA,aAAY,WAC1BvB,EAAO,CACLF,KAAMkB,GAAgBN,EACtBX,UAAWqB,GAAiBT,GAEhC,GAAG,CAACD,EAAqBC,EAA0BX,EAAQoB,EAAeJ,IAS1E,OAPAQ,EAAAA,WAAU,WACJvB,IACFgB,EAAgBnB,GAChBuB,EAAiBtB,GAEpB,GAAE,CAACD,EAAMC,EAAWE,IAGnBwB,EAAAA,KAACC,EAAAA,QAAO,CACNC,UAAWC,EAAOC,KAClBC,UAAU,eACV7B,KAAMA,EACNqB,QAASA,EACTpB,SAAUA,EAAS6B,SAAA,CAEnBC,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,eAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOS,UAAUN,SAC9BvB,EAAmB8B,KAAI,SAAAH,GAAK,OAC3BH,EAAAA,IAAA,MAAA,CAEEL,UAAWY,EAAU,QACnBX,EAAOY,UACPL,IAAUf,GAAiBQ,EAAOa,SAClCN,IAAUpC,GAAa6B,EAAOc,SAEhCC,MAAO,CAAE,mBAAoBR,GAC7BS,QAAS,WAAA,OAAMvB,EAAiBc,EAAO,EAAAJ,SAEvCC,MAACa,iBAAc,CAACX,KAAM,GAAIP,UAAWC,EAAOkB,aATvCX,QAcXH,MAACC,OAAI,CAACC,KAAM,GAAIC,MAAM,KAAIJ,SAAA,UAG1BC,EAAAI,IAAA,MAAA,CAAKT,UAAWC,EAAOmB,UAAUhB,SAC9BiB,OAAOC,QAAQxC,GAAiB6B,KAAI,SAAAY,GAAA,IAAAC,EAAApC,EAAAA,QAAAmC,EAAA,GAAEE,EAAID,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC/CnB,EAAAA,IAACsB,EAAAA,WAAU,CAETpB,KAAK,QACLqB,KAAMvC,IAAiBoC,EAAO,aAAe,WAC7CR,QAAS,WAAA,OAAM3B,EAAgBmC,EAAM,EAAArB,SAErCC,MAACqB,EAAI,CAAClB,MAAOf,KALRgC,UAWjB"}

package/cjs-bundle/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js

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

package/cjs-bundle/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatesTreeMenuHeader.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './TemplatesTreeMenuHeader.scss';\n\nimport { CheckSmallIcon, WriteIcon } from '~/icons';\n\nexport type TemplatesTreeMenuHeaderProps = {\n  onSave?: (name: string) => void;\n  badge?: ReactNode;\n  entityName?: string;\n  button?: ReactNode;\n  isEditable?: boolean;\n  getValidation?: (name: string) => {\n    message?: string;\n    hasError: boolean;\n  };\n  isUpdating?: boolean;\n};\n\nexport const TemplatesTreeMenuHeader = ({\n  badge,\n  button,\n  entityName,\n  isEditable,\n  onSave,\n  getValidation,\n  isUpdating,\n}: TemplatesTreeMenuHeaderProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [name, setName] = useState(entityName || '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const edit = useCallback(() => {\n    if (isEditable && !isUpdating) {\n      setIsEditing(true);\n    }\n  }, [isEditable, isUpdating]);\n\n  const onNameChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n    const { value } = e.target;\n    setName(value);\n  }, []);\n\n  const { message, hasError: validationError } = useMemo(\n    () => getValidation?.(name) || { message: '', hasError: false },\n    [getValidation, name]\n  );\n\n  const hasError = validationError && isEditing;\n\n  const save = useCallback(() => {\n    if (!hasError) {\n      setIsEditing(false);\n      onSave?.(name);\n    }\n  }, [hasError, name, onSave]);\n\n  const onKeyUp = useCallback<KeyboardEventHandler>(\n    event => {\n      if (event.key === 'Enter') {\n        save();\n      }\n    },\n    [save]\n  );\n\n  useEffect(() => {\n    setIsEditing(false);\n    setName(entityName || '');\n  }, [entityName]);\n\n  useEffect(() => {\n    if (isEditing) {\n      inputRef.current?.focus();\n    }\n  }, [isEditing]);\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.info}>\n        {button}\n        <div\n          className={classNames(\n            styles.name,\n            isEditable && !isUpdating && styles.editable,\n            isEditing && isEditable && styles.editing,\n            hasError && styles.hasError\n          )}\n          onClick={edit}\n        >\n          {(!isEditable || !isEditing) && (\n            <Text size={16} className={styles.nameDisplay}>\n              <TextEndTruncated>{name}</TextEndTruncated>\n              {badge}\n            </Text>\n          )}\n          {isEditable && isEditing && (\n            <input\n              type=\"text\"\n              value={name}\n              onChange={onNameChange}\n              onKeyUp={onKeyUp}\n              className={styles.field}\n              ref={inputRef}\n            />\n          )}\n        </div>\n        {isEditable && !isEditing && (\n          <div className={styles.editButton}>\n            <ButtonIcon size=\"small\" onClick={edit} disabled={isUpdating}>\n              <WriteIcon />\n            </ButtonIcon>\n            {isUpdating && <LoaderCircular size=\"xs\" className={styles.editButtonLoader} />}\n          </div>\n        )}\n        {isEditable && isEditing && (\n          <ButtonIcon size=\"small\" onClick={save} type=\"tertiary\" disabled={hasError}>\n            <CheckSmallIcon />\n          </ButtonIcon>\n        )}\n      </div>\n\n      {message && (\n        <Text\n          className={classNames(styles.additionalInfo, hasError && styles.hasError)}\n          size={12}\n          color=\"T6\"\n          tagName=\"div\"\n        >\n          {message}\n        </Text>\n      )}\n    </div>\n  );\n};\n"],"names":["_ref","badge","button","entityName","isEditable","onSave","getValidation","isUpdating","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","name","setName","inputRef","useRef","edit","useCallback","onNameChange","e","value","target","_useMemo","useMemo","message","hasError","save","onKeyUp","event","key","useEffect","_inputRef$current","current","focus","_jsxs","className","styles","root","children","jsxs","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","jsx","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"ilJAkCuC,SAQHA,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAAAA,SAASL,GAAc,IAAGY,EAAAL,EAAAA,QAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,SAAyB,MAEpCC,EAAOC,EAAAA,aAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,eAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,EAAAA,SAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,EAAAA,aAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,EAAAA,WAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,EAAAA,WAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,KAAKF,SAAA,CACzBxC,EACDoC,EAAAK,KAAA,MAAA,CACEJ,UAAWM,EAAU,QACnBL,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOM,SACpClC,GAAaR,GAAcoC,EAAOO,QAClClB,GAAYW,EAAOX,UAErBmB,QAAS5B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,OAACW,OAAI,CAACC,KAAM,GAAIX,UAAWC,EAAOW,YAAYT,SAAA,CAC5CU,MAACC,mBAAgB,CAAAX,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbwC,EAAAA,IAAA,QAAA,CACEE,KAAK,OACL9B,MAAOR,EACPuC,SAAUjC,EACVS,QAASA,EACTQ,UAAWC,EAAOgB,MAClBC,IAAKvC,OAIVd,IAAeQ,GACd0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOkB,WAAWhB,SAAA,CAChCU,MAACO,aAAU,CAACT,KAAK,QAAQF,QAAS5B,EAAMwC,SAAUrD,EAAWmC,SAC3DU,EAAAA,IAACS,EAASA,UAAA,MAEXtD,GAAc6C,EAAAU,IAACC,iBAAc,CAACb,KAAK,KAAKX,UAAWC,EAAOwB,sBAG9D5D,GAAcQ,GACbwC,EAAAA,IAACO,EAAAA,WAAU,CAACT,KAAK,QAAQF,QAASlB,EAAMwB,KAAK,WAAWM,SAAU/B,EAASa,SACzEU,EAAAA,IAACa,EAAcA,eAAA,SAKpBrC,GACCwB,EAAAU,IAACb,OAAI,CACHV,UAAWM,EAAU,QAACL,EAAO0B,eAAgBrC,GAAYW,EAAOX,UAChEqB,KAAM,GACNiB,MAAM,KACNC,QAAQ,MAAK1B,SAEZd,MAKX"}
+{"version":3,"file":"TemplatesTreeMenuHeader.js","sources":["../../../../../src/componentsV2/TemplatesControl/TemplatesTreeMenuHeader/TemplatesTreeMenuHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { TextEndTruncated } from '../../TextEndTruncated';\nimport { Text } from '../../Text';\nimport { LoaderCircular } from '../../LoaderCircular';\n\nimport styles from './TemplatesTreeMenuHeader.scss';\n\nimport { CheckSmallIcon, WriteIcon } from '~/icons';\n\nexport type TemplatesTreeMenuHeaderProps = {\n  onSave?: (name: string) => void;\n  badge?: ReactNode;\n  entityName?: string;\n  button?: ReactNode;\n  isEditable?: boolean;\n  getValidation?: (name: string) => {\n    message?: string;\n    hasError: boolean;\n  };\n  isUpdating?: boolean;\n};\n\nexport const TemplatesTreeMenuHeader = ({\n  badge,\n  button,\n  entityName,\n  isEditable,\n  onSave,\n  getValidation,\n  isUpdating,\n}: TemplatesTreeMenuHeaderProps) => {\n  const [isEditing, setIsEditing] = useState(false);\n  const [name, setName] = useState(entityName || '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const edit = useCallback(() => {\n    if (isEditable && !isUpdating) {\n      setIsEditing(true);\n    }\n  }, [isEditable, isUpdating]);\n\n  const onNameChange = useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n    const { value } = e.target;\n    setName(value);\n  }, []);\n\n  const { message, hasError: validationError } = useMemo(\n    () => getValidation?.(name) || { message: '', hasError: false },\n    [getValidation, name]\n  );\n\n  const hasError = validationError && isEditing;\n\n  const save = useCallback(() => {\n    if (!hasError) {\n      setIsEditing(false);\n      onSave?.(name);\n    }\n  }, [hasError, name, onSave]);\n\n  const onKeyUp = useCallback<KeyboardEventHandler>(\n    event => {\n      if (event.key === 'Enter') {\n        save();\n      }\n    },\n    [save]\n  );\n\n  useEffect(() => {\n    setIsEditing(false);\n    setName(entityName || '');\n  }, [entityName]);\n\n  useEffect(() => {\n    if (isEditing) {\n      inputRef.current?.focus();\n    }\n  }, [isEditing]);\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.info}>\n        {button}\n        <div\n          className={classNames(\n            styles.name,\n            isEditable && !isUpdating && styles.editable,\n            isEditing && isEditable && styles.editing,\n            hasError && styles.hasError\n          )}\n          onClick={edit}\n        >\n          {(!isEditable || !isEditing) && (\n            <Text size={16} className={styles.nameDisplay}>\n              <TextEndTruncated>{name}</TextEndTruncated>\n              {badge}\n            </Text>\n          )}\n          {isEditable && isEditing && (\n            <input\n              type=\"text\"\n              value={name}\n              onChange={onNameChange}\n              onKeyUp={onKeyUp}\n              className={styles.field}\n              ref={inputRef}\n            />\n          )}\n        </div>\n        {isEditable && !isEditing && (\n          <div className={styles.editButton}>\n            <ButtonIcon size=\"small\" onClick={edit} disabled={isUpdating}>\n              <WriteIcon />\n            </ButtonIcon>\n            {isUpdating && <LoaderCircular size=\"xs\" className={styles.editButtonLoader} />}\n          </div>\n        )}\n        {isEditable && isEditing && (\n          <ButtonIcon size=\"small\" onClick={save} type=\"tertiary\" disabled={hasError}>\n            <CheckSmallIcon />\n          </ButtonIcon>\n        )}\n      </div>\n\n      {message && (\n        <Text\n          className={classNames(styles.additionalInfo, hasError && styles.hasError)}\n          size={12}\n          color=\"T6\"\n          tagName=\"div\"\n        >\n          {message}\n        </Text>\n      )}\n    </div>\n  );\n};\n"],"names":["_ref","badge","button","entityName","isEditable","onSave","getValidation","isUpdating","useState","_useState2","_slicedToArray","_useState","isEditing","setIsEditing","_useState3","_useState4","name","setName","inputRef","useRef","edit","useCallback","onNameChange","e","value","target","_useMemo","useMemo","message","hasError","save","onKeyUp","event","key","useEffect","_inputRef$current","current","focus","_jsxs","className","styles","root","children","jsxs","info","classNames","editable","editing","onClick","Text","size","nameDisplay","_jsx","TextEndTruncated","type","onChange","field","ref","editButton","ButtonIcon","disabled","WriteIcon","jsx","LoaderCircular","editButtonLoader","CheckSmallIcon","additionalInfo","color","tagName"],"mappings":"usJAkCuC,SAQHA,GAAA,IAPlCC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,WACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,WAEkCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9BK,EAAwBN,EAAAA,SAASL,GAAc,IAAGY,EAAAL,EAAAA,QAAAI,EAAA,GAA3CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GACdG,EAAWC,SAAyB,MAEpCC,EAAOC,EAAAA,aAAY,WACnBjB,IAAeG,GACjBM,GAAa,EAEjB,GAAG,CAACT,EAAYG,IAEVe,EAAeD,eAAkD,SAAAE,GACrE,IAAQC,EAAUD,EAAEE,OAAZD,MACRP,EAAQO,EACT,GAAE,IAEHE,EAA+CC,EAAAA,SAC7C,WAAA,OAAMrB,eAAAA,EAAgBU,KAAS,CAAEY,QAAS,GAAIC,UAAU,EAAO,GAC/D,CAACvB,EAAeU,IAFVY,IAAAA,QAKFC,IALWA,UAKmBjB,EAE9BkB,EAAOT,EAAAA,aAAY,WAClBQ,IACHhB,GAAa,GACbR,SAAAA,EAASW,GAEZ,GAAE,CAACa,EAAUb,EAAMX,IAEd0B,EAAUV,eACd,SAAAW,GACoB,UAAdA,EAAMC,KACRH,GAEJ,GACA,CAACA,IAcH,OAXAI,EAAAA,WAAU,WACRrB,GAAa,GACbI,EAAQd,GAAc,GACxB,GAAG,CAACA,IAEJ+B,EAAAA,WAAU,WACO,IAAAC,EAAXvB,IACF,QAAAuB,EAAAjB,EAASkB,eAAT,IAAAD,GAAAA,EAAkBE,QAEtB,GAAG,CAACzB,IAGF0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,KAAKF,SAAA,CACzBxC,EACDoC,EAAAK,KAAA,MAAA,CACEJ,UAAWM,EAAU,QACnBL,EAAOxB,KACPZ,IAAeG,GAAciC,EAAOM,SACpClC,GAAaR,GAAcoC,EAAOO,QAClClB,GAAYW,EAAOX,UAErBmB,QAAS5B,EAAKsB,SAEb,GAAEtC,IAAeQ,IAChB0B,OAACW,OAAI,CAACC,KAAM,GAAIX,UAAWC,EAAOW,YAAYT,SAAA,CAC5CU,MAACC,mBAAgB,CAAAX,SAAE1B,IAClBf,KAGJG,GAAcQ,GACbwC,EAAAA,IAAA,QAAA,CACEE,KAAK,OACL9B,MAAOR,EACPuC,SAAUjC,EACVS,QAASA,EACTQ,UAAWC,EAAOgB,MAClBC,IAAKvC,OAIVd,IAAeQ,GACd0B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOkB,WAAWhB,SAAA,CAChCU,MAACO,aAAU,CAACT,KAAK,QAAQF,QAAS5B,EAAMwC,SAAUrD,EAAWmC,SAC3DU,EAAAA,IAACS,EAASA,UAAA,MAEXtD,GAAc6C,EAAAU,IAACC,iBAAc,CAACb,KAAK,KAAKX,UAAWC,EAAOwB,sBAG9D5D,GAAcQ,GACbwC,EAAAA,IAACO,EAAAA,WAAU,CAACT,KAAK,QAAQF,QAASlB,EAAMwB,KAAK,WAAWM,SAAU/B,EAASa,SACzEU,EAAAA,IAACa,EAAcA,eAAA,SAKpBrC,GACCwB,EAAAU,IAACb,OAAI,CACHV,UAAWM,EAAU,QAACL,EAAO0B,eAAgBrC,GAAYW,EAAOX,UAChEqB,KAAM,GACNiB,MAAM,KACNC,QAAQ,MAAK1B,SAEZd,MAKX"}