@zydon/common 2.9.5 → 2.9.8

package/dist/components/SwapList/index.js

@@ -1,10 +1,166 @@
 import { a as a$2 } from '../../chunk-6ZSTKYGL.js';
-import { a } from '../../chunk-R2BCPHRH.js';
+import { a } from '../../chunk-IAUY4JGB.js';
 import { a as a$1 } from '../../chunk-4F2NKGF6.js';
 import '../../chunk-NIQW2J3M.js';
 import { a as a$3 } from '../../chunk-F65ZXAGV.js';
-import { a as a$4 } from '../../chunk-2GTD4JW2.js';
-import '../../chunk-PBLSVXV5.js';
+import { a as a$4 } from '../../chunk-UK2F7TWJ.js';
+import '../../chunk-QNXYDH4Z.js';
+import '../../chunk-PB74EKXH.js';
+import '../../chunk-TP556MUN.js';
+import '../../chunk-EKZYDHUV.js';
+import '../../chunk-34CI5VGF.js';
+import '../../chunk-6YJXV77R.js';
+import '../../chunk-SQ3T74SK.js';
+import '../../chunk-UALPBWPM.js';
+import '../../chunk-3SPYJ5KY.js';
+import '../../chunk-GVWYETWT.js';
+import '../../chunk-AXS455TH.js';
+import '../../chunk-L4BJKCBQ.js';
+import '../../chunk-YYABA4NC.js';
+import '../../chunk-BTVUQ4XU.js';
+import '../../chunk-RP27UYVF.js';
+import '../../chunk-WBTIOMTF.js';
+import '../../chunk-ZCXQFAMG.js';
+import '../../chunk-SRI4ERT7.js';
+import '../../chunk-N63KFRAE.js';
+import '../../chunk-I65NZFOS.js';
+import '../../chunk-REVEMW2Z.js';
+import '../../chunk-JYHFX7VQ.js';
+import '../../chunk-WO6NCPDR.js';
+import '../../chunk-VV3FVOPK.js';
+import '../../chunk-62MXETHC.js';
+import '../../chunk-7ITH2BHN.js';
+import '../../chunk-GNE65ADW.js';
+import '../../chunk-7NSBILAB.js';
+import '../../chunk-EVCYTUOO.js';
+import '../../chunk-TF7C2MZM.js';
+import '../../chunk-2TEGEJGR.js';
+import '../../chunk-AGR54T2W.js';
+import '../../chunk-IPCUGUUQ.js';
+import '../../chunk-RCVDECZO.js';
+import '../../chunk-5P366VJV.js';
+import '../../chunk-4PK45LZ6.js';
+import '../../chunk-7JCS6XUD.js';
+import '../../chunk-CA3ERMCD.js';
+import '../../chunk-AOYZX4RD.js';
+import '../../chunk-3PF55BQ7.js';
+import '../../chunk-3O6DQK2Y.js';
+import '../../chunk-T3IMQCA4.js';
+import '../../chunk-LAW2SJKD.js';
+import '../../chunk-LECYUASO.js';
+import '../../chunk-HWADDMHQ.js';
+import '../../chunk-PEVNYPIT.js';
+import '../../chunk-RG3WUQ4U.js';
+import '../../chunk-VZQQHRES.js';
+import '../../chunk-ZHHHHVP3.js';
+import '../../chunk-FJYFLKYT.js';
+import '../../chunk-ZZYKPI33.js';
+import '../../chunk-77GXDO2J.js';
+import '../../chunk-PGPNLB6H.js';
+import '../../chunk-6MIB3Y74.js';
+import '../../chunk-YRPX7STA.js';
+import '../../chunk-XT2VU2IS.js';
+import '../../chunk-SWQTSSZB.js';
+import '../../chunk-4B4SAKN4.js';
+import '../../chunk-CRWHTBBL.js';
+import '../../chunk-ISPMY4EO.js';
+import '../../chunk-GFCDZMNY.js';
+import '../../chunk-23HPXWBG.js';
+import '../../chunk-R4BWG6IP.js';
+import '../../chunk-UVPHAGRR.js';
+import '../../chunk-36LUOVQV.js';
+import '../../chunk-QGXUR7SS.js';
+import '../../chunk-LAXL2FZH.js';
+import '../../chunk-UVBYI6Q4.js';
+import '../../chunk-2A3JEAR2.js';
+import '../../chunk-VS3HUF6I.js';
+import '../../chunk-LFFKQ5UY.js';
+import '../../chunk-KECDPJAX.js';
+import '../../chunk-2E3WI5RW.js';
+import '../../chunk-47GVGG4B.js';
+import '../../chunk-W6OLLGA5.js';
+import '../../chunk-K36XVEPZ.js';
+import '../../chunk-LA3IVJH3.js';
+import '../../chunk-TJDQSDGI.js';
+import '../../chunk-BXJEICPS.js';
+import '../../chunk-J5KDPAWP.js';
+import '../../chunk-BHGV4CYW.js';
+import '../../chunk-U4CAICN5.js';
+import '../../chunk-VQGBKDR7.js';
+import '../../chunk-J5CCDUEI.js';
+import '../../chunk-FIUVFX7R.js';
+import '../../chunk-3TBO3DSP.js';
+import '../../chunk-3JN2ENSO.js';
+import '../../chunk-B5AEISFL.js';
+import '../../chunk-66NGYJR5.js';
+import '../../chunk-4XYO73JX.js';
+import '../../chunk-6VHOHMT5.js';
+import '../../chunk-JDYJQJDC.js';
+import '../../chunk-467QIKOJ.js';
+import '../../chunk-4XW2XJLH.js';
+import '../../chunk-EAYBPL7I.js';
+import '../../chunk-IPKFFCW7.js';
+import '../../chunk-VJXZF4JZ.js';
+import '../../chunk-E2XW3ALY.js';
+import '../../chunk-W6CDOZMZ.js';
+import '../../chunk-FGIQXYQH.js';
+import '../../chunk-XBXD5FTK.js';
+import '../../chunk-3VYKHXMB.js';
+import '../../chunk-I3JOQYPX.js';
+import '../../chunk-MAQJHBRG.js';
+import '../../chunk-CG5OVPIM.js';
+import '../../chunk-EDZ6ZOEL.js';
+import '../../chunk-PPJJQFNS.js';
+import '../../chunk-NY7OH64D.js';
+import '../../chunk-DVN7YBAX.js';
+import '../../chunk-DMC7LQ4N.js';
+import '../../chunk-PANXFSBJ.js';
+import '../../chunk-FZEGQP3E.js';
+import '../../chunk-ISUBGMY4.js';
+import '../../chunk-3TJSB74Q.js';
+import '../../chunk-QLECZZYA.js';
+import '../../chunk-YYGFBIXE.js';
+import '../../chunk-VXTPFEPK.js';
+import '../../chunk-6VNI2SDX.js';
+import '../../chunk-6Q272Q44.js';
+import '../../chunk-XC42LUQQ.js';
+import '../../chunk-6HGX6PF6.js';
+import '../../chunk-RMM5IYNJ.js';
+import '../../chunk-SQKLWJ23.js';
+import '../../chunk-WENSCH6W.js';
+import '../../chunk-L3YFWYLR.js';
+import '../../chunk-3EFT6YSD.js';
+import '../../chunk-5NGWT3M5.js';
+import '../../chunk-WU5EGX2L.js';
+import '../../chunk-2OSAD34A.js';
+import '../../chunk-KP4SEXGX.js';
+import '../../chunk-5GLDXPBY.js';
+import '../../chunk-LQ2SLABO.js';
+import '../../chunk-FUVYZQLW.js';
+import '../../chunk-M22MNKOD.js';
+import '../../chunk-KFSNHVPI.js';
+import '../../chunk-PE4NNNW3.js';
+import '../../chunk-2I3FMGM3.js';
+import '../../chunk-KJNTTEAK.js';
+import '../../chunk-DTZ47O5J.js';
+import '../../chunk-3E2CZNAB.js';
+import '../../chunk-35FR4FOA.js';
+import '../../chunk-L3CADPDV.js';
+import '../../chunk-KC5WXOCZ.js';
+import '../../chunk-QOPUYMDW.js';
+import '../../chunk-GI2Q5ZKI.js';
+import '../../chunk-3GJ5AP7R.js';
+import '../../chunk-2ZGXYB4B.js';
+import '../../chunk-O5AVZ4XZ.js';
+import '../../chunk-STILB7RV.js';
+import '../../chunk-4HT344UK.js';
+import '../../chunk-HNQ253ZD.js';
+import '../../chunk-KIUSOVMC.js';
+import '../../chunk-DSQHDHEJ.js';
+import '../../chunk-ABGWQJMQ.js';
+import '../../chunk-N3QD4762.js';
+import '../../chunk-VXLXFRSL.js';
+import '../../chunk-TPOL2YXC.js';
 import { useState } from 'react';
 import h from '@mui/material/Checkbox';
 import T from '@mui/material/CircularProgress';

package/dist/components/SwapList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SwapList/index.tsx","../../../src/components/SwapList/styles.ts"],"names":["useState","Checkbox","CircularProgress","Divider","Stack","Typography","debounce","Box","Button","styled","StyledSwapButton","theme","Card","jsx","jsxs","SwapList","selectedItems","items","loading","searchText","onAdd","onRemove","search","itemsTitle","selectedItemsTitle","additionalContent","enableSearchInSelectedItems","selectedItemChild","onSearch","localSearch","setLocalSearch","handleSearchWithDebounce","availableItems","item","selectedItem","searchedSelectedItems","filtredSelectedItems","selectedesForAdd","setSelectedesForAdd","selectedesForRemove","setSelectedesForRemove","onAddItems","onRemoveItems","onSelectAllForRemove","checked","onSelectAllForAdd","onSelectItemForRemove","prevState","prevItem","onSelectItemForAdd","handleKeyDown","SearchInput_default","value","Result_default","EmptyView_default","Scrollbar_default","element","event","Icon_default","SwapList_default"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport debounce from '@mui/material/utils/debounce';\n\nimport EmptyView from 'components/EmptyView';\nimport Icon from 'components/Icon';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\nimport { Item } from 'types/item';\n\nimport { SwapListProps } from './props';\nimport { Card, StyledSwapButton } from './styles';\n\nconst SwapList = ({\n  selectedItems,\n  items,\n  loading,\n  searchText,\n  onAdd,\n  onRemove,\n  search,\n  itemsTitle,\n  selectedItemsTitle,\n  additionalContent,\n  enableSearchInSelectedItems,\n  selectedItemChild,\n  onSearch,\n}: SwapListProps) => {\n  const [localSearch, setLocalSearch] = useState<string>('');\n  const handleSearchWithDebounce = debounce(onSearch, 400);\n\n  const availableItems = items.filter(\n    item => !selectedItems.some(selectedItem => selectedItem.id === item.id),\n  );\n\n  const searchedSelectedItems = selectedItems.filter(\n    item =>\n      item.name?.toLowerCase().includes(localSearch.toLowerCase()) ||\n      item.id?.toLowerCase().includes(localSearch.toLowerCase()),\n  );\n\n  const filtredSelectedItems =\n    enableSearchInSelectedItems && localSearch\n      ? searchedSelectedItems\n      : selectedItems;\n\n  const [selectedesForAdd, setSelectedesForAdd] = useState<Item[]>([]);\n\n  const [selectedesForRemove, setSelectedesForRemove] = useState<Item[]>([]);\n\n  const onAddItems = () => {\n    onAdd(selectedesForAdd);\n    setSelectedesForAdd([]);\n  };\n\n  const onRemoveItems = () => {\n    onRemove(selectedesForRemove);\n    setSelectedesForRemove([]);\n  };\n\n  const onSelectAllForRemove = (checked: boolean) => {\n    if (checked) {\n      setSelectedesForRemove(filtredSelectedItems);\n    } else {\n      setSelectedesForRemove([]);\n    }\n  };\n\n  const onSelectAllForAdd = (checked: boolean) => {\n    if (checked) {\n      setSelectedesForAdd(availableItems);\n    } else {\n      setSelectedesForAdd([]);\n    }\n  };\n\n  const onSelectItemForRemove = (item: Item, checked: boolean) => {\n    if (checked) {\n      setSelectedesForRemove(prevState => [...prevState, item]);\n    } else {\n      setSelectedesForRemove(prevState =>\n        prevState.filter(prevItem => prevItem.id !== item.id),\n      );\n    }\n  };\n\n  const onSelectItemForAdd = (item: Item, checked: boolean) => {\n    if (checked) {\n      setSelectedesForAdd(prevState => [...prevState, item]);\n    } else {\n      setSelectedesForAdd(prevState =>\n        prevState.filter(prevItem => prevItem.id !== item.id),\n      );\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter') e.preventDefault();\n  };\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" alignItems=\"center\" gap={3}>\n        <Card flex={1}>\n          <Stack flex={1} overflow=\"hidden\">\n            <Stack direction=\"row\" gap={1} padding={2}>\n              <Checkbox\n                size=\"small\"\n                indeterminate={\n                  selectedesForAdd.length > 0 &&\n                  selectedesForAdd.length !== availableItems.length\n                }\n                checked={\n                  selectedesForAdd.length > 0 &&\n                  selectedesForAdd.length === availableItems.length\n                }\n                onChange={e => onSelectAllForAdd(e.target.checked)}\n              />\n\n              <Stack>\n                <Typography variant=\"subtitle2\" color=\"text.primary\">\n                  {`${itemsTitle} cadastrados(as)`}\n                </Typography>\n\n                <Typography variant=\"caption\" color=\"text.disabled\">\n                  {`${selectedesForAdd.length}/${availableItems.length} selecionados`}\n                </Typography>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Stack p={2} flex={1} overflow=\"hidden\">\n              <Stack direction=\"row\" gap={1}>\n                <SearchInput\n                  iconPosition=\"start\"\n                  placeholder=\"Buscar\"\n                  onKeyDown={handleKeyDown}\n                  size=\"small\"\n                  fullWidth\n                  trigger=\"change\"\n                  onSearch={value => handleSearchWithDebounce(value)}\n                />\n                {additionalContent}\n              </Stack>\n\n              <Result\n                isLoading={loading}\n                loading={\n                  <Stack alignItems=\"center\" justifyContent=\"center\" flex={1}>\n                    <CircularProgress />\n                  </Stack>\n                }\n                isEmpty={availableItems.length === 0}\n                empty={\n                  <EmptyView\n                    text={\n                      search\n                        ? `Nenhum ${searchText} encontrado`\n                        : `Nenhum ${searchText} disponível`\n                    }\n                    sx={{ svg: { height: 140 } }}\n                  />\n                }\n              >\n                <Scrollbar sx={{ maxHeight: 280 }}>\n                  {availableItems.map(element => (\n                    <Stack gap={1} key={element.id} marginTop=\"8px\">\n                      <Stack\n                        direction=\"row\"\n                        gap={0.5}\n                        alignItems=\"center\"\n                        marginTop=\"8px\"\n                      >\n                        <Checkbox\n                          size=\"small\"\n                          checked={selectedesForAdd.includes(element)}\n                          onChange={event =>\n                            onSelectItemForAdd(element, event.target.checked)\n                          }\n                        />\n                        {element.label}\n                      </Stack>\n                      <Divider />\n                    </Stack>\n                  ))}\n                </Scrollbar>\n              </Result>\n            </Stack>\n          </Stack>\n        </Card>\n\n        <Stack gap={3}>\n          <StyledSwapButton\n            variant=\"outlined\"\n            onClick={onAddItems}\n            data-testid=\"add-button\"\n          >\n            {<Icon icon=\"ARROW_RIGHT_SIMPLE\" />}\n          </StyledSwapButton>\n\n          <StyledSwapButton\n            variant=\"outlined\"\n            onClick={onRemoveItems}\n            data-testid=\"remove-button\"\n          >\n            {<Icon icon=\"ARROW_LEFT_SIMPLE\" />}\n          </StyledSwapButton>\n        </Stack>\n\n        <Card flex={1}>\n          <Stack flex={1} overflow=\"hidden\">\n            <Stack direction=\"row\" gap={1} padding={2}>\n              <Checkbox\n                size=\"small\"\n                indeterminate={\n                  selectedesForRemove.length > 0 &&\n                  selectedesForRemove.length !== selectedItems.length\n                }\n                checked={\n                  selectedesForRemove.length > 0 &&\n                  selectedesForRemove.length === selectedItems.length\n                }\n                onChange={e => onSelectAllForRemove(e.target.checked)}\n              />\n\n              <Stack>\n                <Typography variant=\"subtitle2\" color=\"text.primary\">\n                  {`${selectedItemsTitle} selecionados(as)`}\n                </Typography>\n\n                <Typography variant=\"caption\" color=\"text.disabled\">\n                  {`${selectedesForRemove.length}/${selectedItems.length} selecionados`}\n                </Typography>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Stack p={2} gap={1} overflow=\"hidden\">\n              {enableSearchInSelectedItems && (\n                <SearchInput\n                  iconPosition=\"start\"\n                  placeholder=\"Buscar\"\n                  size=\"small\"\n                  fullWidth\n                  trigger=\"change\"\n                  onSearch={value => setLocalSearch(value ?? '')}\n                  onKeyDown={handleKeyDown}\n                />\n              )}\n              <Result\n                isLoading={loading}\n                loading={\n                  <Stack alignItems=\"center\" justifyContent=\"center\" flex={1}>\n                    <CircularProgress />\n                  </Stack>\n                }\n                isEmpty={filtredSelectedItems.length === 0}\n                empty={\n                  <EmptyView\n                    text={\n                      localSearch && enableSearchInSelectedItems\n                        ? `Nenhum ${searchText} encontrado`\n                        : `Nenhum ${searchText} selecionado`\n                    }\n                    sx={{\n                      svg: { height: 140 },\n                      marginTop: '56px',\n                      backgroundColor: 'transparent',\n                    }}\n                  />\n                }\n              >\n                <Scrollbar sx={{ maxHeight: 280 }}>\n                  {filtredSelectedItems.map(element => (\n                    <Stack gap={1} key={element.id}>\n                      <Stack\n                        direction=\"row\"\n                        gap={0.5}\n                        alignItems=\"center\"\n                        marginTop=\"8px\"\n                      >\n                        <Stack direction=\"row\">\n                          {selectedItemChild && selectedItemChild(element)}\n\n                          <Checkbox\n                            size=\"small\"\n                            checked={selectedesForRemove.includes(element)}\n                            onChange={event =>\n                              onSelectItemForRemove(\n                                element,\n                                event.target.checked,\n                              )\n                            }\n                          />\n                        </Stack>\n                        {element.label}\n                      </Stack>\n                      <Divider />\n                    </Stack>\n                  ))}\n                </Scrollbar>\n              </Result>\n            </Stack>\n          </Stack>\n        </Card>\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default SwapList;\n","import Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledSwapButton = styled(Button)(({ theme }) => ({\n  borderColor: theme.palette.grey[300],\n}));\n\nexport const Card = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  border: `1.5px solid ${theme.palette.grey[300]}`,\n  height: 450,\n  borderRadius: 8,\n  flex: 1,\n  overflow: 'hidden',\n}));\n"]}
+{"version":3,"sources":["../../../src/components/SwapList/index.tsx","../../../src/components/SwapList/styles.ts"],"names":["useState","Checkbox","CircularProgress","Divider","Stack","Typography","debounce","Box","Button","styled","StyledSwapButton","theme","Card","jsx","jsxs","SwapList","selectedItems","items","loading","searchText","onAdd","onRemove","search","itemsTitle","selectedItemsTitle","additionalContent","enableSearchInSelectedItems","selectedItemChild","onSearch","localSearch","setLocalSearch","handleSearchWithDebounce","availableItems","item","selectedItem","searchedSelectedItems","filtredSelectedItems","selectedesForAdd","setSelectedesForAdd","selectedesForRemove","setSelectedesForRemove","onAddItems","onRemoveItems","onSelectAllForRemove","checked","onSelectAllForAdd","onSelectItemForRemove","prevState","prevItem","onSelectItemForAdd","handleKeyDown","SearchInput_default","value","Result_default","EmptyView_default","Scrollbar_default","element","event","Icon_default","SwapList_default"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport debounce from '@mui/material/utils/debounce';\n\nimport EmptyView from 'components/EmptyView';\nimport Icon from 'components/Icon';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\nimport { Item } from 'types/item';\n\nimport { SwapListProps } from './props';\nimport { Card, StyledSwapButton } from './styles';\n\nconst SwapList = ({\n  selectedItems,\n  items,\n  loading,\n  searchText,\n  onAdd,\n  onRemove,\n  search,\n  itemsTitle,\n  selectedItemsTitle,\n  additionalContent,\n  enableSearchInSelectedItems,\n  selectedItemChild,\n  onSearch,\n}: SwapListProps) => {\n  const [localSearch, setLocalSearch] = useState<string>('');\n  const handleSearchWithDebounce = debounce(onSearch, 400);\n\n  const availableItems = items.filter(\n    item => !selectedItems.some(selectedItem => selectedItem.id === item.id),\n  );\n\n  const searchedSelectedItems = selectedItems.filter(\n    item =>\n      item.name?.toLowerCase().includes(localSearch.toLowerCase()) ||\n      item.id?.toLowerCase().includes(localSearch.toLowerCase()),\n  );\n\n  const filtredSelectedItems =\n    enableSearchInSelectedItems && localSearch\n      ? searchedSelectedItems\n      : selectedItems;\n\n  const [selectedesForAdd, setSelectedesForAdd] = useState<Item[]>([]);\n\n  const [selectedesForRemove, setSelectedesForRemove] = useState<Item[]>([]);\n\n  const onAddItems = () => {\n    onAdd(selectedesForAdd);\n    setSelectedesForAdd([]);\n  };\n\n  const onRemoveItems = () => {\n    onRemove(selectedesForRemove);\n    setSelectedesForRemove([]);\n  };\n\n  const onSelectAllForRemove = (checked: boolean) => {\n    if (checked) {\n      setSelectedesForRemove(filtredSelectedItems);\n    } else {\n      setSelectedesForRemove([]);\n    }\n  };\n\n  const onSelectAllForAdd = (checked: boolean) => {\n    if (checked) {\n      setSelectedesForAdd(availableItems);\n    } else {\n      setSelectedesForAdd([]);\n    }\n  };\n\n  const onSelectItemForRemove = (item: Item, checked: boolean) => {\n    if (checked) {\n      setSelectedesForRemove(prevState => [...prevState, item]);\n    } else {\n      setSelectedesForRemove(prevState =>\n        prevState.filter(prevItem => prevItem.id !== item.id),\n      );\n    }\n  };\n\n  const onSelectItemForAdd = (item: Item, checked: boolean) => {\n    if (checked) {\n      setSelectedesForAdd(prevState => [...prevState, item]);\n    } else {\n      setSelectedesForAdd(prevState =>\n        prevState.filter(prevItem => prevItem.id !== item.id),\n      );\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter') e.preventDefault();\n  };\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" alignItems=\"center\" gap={3}>\n        <Card flex={1}>\n          <Stack flex={1} overflow=\"hidden\">\n            <Stack direction=\"row\" gap={1} padding={2}>\n              <Checkbox\n                size=\"small\"\n                indeterminate={\n                  selectedesForAdd.length > 0 &&\n                  selectedesForAdd.length !== availableItems.length\n                }\n                checked={\n                  selectedesForAdd.length > 0 &&\n                  selectedesForAdd.length === availableItems.length\n                }\n                onChange={e => onSelectAllForAdd(e.target.checked)}\n              />\n\n              <Stack>\n                <Typography variant=\"subtitle2\" color=\"text.primary\">\n                  {`${itemsTitle} cadastrados(as)`}\n                </Typography>\n\n                <Typography variant=\"caption\" color=\"text.disabled\">\n                  {`${selectedesForAdd.length}/${availableItems.length} selecionados`}\n                </Typography>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Stack p={2} flex={1} overflow=\"hidden\">\n              <Stack direction=\"row\" gap={1}>\n                <SearchInput\n                  iconPosition=\"start\"\n                  placeholder=\"Buscar\"\n                  onKeyDown={handleKeyDown}\n                  size=\"small\"\n                  fullWidth\n                  trigger=\"change\"\n                  onSearch={value => handleSearchWithDebounce(value)}\n                />\n                {additionalContent}\n              </Stack>\n\n              <Result\n                isLoading={loading}\n                loading={\n                  <Stack alignItems=\"center\" justifyContent=\"center\" flex={1}>\n                    <CircularProgress />\n                  </Stack>\n                }\n                isEmpty={availableItems.length === 0}\n                empty={\n                  <EmptyView\n                    text={\n                      search\n                        ? `Nenhum ${searchText} encontrado`\n                        : `Nenhum ${searchText} disponível`\n                    }\n                    sx={{ svg: { height: 140 } }}\n                  />\n                }\n              >\n                <Scrollbar sx={{ maxHeight: 280 }}>\n                  {availableItems.map(element => (\n                    <Stack gap={1} key={element.id} marginTop=\"8px\">\n                      <Stack\n                        direction=\"row\"\n                        gap={0.5}\n                        alignItems=\"center\"\n                        marginTop=\"8px\"\n                      >\n                        <Checkbox\n                          size=\"small\"\n                          checked={selectedesForAdd.includes(element)}\n                          onChange={event =>\n                            onSelectItemForAdd(element, event.target.checked)\n                          }\n                        />\n                        {element.label}\n                      </Stack>\n                      <Divider />\n                    </Stack>\n                  ))}\n                </Scrollbar>\n              </Result>\n            </Stack>\n          </Stack>\n        </Card>\n\n        <Stack gap={3}>\n          <StyledSwapButton\n            variant=\"outlined\"\n            onClick={onAddItems}\n            data-testid=\"add-button\"\n          >\n            {<Icon icon=\"ARROW_RIGHT_SIMPLE\" />}\n          </StyledSwapButton>\n\n          <StyledSwapButton\n            variant=\"outlined\"\n            onClick={onRemoveItems}\n            data-testid=\"remove-button\"\n          >\n            {<Icon icon=\"ARROW_LEFT_SIMPLE\" />}\n          </StyledSwapButton>\n        </Stack>\n\n        <Card flex={1}>\n          <Stack flex={1} overflow=\"hidden\">\n            <Stack direction=\"row\" gap={1} padding={2}>\n              <Checkbox\n                size=\"small\"\n                indeterminate={\n                  selectedesForRemove.length > 0 &&\n                  selectedesForRemove.length !== selectedItems.length\n                }\n                checked={\n                  selectedesForRemove.length > 0 &&\n                  selectedesForRemove.length === selectedItems.length\n                }\n                onChange={e => onSelectAllForRemove(e.target.checked)}\n              />\n\n              <Stack>\n                <Typography variant=\"subtitle2\" color=\"text.primary\">\n                  {`${selectedItemsTitle} selecionados(as)`}\n                </Typography>\n\n                <Typography variant=\"caption\" color=\"text.disabled\">\n                  {`${selectedesForRemove.length}/${selectedItems.length} selecionados`}\n                </Typography>\n              </Stack>\n            </Stack>\n\n            <Divider />\n\n            <Stack p={2} gap={1} overflow=\"hidden\">\n              {enableSearchInSelectedItems && (\n                <SearchInput\n                  iconPosition=\"start\"\n                  placeholder=\"Buscar\"\n                  size=\"small\"\n                  fullWidth\n                  trigger=\"change\"\n                  onSearch={value => setLocalSearch(value ?? '')}\n                  onKeyDown={handleKeyDown}\n                />\n              )}\n              <Result\n                isLoading={loading}\n                loading={\n                  <Stack alignItems=\"center\" justifyContent=\"center\" flex={1}>\n                    <CircularProgress />\n                  </Stack>\n                }\n                isEmpty={filtredSelectedItems.length === 0}\n                empty={\n                  <EmptyView\n                    text={\n                      localSearch && enableSearchInSelectedItems\n                        ? `Nenhum ${searchText} encontrado`\n                        : `Nenhum ${searchText} selecionado`\n                    }\n                    sx={{\n                      svg: { height: 140 },\n                      marginTop: '56px',\n                      backgroundColor: 'transparent',\n                    }}\n                  />\n                }\n              >\n                <Scrollbar sx={{ maxHeight: 280 }}>\n                  {filtredSelectedItems.map(element => (\n                    <Stack gap={1} key={element.id}>\n                      <Stack\n                        direction=\"row\"\n                        gap={0.5}\n                        alignItems=\"center\"\n                        marginTop=\"8px\"\n                      >\n                        <Stack direction=\"row\">\n                          {selectedItemChild && selectedItemChild(element)}\n\n                          <Checkbox\n                            size=\"small\"\n                            checked={selectedesForRemove.includes(element)}\n                            onChange={event =>\n                              onSelectItemForRemove(\n                                element,\n                                event.target.checked,\n                              )\n                            }\n                          />\n                        </Stack>\n                        {element.label}\n                      </Stack>\n                      <Divider />\n                    </Stack>\n                  ))}\n                </Scrollbar>\n              </Result>\n            </Stack>\n          </Stack>\n        </Card>\n      </Stack>\n    </Stack>\n  );\n};\n\nexport default SwapList;\n","import Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledSwapButton = styled(Button)(({ theme }) => ({\n  borderColor: theme.palette.grey[300],\n}));\n\nexport const Card = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  border: `1.5px solid ${theme.palette.grey[300]}`,\n  height: 450,\n  borderRadius: 8,\n  flex: 1,\n  overflow: 'hidden',\n}));\n"]}

package/dist/components/ToggleTheme/index.js

@@ -1,13 +1,13 @@
 export { a as default } from '../../chunk-UJMWTYPH.js';
 import '../../chunk-U4I7JPER.js';
-import '../../chunk-AYUKIKNC.js';
+import '../../chunk-NWT5TUJO.js';
 import '../../chunk-373WGZZL.js';
+import '../../chunk-BX2DSNRV.js';
 import '../../chunk-X4F3O7PX.js';
 import '../../chunk-Q2AVS24Z.js';
 import '../../chunk-LNESYSHP.js';
 import '../../chunk-YPL4KIKN.js';
 import '../../chunk-HBOBTNB5.js';
 import '../../chunk-WUFEPE2G.js';
-import '../../chunk-BX2DSNRV.js';
 import '../../chunk-GLRLKFPS.js';
 //# sourceMappingURL=index.js.map

package/dist/components/WebhookCard/index.js

@@ -2,8 +2,164 @@ import { d } from '../../chunk-JNDZPNQJ.js';
 import { a as a$3 } from '../../chunk-7LBBLVDC.js';
 import { a as a$2 } from '../../chunk-UVPQR2Q2.js';
 import { a } from '../../chunk-CO2KQFUN.js';
-import { a as a$4 } from '../../chunk-2GTD4JW2.js';
-import '../../chunk-PBLSVXV5.js';
+import { a as a$4 } from '../../chunk-UK2F7TWJ.js';
+import '../../chunk-QNXYDH4Z.js';
+import '../../chunk-PB74EKXH.js';
+import '../../chunk-TP556MUN.js';
+import '../../chunk-EKZYDHUV.js';
+import '../../chunk-34CI5VGF.js';
+import '../../chunk-6YJXV77R.js';
+import '../../chunk-SQ3T74SK.js';
+import '../../chunk-UALPBWPM.js';
+import '../../chunk-3SPYJ5KY.js';
+import '../../chunk-GVWYETWT.js';
+import '../../chunk-AXS455TH.js';
+import '../../chunk-L4BJKCBQ.js';
+import '../../chunk-YYABA4NC.js';
+import '../../chunk-BTVUQ4XU.js';
+import '../../chunk-RP27UYVF.js';
+import '../../chunk-WBTIOMTF.js';
+import '../../chunk-ZCXQFAMG.js';
+import '../../chunk-SRI4ERT7.js';
+import '../../chunk-N63KFRAE.js';
+import '../../chunk-I65NZFOS.js';
+import '../../chunk-REVEMW2Z.js';
+import '../../chunk-JYHFX7VQ.js';
+import '../../chunk-WO6NCPDR.js';
+import '../../chunk-VV3FVOPK.js';
+import '../../chunk-62MXETHC.js';
+import '../../chunk-7ITH2BHN.js';
+import '../../chunk-GNE65ADW.js';
+import '../../chunk-7NSBILAB.js';
+import '../../chunk-EVCYTUOO.js';
+import '../../chunk-TF7C2MZM.js';
+import '../../chunk-2TEGEJGR.js';
+import '../../chunk-AGR54T2W.js';
+import '../../chunk-IPCUGUUQ.js';
+import '../../chunk-RCVDECZO.js';
+import '../../chunk-5P366VJV.js';
+import '../../chunk-4PK45LZ6.js';
+import '../../chunk-7JCS6XUD.js';
+import '../../chunk-CA3ERMCD.js';
+import '../../chunk-AOYZX4RD.js';
+import '../../chunk-3PF55BQ7.js';
+import '../../chunk-3O6DQK2Y.js';
+import '../../chunk-T3IMQCA4.js';
+import '../../chunk-LAW2SJKD.js';
+import '../../chunk-LECYUASO.js';
+import '../../chunk-HWADDMHQ.js';
+import '../../chunk-PEVNYPIT.js';
+import '../../chunk-RG3WUQ4U.js';
+import '../../chunk-VZQQHRES.js';
+import '../../chunk-ZHHHHVP3.js';
+import '../../chunk-FJYFLKYT.js';
+import '../../chunk-ZZYKPI33.js';
+import '../../chunk-77GXDO2J.js';
+import '../../chunk-PGPNLB6H.js';
+import '../../chunk-6MIB3Y74.js';
+import '../../chunk-YRPX7STA.js';
+import '../../chunk-XT2VU2IS.js';
+import '../../chunk-SWQTSSZB.js';
+import '../../chunk-4B4SAKN4.js';
+import '../../chunk-CRWHTBBL.js';
+import '../../chunk-ISPMY4EO.js';
+import '../../chunk-GFCDZMNY.js';
+import '../../chunk-23HPXWBG.js';
+import '../../chunk-R4BWG6IP.js';
+import '../../chunk-UVPHAGRR.js';
+import '../../chunk-36LUOVQV.js';
+import '../../chunk-QGXUR7SS.js';
+import '../../chunk-LAXL2FZH.js';
+import '../../chunk-UVBYI6Q4.js';
+import '../../chunk-2A3JEAR2.js';
+import '../../chunk-VS3HUF6I.js';
+import '../../chunk-LFFKQ5UY.js';
+import '../../chunk-KECDPJAX.js';
+import '../../chunk-2E3WI5RW.js';
+import '../../chunk-47GVGG4B.js';
+import '../../chunk-W6OLLGA5.js';
+import '../../chunk-K36XVEPZ.js';
+import '../../chunk-LA3IVJH3.js';
+import '../../chunk-TJDQSDGI.js';
+import '../../chunk-BXJEICPS.js';
+import '../../chunk-J5KDPAWP.js';
+import '../../chunk-BHGV4CYW.js';
+import '../../chunk-U4CAICN5.js';
+import '../../chunk-VQGBKDR7.js';
+import '../../chunk-J5CCDUEI.js';
+import '../../chunk-FIUVFX7R.js';
+import '../../chunk-3TBO3DSP.js';
+import '../../chunk-3JN2ENSO.js';
+import '../../chunk-B5AEISFL.js';
+import '../../chunk-66NGYJR5.js';
+import '../../chunk-4XYO73JX.js';
+import '../../chunk-6VHOHMT5.js';
+import '../../chunk-JDYJQJDC.js';
+import '../../chunk-467QIKOJ.js';
+import '../../chunk-4XW2XJLH.js';
+import '../../chunk-EAYBPL7I.js';
+import '../../chunk-IPKFFCW7.js';
+import '../../chunk-VJXZF4JZ.js';
+import '../../chunk-E2XW3ALY.js';
+import '../../chunk-W6CDOZMZ.js';
+import '../../chunk-FGIQXYQH.js';
+import '../../chunk-XBXD5FTK.js';
+import '../../chunk-3VYKHXMB.js';
+import '../../chunk-I3JOQYPX.js';
+import '../../chunk-MAQJHBRG.js';
+import '../../chunk-CG5OVPIM.js';
+import '../../chunk-EDZ6ZOEL.js';
+import '../../chunk-PPJJQFNS.js';
+import '../../chunk-NY7OH64D.js';
+import '../../chunk-DVN7YBAX.js';
+import '../../chunk-DMC7LQ4N.js';
+import '../../chunk-PANXFSBJ.js';
+import '../../chunk-FZEGQP3E.js';
+import '../../chunk-ISUBGMY4.js';
+import '../../chunk-3TJSB74Q.js';
+import '../../chunk-QLECZZYA.js';
+import '../../chunk-YYGFBIXE.js';
+import '../../chunk-VXTPFEPK.js';
+import '../../chunk-6VNI2SDX.js';
+import '../../chunk-6Q272Q44.js';
+import '../../chunk-XC42LUQQ.js';
+import '../../chunk-6HGX6PF6.js';
+import '../../chunk-RMM5IYNJ.js';
+import '../../chunk-SQKLWJ23.js';
+import '../../chunk-WENSCH6W.js';
+import '../../chunk-L3YFWYLR.js';
+import '../../chunk-3EFT6YSD.js';
+import '../../chunk-5NGWT3M5.js';
+import '../../chunk-WU5EGX2L.js';
+import '../../chunk-2OSAD34A.js';
+import '../../chunk-KP4SEXGX.js';
+import '../../chunk-5GLDXPBY.js';
+import '../../chunk-LQ2SLABO.js';
+import '../../chunk-FUVYZQLW.js';
+import '../../chunk-M22MNKOD.js';
+import '../../chunk-KFSNHVPI.js';
+import '../../chunk-PE4NNNW3.js';
+import '../../chunk-2I3FMGM3.js';
+import '../../chunk-KJNTTEAK.js';
+import '../../chunk-DTZ47O5J.js';
+import '../../chunk-3E2CZNAB.js';
+import '../../chunk-35FR4FOA.js';
+import '../../chunk-L3CADPDV.js';
+import '../../chunk-KC5WXOCZ.js';
+import '../../chunk-QOPUYMDW.js';
+import '../../chunk-GI2Q5ZKI.js';
+import '../../chunk-3GJ5AP7R.js';
+import '../../chunk-2ZGXYB4B.js';
+import '../../chunk-O5AVZ4XZ.js';
+import '../../chunk-STILB7RV.js';
+import '../../chunk-4HT344UK.js';
+import '../../chunk-HNQ253ZD.js';
+import '../../chunk-KIUSOVMC.js';
+import '../../chunk-DSQHDHEJ.js';
+import '../../chunk-ABGWQJMQ.js';
+import '../../chunk-N3QD4762.js';
+import '../../chunk-VXLXFRSL.js';
+import '../../chunk-TPOL2YXC.js';
 import { a as a$1 } from '../../chunk-LQRRMVFN.js';
 import '../../chunk-GLRLKFPS.js';
 import E from '@mui/material/Button';

package/dist/components/WebhookCard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/WebhookCard/index.tsx","../../../src/components/WebhookCard/styles.ts"],"names":["Button","FormControlLabel","IconButton","Link","Stack","Switch","Typography","styled","Header","theme","Name","Content","Empty","Webhook","MenuPopover","MenuPopover_default","Fragment","jsx","jsxs","WebhookCard","onCreate","data","name","onChangeActive","onDelete","onEdit","active","popover","usePopover_default","handleEdit","handleDelete","Panel_default","_","v","Label_default","Icon_default","HttpConfigLabelMethodStatus","WebhookCard_default"],"mappings":"mUAAA,OAAOA,MAAY,uBACnB,OAAOC,MAAsB,iCAC7B,OAAOC,MAAgB,2BACvB,OAAOC,MAAU,qBACjB,OAAOC,MAAW,sBAClB,OAAOC,MAAY,uBACnB,OAAOC,MAAgB,2BCNvB,OAAOF,MAAW,sBAClB,OAAS,UAAAG,MAAc,uBACvB,OAAOD,MAAgB,2BAIhB,IAAME,EAASD,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CAClD,cAAe,MACf,QAAS,GACT,gBAAiBA,EAAM,QAAQ,KAAK,GAAG,EACvC,oBAAqB,MACrB,qBAAsB,MACtB,aAAc,aAAaA,EAAM,QAAQ,KAAK,GAAG,IAEjD,OAAQ,CACN,WAAY,MACd,CACF,EAAE,EAEWC,EAAOH,EAAOD,CAAU,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACrD,MAAOA,EAAM,QAAQ,KAAK,GAAG,EAC7B,cAAe,YACf,SAAU,GAEV,KAAM,CACJ,MAAOA,EAAM,QAAQ,KAAK,QAC1B,WAAY,GACd,CACF,EAAE,EAEWE,EAAUJ,EAAOH,CAAK,EAAE,CACnC,QAAS,EACX,CAAC,EAEYQ,EAAQL,EAAOH,CAAK,EAAE,CACjC,QAAS,GACT,WAAY,SACZ,UAAW,QACb,CAAC,EAEYS,EAAUN,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACnD,cAAe,MACf,WAAY,SACZ,IAAK,EACL,SAAUA,EAAM,WAAW,MAAM,SACjC,MAAOA,EAAM,QAAQ,KAAK,GAAG,EAC7B,QAAS,OACX,EAAE,EAEWK,EAAcP,EAAOQ,CAAO,EAAE,KAAO,CAChD,sBAAuB,CACrB,MAAO,QACP,QAAS,MACX,EAEA,WAAY,CACV,eAAgB,YAClB,CACF,EAAE,EDfQ,OAuBA,YAAAC,EAtBU,OAAAC,EADV,QAAAC,MAAA,oBA1BV,IAAMC,EAAc,CAAC,CACnB,SAAAC,EACA,KAAAC,EACA,KAAAC,EACA,eAAAC,EACA,SAAAC,EACA,OAAAC,CACF,IAAwB,CACtB,GAAM,CAAE,OAAAC,EAAS,EAAM,EAAIL,GAAQ,CAAC,EAE9BM,EAAUC,EAAW,EAErBC,EAAa,IAAM,CACvBJ,EAAO,EACPE,EAAQ,QAAQ,CAClB,EAEMG,EAAe,IAAM,CACzBN,EAAS,EACTG,EAAQ,QAAQ,CAClB,EAEA,OACET,EAACa,EAAA,CAAM,QAAS,EAAG,IAAK,EAAG,GAAI,CAAE,QAASV,GAAQ,CAACK,EAAS,IAAO,CAAE,EACnE,UAAAR,EAACV,EAAA,CACC,UAAAU,EAACd,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,EAC9C,UAAAc,EAACR,EAAA,CAAK,qBACIO,EAAC,QAAM,SAAAK,GAAQ,iBAAiB,GAC1C,EAECC,GAAkBF,GACjBJ,EAAChB,EAAA,CACC,QACEgB,EAACZ,EAAA,CACC,QAASqB,EACT,SAAU,CAACM,EAAGC,IAAMV,EAAeU,CAAC,EACpC,KAAK,QACP,EAEF,MACEhB,EAACiB,EAAA,CAAM,MAAOR,EAAS,UAAY,QAChC,SAAAA,EAAS,QAAU,UACtB,EAEJ,GAEJ,EAECL,GACCH,EAAAF,EAAA,CACE,UAAAC,EAACf,EAAA,CACC,aAAW,+BACX,cAAY,2BACZ,QAASyB,EAAQ,OAEjB,SAAAV,EAACkB,EAAA,CACC,KAAK,wBACL,MAAM,eACN,MAAO,GACT,EACF,EAEAlB,EAACH,EAAA,CAAY,KAAMa,EAAQ,KAAM,QAASA,EAAQ,QAChD,SAAAT,EAACd,EAAA,CAAM,IAAK,EACV,UAAAa,EAACjB,EAAA,CACC,QAAQ,OACR,KAAK,QACL,UAAS,GACT,MAAM,UACN,UAAWiB,EAACkB,EAAA,CAAK,KAAK,cAAc,MAAM,OAAO,EACjD,QAASN,EAET,SAAAZ,EAACX,EAAA,CAAW,QAAQ,QAAQ,kBAAM,EACpC,EACAW,EAACjB,EAAA,CACC,QAAQ,OACR,KAAK,QACL,UAAS,GACT,MAAM,UACN,QAAS8B,EACT,UAAWb,EAACkB,EAAA,CAAK,KAAK,wBAAwB,MAAM,OAAO,EAE3D,SAAAlB,EAACX,EAAA,CAAW,QAAQ,QAAQ,kBAAM,EACpC,GACF,EACF,GACF,GAEJ,EAEAW,EAACN,EAAA,CACE,SAAAU,EACCH,EAACL,EAAA,CACC,UAAAI,EAACiB,EAAA,CAAM,MAAOE,EAA4Bf,EAAK,MAAM,EAClD,SAAAA,EAAK,OACR,EACCA,EAAK,KACR,EAEAH,EAACN,EAAA,CACC,UAAAK,EAACX,EAAA,CAAW,QAAQ,UAAU,MAAM,gBAAgB,iDAEpD,EACAW,EAACd,EAAA,CACC,UAAU,SACV,SAAU,GACV,UAAU,SACV,QAASiB,EACT,KAAK,SACN,sCAED,GACF,EAEJ,GACF,CAEJ,EAEOiB,GAAQlB","sourcesContent":["import Button from '@mui/material/Button';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Stack from '@mui/material/Stack';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Label from 'components/Label';\nimport Panel from 'components/Panel';\nimport usePopover from 'hooks/usePopover';\nimport { HttpConfigLabelMethodStatus } from 'types/webhook';\n\nimport { WebhookCardProps } from './props';\nimport { Content, Empty, Header, MenuPopover, Name, Webhook } from './styles';\n\nconst WebhookCard = ({\n  onCreate,\n  data,\n  name,\n  onChangeActive,\n  onDelete,\n  onEdit,\n}: WebhookCardProps) => {\n  const { active = false } = data || {};\n\n  const popover = usePopover();\n\n  const handleEdit = () => {\n    onEdit();\n    popover.onClose();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    popover.onClose();\n  };\n\n  return (\n    <Panel padding={0} gap={0} sx={{ opacity: data && !active ? 0.55 : 1 }}>\n      <Header>\n        <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n          <Name>\n            EVENTO: <span>{name || 'NOME DO EVENTO'}</span>\n          </Name>\n\n          {onChangeActive && data && (\n            <FormControlLabel\n              control={\n                <Switch\n                  checked={active}\n                  onChange={(_, v) => onChangeActive(v)}\n                  size=\"small\"\n                />\n              }\n              label={\n                <Label color={active ? 'success' : 'error'}>\n                  {active ? 'Ativo' : 'Inativo'}\n                </Label>\n              }\n            />\n          )}\n        </Stack>\n\n        {data && (\n          <>\n            <IconButton\n              aria-label=\"Mais opções do webhook\"\n              data-testid=\"webhook-more-options-btn\"\n              onClick={popover.onOpen}\n            >\n              <Icon\n                icon=\"MORE_OPTIONS_VERTICAL\"\n                color=\"primary.grey\"\n                width={24}\n              />\n            </IconButton>\n\n            <MenuPopover open={popover.open} onClose={popover.onClose}>\n              <Stack gap={1}>\n                <Button\n                  variant=\"text\"\n                  size=\"small\"\n                  fullWidth\n                  color=\"inherit\"\n                  startIcon={<Icon icon=\"PENCIL_EDIT\" color=\"grey\" />}\n                  onClick={handleEdit}\n                >\n                  <Typography variant=\"body2\">Editar</Typography>\n                </Button>\n                <Button\n                  variant=\"text\"\n                  size=\"small\"\n                  fullWidth\n                  color=\"inherit\"\n                  onClick={handleDelete}\n                  startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" color=\"grey\" />}\n                >\n                  <Typography variant=\"body2\">Limpar</Typography>\n                </Button>\n              </Stack>\n            </MenuPopover>\n          </>\n        )}\n      </Header>\n\n      <Content>\n        {data ? (\n          <Webhook>\n            <Label color={HttpConfigLabelMethodStatus[data.method]}>\n              {data.method}\n            </Label>\n            {data.url}\n          </Webhook>\n        ) : (\n          <Empty>\n            <Typography variant=\"caption\" color=\"text.disabled\">\n              Ainda não há webhook vinculado.\n            </Typography>\n            <Link\n              component=\"button\"\n              fontSize={12}\n              underline=\"always\"\n              onClick={onCreate}\n              type=\"button\"\n            >\n              Clique aqui para adicionar\n            </Link>\n          </Empty>\n        )}\n      </Content>\n    </Panel>\n  );\n};\n\nexport default WebhookCard;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Popover from 'components/MenuPopover';\n\nexport const Header = styled(Stack)(({ theme }) => ({\n  flexDirection: 'row',\n  padding: 12,\n  backgroundColor: theme.palette.grey[100],\n  borderTopLeftRadius: '8px',\n  borderTopRightRadius: '8px',\n  borderBottom: `1px solid ${theme.palette.grey[300]}`,\n\n  button: {\n    marginLeft: 'auto',\n  },\n}));\n\nexport const Name = styled(Typography)(({ theme }) => ({\n  color: theme.palette.grey[500],\n  textTransform: 'uppercase',\n  fontSize: 12,\n\n  span: {\n    color: theme.palette.text.primary,\n    fontWeight: 700,\n  },\n}));\n\nexport const Content = styled(Stack)({\n  padding: 12,\n});\n\nexport const Empty = styled(Stack)({\n  padding: 12,\n  alignItems: 'center',\n  textAlign: 'center',\n});\n\nexport const Webhook = styled(Stack)(({ theme }) => ({\n  flexDirection: 'row',\n  alignItems: 'center',\n  gap: 8,\n  fontSize: theme.typography.body2.fontSize,\n  color: theme.palette.grey[500],\n  padding: '8px 0',\n}));\n\nexport const MenuPopover = styled(Popover)(() => ({\n  '& .MuiPopover-paper': {\n    width: '144px',\n    padding: '16px',\n  },\n\n  '& button': {\n    justifyContent: 'flex-start',\n  },\n}));\n"]}
+{"version":3,"sources":["../../../src/components/WebhookCard/index.tsx","../../../src/components/WebhookCard/styles.ts"],"names":["Button","FormControlLabel","IconButton","Link","Stack","Switch","Typography","styled","Header","theme","Name","Content","Empty","Webhook","MenuPopover","MenuPopover_default","Fragment","jsx","jsxs","WebhookCard","onCreate","data","name","onChangeActive","onDelete","onEdit","active","popover","usePopover_default","handleEdit","handleDelete","Panel_default","_","v","Label_default","Icon_default","HttpConfigLabelMethodStatus","WebhookCard_default"],"mappings":"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","sourcesContent":["import Button from '@mui/material/Button';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Stack from '@mui/material/Stack';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Label from 'components/Label';\nimport Panel from 'components/Panel';\nimport usePopover from 'hooks/usePopover';\nimport { HttpConfigLabelMethodStatus } from 'types/webhook';\n\nimport { WebhookCardProps } from './props';\nimport { Content, Empty, Header, MenuPopover, Name, Webhook } from './styles';\n\nconst WebhookCard = ({\n  onCreate,\n  data,\n  name,\n  onChangeActive,\n  onDelete,\n  onEdit,\n}: WebhookCardProps) => {\n  const { active = false } = data || {};\n\n  const popover = usePopover();\n\n  const handleEdit = () => {\n    onEdit();\n    popover.onClose();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    popover.onClose();\n  };\n\n  return (\n    <Panel padding={0} gap={0} sx={{ opacity: data && !active ? 0.55 : 1 }}>\n      <Header>\n        <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n          <Name>\n            EVENTO: <span>{name || 'NOME DO EVENTO'}</span>\n          </Name>\n\n          {onChangeActive && data && (\n            <FormControlLabel\n              control={\n                <Switch\n                  checked={active}\n                  onChange={(_, v) => onChangeActive(v)}\n                  size=\"small\"\n                />\n              }\n              label={\n                <Label color={active ? 'success' : 'error'}>\n                  {active ? 'Ativo' : 'Inativo'}\n                </Label>\n              }\n            />\n          )}\n        </Stack>\n\n        {data && (\n          <>\n            <IconButton\n              aria-label=\"Mais opções do webhook\"\n              data-testid=\"webhook-more-options-btn\"\n              onClick={popover.onOpen}\n            >\n              <Icon\n                icon=\"MORE_OPTIONS_VERTICAL\"\n                color=\"primary.grey\"\n                width={24}\n              />\n            </IconButton>\n\n            <MenuPopover open={popover.open} onClose={popover.onClose}>\n              <Stack gap={1}>\n                <Button\n                  variant=\"text\"\n                  size=\"small\"\n                  fullWidth\n                  color=\"inherit\"\n                  startIcon={<Icon icon=\"PENCIL_EDIT\" color=\"grey\" />}\n                  onClick={handleEdit}\n                >\n                  <Typography variant=\"body2\">Editar</Typography>\n                </Button>\n                <Button\n                  variant=\"text\"\n                  size=\"small\"\n                  fullWidth\n                  color=\"inherit\"\n                  onClick={handleDelete}\n                  startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" color=\"grey\" />}\n                >\n                  <Typography variant=\"body2\">Limpar</Typography>\n                </Button>\n              </Stack>\n            </MenuPopover>\n          </>\n        )}\n      </Header>\n\n      <Content>\n        {data ? (\n          <Webhook>\n            <Label color={HttpConfigLabelMethodStatus[data.method]}>\n              {data.method}\n            </Label>\n            {data.url}\n          </Webhook>\n        ) : (\n          <Empty>\n            <Typography variant=\"caption\" color=\"text.disabled\">\n              Ainda não há webhook vinculado.\n            </Typography>\n            <Link\n              component=\"button\"\n              fontSize={12}\n              underline=\"always\"\n              onClick={onCreate}\n              type=\"button\"\n            >\n              Clique aqui para adicionar\n            </Link>\n          </Empty>\n        )}\n      </Content>\n    </Panel>\n  );\n};\n\nexport default WebhookCard;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Popover from 'components/MenuPopover';\n\nexport const Header = styled(Stack)(({ theme }) => ({\n  flexDirection: 'row',\n  padding: 12,\n  backgroundColor: theme.palette.grey[100],\n  borderTopLeftRadius: '8px',\n  borderTopRightRadius: '8px',\n  borderBottom: `1px solid ${theme.palette.grey[300]}`,\n\n  button: {\n    marginLeft: 'auto',\n  },\n}));\n\nexport const Name = styled(Typography)(({ theme }) => ({\n  color: theme.palette.grey[500],\n  textTransform: 'uppercase',\n  fontSize: 12,\n\n  span: {\n    color: theme.palette.text.primary,\n    fontWeight: 700,\n  },\n}));\n\nexport const Content = styled(Stack)({\n  padding: 12,\n});\n\nexport const Empty = styled(Stack)({\n  padding: 12,\n  alignItems: 'center',\n  textAlign: 'center',\n});\n\nexport const Webhook = styled(Stack)(({ theme }) => ({\n  flexDirection: 'row',\n  alignItems: 'center',\n  gap: 8,\n  fontSize: theme.typography.body2.fontSize,\n  color: theme.palette.grey[500],\n  padding: '8px 0',\n}));\n\nexport const MenuPopover = styled(Popover)(() => ({\n  '& .MuiPopover-paper': {\n    width: '144px',\n    padding: '16px',\n  },\n\n  '& button': {\n    justifyContent: 'flex-start',\n  },\n}));\n"]}