@zydon/common 2.2.47 → 2.2.49

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/StyledTab/index.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\nimport Tab from '@mui/material/Tab';\n\nimport Icon from '../Icon';\n\nimport { StyledTabProps } from './props';\n\nconst StyledTab = styled(\n  ({ label, onClose, icon, hasChanges, ...props }: StyledTabProps) => {\n    return (\n      <Tab\n        disableRipple\n        {...props}\n        label={\n          <Stack\n            position=\"relative\"\n            direction=\"row\"\n            alignItems=\"center\"\n            gap={1.5}\n            sx={theme => ({\n              '> span': {\n                position: 'absolute',\n                top: -14,\n                right: -10,\n\n                span: {\n                  position: 'fixed',\n                  width: 10,\n                  height: 10,\n                  backgroundColor: theme.palette.warning.main,\n                  border: '1px solid #fff',\n                  borderRadius: '50%',\n                  zIndex: 999,\n                },\n              },\n            })}\n          >\n            {icon}\n\n            {label}\n\n            <Icon\n              icon=\"CLOSE_MARK_BUTTON\"\n              width={16}\n              onClick={e => {\n                onClose();\n                e.stopPropagation();\n              }}\n            />\n            {hasChanges && (\n              <span>\n                <span />\n              </span>\n            )}\n          </Stack>\n        }\n      />\n    );\n  },\n)(({ theme }) => ({\n  textTransform: 'none',\n  fontSize: theme.typography.pxToRem(14),\n  margin: '0 !important',\n  color: `${theme.palette.primary.lighter} !important`,\n  minHeight: 'initial',\n  padding: '10px 16px',\n  backgroundColor: theme.palette.primary.dark,\n  border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,\n  borderBottom: 0,\n  borderRadius: '8px 8px 0 0',\n  fontWeight: 600,\n  overflow: 'initial !important',\n  lineHeight: 1,\n\n  '&.Mui-selected': {\n    color: `${theme.palette.text.primary} !important`,\n    backgroundColor: theme.palette.background.paper,\n    borderColor: theme.palette.primary.dark,\n\n    svg: {\n      color: theme.palette.text.disabled,\n    },\n  },\n\n  '&.Mui-focusVisible': {\n    backgroundColor: 'rgba(100, 95, 228, 0.32)',\n  },\n\n  'svg:hover': {\n    opacity: 0.85,\n  },\n}));\n\nexport default StyledTab;\n"],"mappings":"AAeU,SA2BE,KA3BF;AAfV,OAAO,WAAW;AAClB,SAAS,OAAO,cAAc;AAC9B,OAAO,SAAS;AAEhB,OAAO,UAAU;AAIjB,MAAM,YAAY;AAAA,EAChB,CAAC,EAAE,OAAO,SAAS,MAAM,YAAY,GAAG,MAAM,MAAsB;AAClE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACZ,GAAG;AAAA,QACJ,OACE;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,WAAU;AAAA,YACV,YAAW;AAAA,YACX,KAAK;AAAA,YACL,IAAI,YAAU;AAAA,cACZ,UAAU;AAAA,gBACR,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,OAAO;AAAA,gBAEP,MAAM;AAAA,kBACJ,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,kBACvC,QAAQ;AAAA,kBACR,cAAc;AAAA,kBACd,QAAQ;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,cAEA;AAAA,cAED;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,SAAS,OAAK;AACZ,4BAAQ;AACR,sBAAE,gBAAgB;AAAA,kBACpB;AAAA;AAAA,cACF;AAAA,cACC,cACC,oBAAC,UACC,8BAAC,UAAK,GACR;AAAA;AAAA;AAAA,QAEJ;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChB,eAAe;AAAA,EACf,UAAU,MAAM,WAAW,QAAQ,EAAE;AAAA,EACrC,QAAQ;AAAA,EACR,OAAO,GAAG,MAAM,QAAQ,QAAQ;AAAA,EAChC,WAAW;AAAA,EACX,SAAS;AAAA,EACT,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,EACvC,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,QAAQ,IAAI;AAAA,EAC7D,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,kBAAkB;AAAA,IAChB,OAAO,GAAG,MAAM,QAAQ,KAAK;AAAA,IAC7B,iBAAiB,MAAM,QAAQ,WAAW;AAAA,IAC1C,aAAa,MAAM,QAAQ,QAAQ;AAAA,IAEnC,KAAK;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,sBAAsB;AAAA,IACpB,iBAAiB;AAAA,EACnB;AAAA,EAEA,aAAa;AAAA,IACX,SAAS;AAAA,EACX;AACF,EAAE;AAEF,IAAO,oBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/StyledTab/index.tsx"],"names":["Stack","alpha","styled","Tab","jsx","jsxs","StyledTab","label","onClose","icon","hasChanges","props","theme","Icon_default","e","StyledTab_default"],"mappings":"uEAAA,OAAOA,MAAW,sBAClB,OAAS,SAAAC,EAAO,UAAAC,MAAc,uBAC9B,OAAOC,MAAS,oBAaN,OA2BE,OAAAC,EA3BF,QAAAC,MAAA,oBAPV,IAAMC,EAAYJ,EAChB,CAAC,CAAE,MAAAK,EAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,GAAGC,CAAM,IAE1CP,EAACD,EAAA,CACC,cAAa,GACZ,GAAGQ,EACJ,MACEN,EAACL,EAAA,CACC,SAAS,WACT,UAAU,MACV,WAAW,SACX,IAAK,IACL,GAAIY,IAAU,CACZ,SAAU,CACR,SAAU,WACV,IAAK,IACL,MAAO,IAEP,KAAM,CACJ,SAAU,QACV,MAAO,GACP,OAAQ,GACR,gBAAiBA,EAAM,QAAQ,QAAQ,KACvC,OAAQ,iBACR,aAAc,MACd,OAAQ,GACV,CACF,CACF,GAEC,UAAAH,EAEAF,EAEDH,EAACS,EAAA,CACC,KAAK,oBACL,MAAO,GACP,QAASC,GAAK,CACZN,EAAQ,EACRM,EAAE,gBAAgB,CACpB,EACF,EACCJ,GACCN,EAAC,QACC,SAAAA,EAAC,SAAK,EACR,GAEJ,EAEJ,CAGN,EAAE,CAAC,CAAE,MAAAQ,CAAM,KAAO,CAChB,cAAe,OACf,SAAUA,EAAM,WAAW,QAAQ,EAAE,EACrC,OAAQ,eACR,MAAO,GAAGA,EAAM,QAAQ,QAAQ,qBAChC,UAAW,UACX,QAAS,YACT,gBAAiBA,EAAM,QAAQ,QAAQ,KACvC,OAAQ,aAAaX,EAAMW,EAAM,QAAQ,QAAQ,OAAQ,GAAI,IAC7D,aAAc,EACd,aAAc,cACd,WAAY,IACZ,SAAU,qBACV,WAAY,EAEZ,iBAAkB,CAChB,MAAO,GAAGA,EAAM,QAAQ,KAAK,qBAC7B,gBAAiBA,EAAM,QAAQ,WAAW,MAC1C,YAAaA,EAAM,QAAQ,QAAQ,KAEnC,IAAK,CACH,MAAOA,EAAM,QAAQ,KAAK,QAC5B,CACF,EAEA,qBAAsB,CACpB,gBAAiB,0BACnB,EAEA,YAAa,CACX,QAAS,GACX,CACF,EAAE,EAEKG,EAAQT","sourcesContent":["import Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\nimport Tab from '@mui/material/Tab';\n\nimport Icon from '../Icon';\n\nimport { StyledTabProps } from './props';\n\nconst StyledTab = styled(\n  ({ label, onClose, icon, hasChanges, ...props }: StyledTabProps) => {\n    return (\n      <Tab\n        disableRipple\n        {...props}\n        label={\n          <Stack\n            position=\"relative\"\n            direction=\"row\"\n            alignItems=\"center\"\n            gap={1.5}\n            sx={theme => ({\n              '> span': {\n                position: 'absolute',\n                top: -14,\n                right: -10,\n\n                span: {\n                  position: 'fixed',\n                  width: 10,\n                  height: 10,\n                  backgroundColor: theme.palette.warning.main,\n                  border: '1px solid #fff',\n                  borderRadius: '50%',\n                  zIndex: 999,\n                },\n              },\n            })}\n          >\n            {icon}\n\n            {label}\n\n            <Icon\n              icon=\"CLOSE_MARK_BUTTON\"\n              width={16}\n              onClick={e => {\n                onClose();\n                e.stopPropagation();\n              }}\n            />\n            {hasChanges && (\n              <span>\n                <span />\n              </span>\n            )}\n          </Stack>\n        }\n      />\n    );\n  },\n)(({ theme }) => ({\n  textTransform: 'none',\n  fontSize: theme.typography.pxToRem(14),\n  margin: '0 !important',\n  color: `${theme.palette.primary.lighter} !important`,\n  minHeight: 'initial',\n  padding: '10px 16px',\n  backgroundColor: theme.palette.primary.dark,\n  border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,\n  borderBottom: 0,\n  borderRadius: '8px 8px 0 0',\n  fontWeight: 600,\n  overflow: 'initial !important',\n  lineHeight: 1,\n\n  '&.Mui-selected': {\n    color: `${theme.palette.text.primary} !important`,\n    backgroundColor: theme.palette.background.paper,\n    borderColor: theme.palette.primary.dark,\n\n    svg: {\n      color: theme.palette.text.disabled,\n    },\n  },\n\n  '&.Mui-focusVisible': {\n    backgroundColor: 'rgba(100, 95, 228, 0.32)',\n  },\n\n  'svg:hover': {\n    opacity: 0.85,\n  },\n}));\n\nexport default StyledTab;\n"]}

package/dist/components/StyledTabs/index.js

@@ -1,27 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { styled } from "@mui/material/styles";
-import Tabs from "@mui/material/Tabs";
-const StyledTabs = styled((props) => /* @__PURE__ */ jsx(Tabs, { ...props, variant: "scrollable", scrollButtons: "auto" }))({
-  height: "100%",
-  alignItems: "flex-end",
-  gap: 8,
-  "& .MuiTabs-indicator": {
-    display: "none",
-    justifyContent: "center",
-    backgroundColor: "transparent"
-  },
-  "& > .MuiButtonBase-root": {
-    height: 32,
-    width: 32,
-    color: "#fff",
-    marginBottom: 2
-  },
-  "& .MuiTabs-flexContainer": {
-    gap: 4
-  }
-});
-var StyledTabs_default = StyledTabs;
-export {
-  StyledTabs_default as default
-};
+import { styled } from '@mui/material/styles';
+import r from '@mui/material/Tabs';
+import { jsx } from 'react/jsx-runtime';
+
+var a=styled(o=>jsx(r,{...o,variant:"scrollable",scrollButtons:"auto"}))({height:"100%",alignItems:"flex-end",gap:8,"& .MuiTabs-indicator":{display:"none",justifyContent:"center",backgroundColor:"transparent"},"& > .MuiButtonBase-root":{height:32,width:32,color:"#fff",marginBottom:2},"& .MuiTabs-flexContainer":{gap:4}}),s=a;
+
+export { s as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/StyledTabs/index.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '@mui/material/Tabs';\n\nimport { StyledTabsProps } from './props';\n\nconst StyledTabs = styled((props: PropsWithChildren<StyledTabsProps>) => (\n  <Tabs {...props} variant=\"scrollable\" scrollButtons=\"auto\" />\n))({\n  height: '100%',\n  alignItems: 'flex-end',\n  gap: 8,\n\n  '& .MuiTabs-indicator': {\n    display: 'none',\n    justifyContent: 'center',\n    backgroundColor: 'transparent',\n  },\n\n  '& > .MuiButtonBase-root': {\n    height: 32,\n    width: 32,\n    color: '#fff',\n    marginBottom: 2,\n  },\n\n  '& .MuiTabs-flexContainer': {\n    gap: 4,\n  },\n});\nexport default StyledTabs;\n"],"mappings":"AAOE;AANF,SAAS,cAAc;AACvB,OAAO,UAAU;AAIjB,MAAM,aAAa,OAAO,CAAC,UACzB,oBAAC,QAAM,GAAG,OAAO,SAAQ,cAAa,eAAc,QAAO,CAC5D,EAAE;AAAA,EACD,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,KAAK;AAAA,EAEL,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB;AAAA,EAEA,2BAA2B;AAAA,IACzB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EAEA,4BAA4B;AAAA,IAC1B,KAAK;AAAA,EACP;AACF,CAAC;AACD,IAAO,qBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/StyledTabs/index.tsx"],"names":["styled","Tabs","jsx","StyledTabs","props","StyledTabs_default"],"mappings":"AACA,OAAS,UAAAA,MAAc,uBACvB,OAAOC,MAAU,qBAKf,cAAAC,MAAA,oBADF,IAAMC,EAAaH,EAAQI,GACzBF,EAACD,EAAA,CAAM,GAAGG,EAAO,QAAQ,aAAa,cAAc,OAAO,CAC5D,EAAE,CACD,OAAQ,OACR,WAAY,WACZ,IAAK,EAEL,uBAAwB,CACtB,QAAS,OACT,eAAgB,SAChB,gBAAiB,aACnB,EAEA,0BAA2B,CACzB,OAAQ,GACR,MAAO,GACP,MAAO,OACP,aAAc,CAChB,EAEA,2BAA4B,CAC1B,IAAK,CACP,CACF,CAAC,EACMC,EAAQF","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '@mui/material/Tabs';\n\nimport { StyledTabsProps } from './props';\n\nconst StyledTabs = styled((props: PropsWithChildren<StyledTabsProps>) => (\n  <Tabs {...props} variant=\"scrollable\" scrollButtons=\"auto\" />\n))({\n  height: '100%',\n  alignItems: 'flex-end',\n  gap: 8,\n\n  '& .MuiTabs-indicator': {\n    display: 'none',\n    justifyContent: 'center',\n    backgroundColor: 'transparent',\n  },\n\n  '& > .MuiButtonBase-root': {\n    height: 32,\n    width: 32,\n    color: '#fff',\n    marginBottom: 2,\n  },\n\n  '& .MuiTabs-flexContainer': {\n    gap: 4,\n  },\n});\nexport default StyledTabs;\n"]}

package/dist/components/Summary/index.js

@@ -1,15 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import { Container, Label, Value } from "./styles";
-const Summary = ({ data, ...other }) => {
-  if (data.length === 0)
-    return null;
-  return /* @__PURE__ */ jsx(Container, { gap: 1, ...other, children: data.map((d) => [
-    /* @__PURE__ */ jsx(Label, { variant: "body2", children: d.label }, `label:${d.id}`),
-    /* @__PURE__ */ jsx(Value, { variant: "body2", children: d.value }, `value:${d.id}`)
-  ]) });
-};
-var Summary_default = Summary;
-export {
-  Summary_default as default
-};
+import n from '@mui/material/Stack';
+import { styled } from '@mui/material/styles';
+import a from '@mui/material/Typography';
+import { jsx } from 'react/jsx-runtime';
+
+var l=styled(n)({display:"grid",gridTemplateColumns:"auto auto"}),p=styled(a)(({theme:e})=>({color:e.palette.grey[600],display:"flex",gap:"8px",alignItems:"center"})),i=styled(a)(({theme:e})=>({textAlign:"right",color:e.palette.grey[800]}));var u=({data:e,...m})=>e.length===0?null:jsx(l,{gap:1,...m,children:e.map(r=>[jsx(p,{variant:"body2",children:r.label},`label:${r.id}`),jsx(i,{variant:"body2",children:r.value},`value:${r.id}`)])}),c=u;
+
+export { c as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Summary/index.tsx"],"sourcesContent":["import { SummaryProps } from './props';\nimport { Container, Label, Value } from './styles';\n\nconst Summary = ({ data, ...other }: SummaryProps) => {\n  if (data.length === 0) return null;\n\n  return (\n    <Container gap={1} {...other}>\n      {data.map(d => [\n        <Label key={`label:${d.id}`} variant=\"body2\">\n          {d.label}\n        </Label>,\n        <Value key={`value:${d.id}`} variant=\"body2\">\n          {d.value}\n        </Value>,\n      ])}\n    </Container>\n  );\n};\n\nexport default Summary;\n"],"mappings":"AASQ;AARR,SAAS,WAAW,OAAO,aAAa;AAExC,MAAM,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,MAAoB;AACpD,MAAI,KAAK,WAAW;AAAG,WAAO;AAE9B,SACE,oBAAC,aAAU,KAAK,GAAI,GAAG,OACpB,eAAK,IAAI,OAAK;AAAA,IACb,oBAAC,SAA4B,SAAQ,SAClC,YAAE,SADO,SAAS,EAAE,IAEvB;AAAA,IACA,oBAAC,SAA4B,SAAQ,SAClC,YAAE,SADO,SAAS,EAAE,IAEvB;AAAA,EACF,CAAC,GACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/Summary/styles.ts","../../../src/components/Summary/index.tsx"],"names":["Stack","styled","Typography","Container","Label","theme","Value","jsx","Summary","data","other","d","Summary_default"],"mappings":"AAAA,OAAOA,MAAW,sBAClB,OAAS,UAAAC,MAAc,uBACvB,OAAOC,MAAgB,2BAEhB,IAAMC,EAAYF,EAAOD,CAAK,EAAE,CACrC,QAAS,OACT,oBAAqB,WACvB,CAAC,EAEYI,EAAQH,EAAOC,CAAU,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACtD,MAAOA,EAAM,QAAQ,KAAK,GAAG,EAC7B,QAAS,OACT,IAAK,MACL,WAAY,QACd,EAAE,EAEWC,EAAQL,EAAOC,CAAU,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACtD,UAAW,QACX,MAAOA,EAAM,QAAQ,KAAK,GAAG,CAC/B,EAAE,ECVM,cAAAE,MAAA,oBANR,IAAMC,EAAU,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,IAC5BD,EAAK,SAAW,EAAU,KAG5BF,EAACJ,EAAA,CAAU,IAAK,EAAI,GAAGO,EACpB,SAAAD,EAAK,IAAIE,GAAK,CACbJ,EAACH,EAAA,CAA4B,QAAQ,QAClC,SAAAO,EAAE,OADO,SAASA,EAAE,IAEvB,EACAJ,EAACD,EAAA,CAA4B,QAAQ,QAClC,SAAAK,EAAE,OADO,SAASA,EAAE,IAEvB,CACF,CAAC,EACH,EAIGC,EAAQJ","sourcesContent":["import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const Container = styled(Stack)({\n  display: 'grid',\n  gridTemplateColumns: 'auto auto',\n});\n\nexport const Label = styled(Typography)(({ theme }) => ({\n  color: theme.palette.grey[600],\n  display: 'flex',\n  gap: '8px',\n  alignItems: 'center',\n}));\n\nexport const Value = styled(Typography)(({ theme }) => ({\n  textAlign: 'right',\n  color: theme.palette.grey[800],\n}));\n","import { SummaryProps } from './props';\nimport { Container, Label, Value } from './styles';\n\nconst Summary = ({ data, ...other }: SummaryProps) => {\n  if (data.length === 0) return null;\n\n  return (\n    <Container gap={1} {...other}>\n      {data.map(d => [\n        <Label key={`label:${d.id}`} variant=\"body2\">\n          {d.label}\n        </Label>,\n        <Value key={`value:${d.id}`} variant=\"body2\">\n          {d.value}\n        </Value>,\n      ])}\n    </Container>\n  );\n};\n\nexport default Summary;\n"]}

package/dist/components/SwapList/index.js

@@ -1,249 +1,24 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import Checkbox from "@mui/material/Checkbox";
-import CircularProgress from "@mui/material/CircularProgress";
-import Divider from "@mui/material/Divider";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import { debounce } from "@mui/material/utils";
-import EmptyView from "components/EmptyView";
-import Icon from "components/Icon";
-import Result from "components/Result";
-import Scrollbar from "components/Scrollbar";
-import SearchInput from "components/SearchInput";
-import { Card, StyledSwapButton } from "./styles";
-const SwapList = ({
-  selectedItems,
-  items,
-  loading,
-  searchText,
-  onAdd,
-  onRemove,
-  search,
-  itemsTitle,
-  selectedItemsTitle,
-  additionalContent,
-  enableSearchInSelectedItems,
-  selectedItemChild,
-  onSearch
-}) => {
-  const [localSearch, setLocalSearch] = useState("");
-  const handleSearchWithDebounce = debounce(onSearch, 400);
-  const availableItems = items.filter(
-    (item) => !selectedItems.some((selectedItem) => selectedItem.id === item.id)
-  );
-  const searchedSelectedItems = selectedItems.filter(
-    (item) => item.name?.toLowerCase().includes(localSearch.toLowerCase()) || item.id?.toLowerCase().includes(localSearch.toLowerCase())
-  );
-  const filtredSelectedItems = enableSearchInSelectedItems && localSearch ? searchedSelectedItems : selectedItems;
-  const [selectedesForAdd, setSelectedesForAdd] = useState([]);
-  const [selectedesForRemove, setSelectedesForRemove] = useState([]);
-  const onAddItems = () => {
-    onAdd(selectedesForAdd);
-    setSelectedesForAdd([]);
-  };
-  const onRemoveItems = () => {
-    onRemove(selectedesForRemove);
-    setSelectedesForRemove([]);
-  };
-  const onSelectAllForRemove = (checked) => {
-    if (checked) {
-      setSelectedesForRemove(filtredSelectedItems);
-    } else {
-      setSelectedesForRemove([]);
-    }
-  };
-  const onSelectAllForAdd = (checked) => {
-    if (checked) {
-      setSelectedesForAdd(availableItems);
-    } else {
-      setSelectedesForAdd([]);
-    }
-  };
-  const onSelectItemForRemove = (item, checked) => {
-    if (checked) {
-      setSelectedesForRemove((prevState) => [...prevState, item]);
-    } else {
-      setSelectedesForRemove(
-        (prevState) => prevState.filter((prevItem) => prevItem.id !== item.id)
-      );
-    }
-  };
-  const onSelectItemForAdd = (item, checked) => {
-    if (checked) {
-      setSelectedesForAdd((prevState) => [...prevState, item]);
-    } else {
-      setSelectedesForAdd(
-        (prevState) => prevState.filter((prevItem) => prevItem.id !== item.id)
-      );
-    }
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter")
-      e.preventDefault();
-  };
-  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 3, children: [
-    /* @__PURE__ */ jsx(Card, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { flex: 1, overflow: "hidden", children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, padding: 2, children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            indeterminate: selectedesForAdd.length > 0 && selectedesForAdd.length !== availableItems.length,
-            checked: selectedesForAdd.length > 0 && selectedesForAdd.length === availableItems.length,
-            onChange: (e) => onSelectAllForAdd(e.target.checked)
-          }
-        ),
-        /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "text.primary", children: `${itemsTitle} cadastrados(as)` }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: `${selectedesForAdd.length}/${availableItems.length} selecionados` })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(Stack, { p: 2, flex: 1, overflow: "hidden", children: [
-        /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx(
-            SearchInput,
-            {
-              iconPosition: "start",
-              placeholder: "Buscar",
-              onKeyDown: handleKeyDown,
-              size: "small",
-              fullWidth: true,
-              trigger: "change",
-              onSearch: (value) => handleSearchWithDebounce(value)
-            }
-          ),
-          additionalContent
-        ] }),
-        /* @__PURE__ */ jsx(
-          Result,
-          {
-            isLoading: loading,
-            loading: /* @__PURE__ */ jsx(Stack, { alignItems: "center", justifyContent: "center", flex: 1, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
-            isEmpty: availableItems.length === 0,
-            empty: /* @__PURE__ */ jsx(
-              EmptyView,
-              {
-                text: search ? `Nenhum ${searchText} encontrado` : `Nenhum ${searchText} dispon\xEDvel`,
-                sx: { svg: { height: 140 } }
-              }
-            ),
-            children: /* @__PURE__ */ jsx(Scrollbar, { sx: { maxHeight: 280 }, children: availableItems.map((element) => /* @__PURE__ */ jsxs(Stack, { gap: 1, marginTop: "8px", children: [
-              /* @__PURE__ */ jsxs(
-                Stack,
-                {
-                  direction: "row",
-                  gap: 0.5,
-                  alignItems: "center",
-                  marginTop: "8px",
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      Checkbox,
-                      {
-                        size: "small",
-                        checked: selectedesForAdd.includes(element),
-                        onChange: (event) => onSelectItemForAdd(element, event.target.checked)
-                      }
-                    ),
-                    element.label
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(Divider, {})
-            ] }, element.id)) })
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
-      /* @__PURE__ */ jsx(StyledSwapButton, { variant: "outlined", onClick: onAddItems, children: /* @__PURE__ */ jsx(Icon, { icon: "ARROW_RIGHT_SIMPLE" }) }),
-      /* @__PURE__ */ jsx(StyledSwapButton, { variant: "outlined", onClick: onRemoveItems, children: /* @__PURE__ */ jsx(Icon, { icon: "ARROW_LEFT_SIMPLE" }) })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { flex: 1, children: /* @__PURE__ */ jsxs(Stack, { flex: 1, overflow: "hidden", children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, padding: 2, children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            indeterminate: selectedesForRemove.length > 0 && selectedesForRemove.length !== selectedItems.length,
-            checked: selectedesForRemove.length > 0 && selectedesForRemove.length === selectedItems.length,
-            onChange: (e) => onSelectAllForRemove(e.target.checked)
-          }
-        ),
-        /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "text.primary", children: `${selectedItemsTitle} selecionados(as)` }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", children: `${selectedesForRemove.length}/${selectedItems.length} selecionados` })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(Stack, { p: 2, gap: 1, overflow: "hidden", children: [
-        enableSearchInSelectedItems && /* @__PURE__ */ jsx(
-          SearchInput,
-          {
-            iconPosition: "start",
-            placeholder: "Buscar",
-            size: "small",
-            fullWidth: true,
-            trigger: "change",
-            onSearch: (value) => setLocalSearch(value ?? ""),
-            onKeyDown: handleKeyDown
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Result,
-          {
-            isLoading: loading,
-            loading: /* @__PURE__ */ jsx(Stack, { alignItems: "center", justifyContent: "center", flex: 1, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
-            isEmpty: filtredSelectedItems.length === 0,
-            empty: /* @__PURE__ */ jsx(
-              EmptyView,
-              {
-                text: localSearch && enableSearchInSelectedItems ? `Nenhum ${searchText} encontrado` : `Nenhum ${searchText} selecionado`,
-                sx: {
-                  svg: { height: 140 },
-                  marginTop: "56px",
-                  backgroundColor: "transparent"
-                }
-              }
-            ),
-            children: /* @__PURE__ */ jsx(Scrollbar, { sx: { maxHeight: 280 }, children: filtredSelectedItems.map((element) => /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-              /* @__PURE__ */ jsxs(
-                Stack,
-                {
-                  direction: "row",
-                  gap: 0.5,
-                  alignItems: "center",
-                  marginTop: "8px",
-                  children: [
-                    /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
-                      selectedItemChild && selectedItemChild(element),
-                      /* @__PURE__ */ jsx(
-                        Checkbox,
-                        {
-                          size: "small",
-                          checked: selectedesForRemove.includes(element),
-                          onChange: (event) => onSelectItemForRemove(
-                            element,
-                            event.target.checked
-                          )
-                        }
-                      )
-                    ] }),
-                    element.label
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(Divider, {})
-            ] }, element.id)) })
-          }
-        )
-      ] })
-    ] }) })
-  ] }) });
-};
-var SwapList_default = SwapList;
-export {
-  SwapList_default as default
-};
+import { a } from '../../chunk-SBSJC4QO.js';
+import { a as a$1 } from '../../chunk-KNQKOMWB.js';
+import { a as a$3 } from '../../chunk-LTMBAS4K.js';
+import { a as a$2 } from '../../chunk-OWUHSZYH.js';
+import '../../chunk-QQRH32JC.js';
+import { a as a$4 } from '../../chunk-FU42GMHJ.js';
+import '../../chunk-ZK4R7GDN.js';
+import { useState } from 'react';
+import h from '@mui/material/Checkbox';
+import T from '@mui/material/CircularProgress';
+import f from '@mui/material/Divider';
+import t from '@mui/material/Stack';
+import S from '@mui/material/Typography';
+import { debounce } from '@mui/material/utils';
+import U from '@mui/material/Box';
+import X from '@mui/material/Button';
+import { styled } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var R=styled(X)(({theme:a})=>({borderColor:a.palette.grey[300]})),L=styled(U)(({theme:a})=>({display:"flex",border:`1.5px solid ${a.palette.grey[300]}`,height:450,borderRadius:8,flex:1,overflow:"hidden"}));var Z=({selectedItems:a$5,items:B,loading:$,searchText:g,onAdd:D,onRemove:P,search:z,itemsTitle:W,selectedItemsTitle:H,additionalContent:K,enableSearchInSelectedItems:k,selectedItemChild:A,onSearch:N})=>{let[m,_]=useState(""),M=debounce(N,400),d=B.filter(e=>!a$5.some(n=>n.id===e.id)),O=a$5.filter(e=>e.name?.toLowerCase().includes(m.toLowerCase())||e.id?.toLowerCase().includes(m.toLowerCase())),u=k&&m?O:a$5,[i,s]=useState([]),[l,p]=useState([]),j=()=>{D(i),s([]);},G=()=>{P(l),p([]);},V=e=>{p(e?u:[]);},q=e=>{s(e?d:[]);},J=(e,n)=>{p(n?c=>[...c,e]:c=>c.filter(y=>y.id!==e.id));},Q=(e,n)=>{s(n?c=>[...c,e]:c=>c.filter(y=>y.id!==e.id));},E=e=>{e.key==="Enter"&&e.preventDefault();};return jsx(t,{children:jsxs(t,{direction:"row",alignItems:"center",gap:3,children:[jsx(L,{flex:1,children:jsxs(t,{flex:1,overflow:"hidden",children:[jsxs(t,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:i.length>0&&i.length!==d.length,checked:i.length>0&&i.length===d.length,onChange:e=>q(e.target.checked)}),jsxs(t,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${W} cadastrados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${i.length}/${d.length} selecionados`})]})]}),jsx(f,{}),jsxs(t,{p:2,flex:1,overflow:"hidden",children:[jsxs(t,{direction:"row",gap:1,children:[jsx(a,{iconPosition:"start",placeholder:"Buscar",onKeyDown:E,size:"small",fullWidth:!0,trigger:"change",onSearch:e=>M(e)}),K]}),jsx(a$1,{isLoading:$,loading:jsx(t,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(T,{})}),isEmpty:d.length===0,empty:jsx(a$2,{text:z?`Nenhum ${g} encontrado`:`Nenhum ${g} dispon\xEDvel`,sx:{svg:{height:140}}}),children:jsx(a$3,{sx:{maxHeight:280},children:d.map(e=>jsxs(t,{gap:1,marginTop:"8px",children:[jsxs(t,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(h,{size:"small",checked:i.includes(e),onChange:n=>Q(e,n.target.checked)}),e.label]}),jsx(f,{})]},e.id))})})]})]})}),jsxs(t,{gap:3,children:[jsx(R,{variant:"outlined",onClick:j,children:jsx(a$4,{icon:"ARROW_RIGHT_SIMPLE"})}),jsx(R,{variant:"outlined",onClick:G,children:jsx(a$4,{icon:"ARROW_LEFT_SIMPLE"})})]}),jsx(L,{flex:1,children:jsxs(t,{flex:1,overflow:"hidden",children:[jsxs(t,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:l.length>0&&l.length!==a$5.length,checked:l.length>0&&l.length===a$5.length,onChange:e=>V(e.target.checked)}),jsxs(t,{children:[jsx(S,{variant:"subtitle2",color:"text.primary",children:`${H} selecionados(as)`}),jsx(S,{variant:"caption",color:"text.disabled",children:`${l.length}/${a$5.length} selecionados`})]})]}),jsx(f,{}),jsxs(t,{p:2,gap:1,overflow:"hidden",children:[k&&jsx(a,{iconPosition:"start",placeholder:"Buscar",size:"small",fullWidth:!0,trigger:"change",onSearch:e=>_(e??""),onKeyDown:E}),jsx(a$1,{isLoading:$,loading:jsx(t,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(T,{})}),isEmpty:u.length===0,empty:jsx(a$2,{text:m&&k?`Nenhum ${g} encontrado`:`Nenhum ${g} selecionado`,sx:{svg:{height:140},marginTop:"56px",backgroundColor:"transparent"}}),children:jsx(a$3,{sx:{maxHeight:280},children:u.map(e=>jsxs(t,{gap:1,children:[jsxs(t,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsxs(t,{direction:"row",children:[A&&A(e),jsx(h,{size:"small",checked:l.includes(e),onChange:n=>J(e,n.target.checked)})]}),e.label]}),jsx(f,{})]},e.id))})})]})]})})]})})},ue=Z;
+
+export { ue as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SwapList/index.tsx"],"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';\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 variant=\"outlined\" onClick={onAddItems}>\n            {<Icon icon=\"ARROW_RIGHT_SIMPLE\" />}\n          </StyledSwapButton>\n\n          <StyledSwapButton variant=\"outlined\" onClick={onRemoveItems}>\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"],"mappings":"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","names":[]}
+{"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';\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 variant=\"outlined\" onClick={onAddItems}>\n            {<Icon icon=\"ARROW_RIGHT_SIMPLE\" />}\n          </StyledSwapButton>\n\n          <StyledSwapButton variant=\"outlined\" onClick={onRemoveItems}>\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/TabPanel/index.js

@@ -1,34 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-const TabPanel = ({
-  children,
-  value,
-  index,
-  sx
-}) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "tabpanel",
-      id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`,
-      sx: {
-        mt: 3,
-        ...value.toString() !== index.toString() && {
-          position: "absolute",
-          width: "100%",
-          height: 0,
-          overflow: "hidden",
-          visibility: "hidden"
-        },
-        ...sx
-      },
-      children
-    }
-  );
-};
-var TabPanel_default = TabPanel;
-export {
-  TabPanel_default as default
-};
+import l from '@mui/material/Box';
+import { jsx } from 'react/jsx-runtime';
+
+var e=({children:i,value:t,index:o,sx:r})=>jsx(l,{role:"tabpanel",id:`simple-tabpanel-${o}`,"aria-labelledby":`simple-tab-${o}`,sx:{mt:3,...t.toString()!==o.toString()&&{position:"absolute",width:"100%",height:0,overflow:"hidden",visibility:"hidden"},...r},children:i}),n=e;
+
+export { n as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TabPanel/index.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport Box from '@mui/material/Box';\n\nimport { TabPanelProps } from './props';\n\nconst TabPanel = ({\n  children,\n  value,\n  index,\n  sx,\n}: PropsWithChildren<TabPanelProps>) => {\n  return (\n    <Box\n      role=\"tabpanel\"\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      sx={{\n        mt: 3,\n        ...(value.toString() !== index.toString() && {\n          position: 'absolute',\n          width: '100%',\n          height: 0,\n          overflow: 'hidden',\n          visibility: 'hidden',\n        }),\n        ...sx,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport default TabPanel;\n"],"mappings":"AAYI;AAXJ,OAAO,SAAS;AAIhB,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,IAAI,mBAAmB;AAAA,MACvB,mBAAiB,cAAc;AAAA,MAC/B,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAI,MAAM,SAAS,MAAM,MAAM,SAAS,KAAK;AAAA,UAC3C,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/TabPanel/index.tsx"],"names":["Box","jsx","TabPanel","children","value","index","sx","TabPanel_default"],"mappings":"AACA,OAAOA,MAAS,oBAWZ,cAAAC,MAAA,oBAPJ,IAAMC,EAAW,CAAC,CAChB,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,GAAAC,CACF,IAEIL,EAACD,EAAA,CACC,KAAK,WACL,GAAI,mBAAmBK,IACvB,kBAAiB,cAAcA,IAC/B,GAAI,CACF,GAAI,EACJ,GAAID,EAAM,SAAS,IAAMC,EAAM,SAAS,GAAK,CAC3C,SAAU,WACV,MAAO,OACP,OAAQ,EACR,SAAU,SACV,WAAY,QACd,EACA,GAAGC,CACL,EAEC,SAAAH,EACH,EAIGI,EAAQL","sourcesContent":["import { PropsWithChildren } from 'react';\nimport Box from '@mui/material/Box';\n\nimport { TabPanelProps } from './props';\n\nconst TabPanel = ({\n  children,\n  value,\n  index,\n  sx,\n}: PropsWithChildren<TabPanelProps>) => {\n  return (\n    <Box\n      role=\"tabpanel\"\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      sx={{\n        mt: 3,\n        ...(value.toString() !== index.toString() && {\n          position: 'absolute',\n          width: '100%',\n          height: 0,\n          overflow: 'hidden',\n          visibility: 'hidden',\n        }),\n        ...sx,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport default TabPanel;\n"]}

package/dist/components/TextMaxLine/index.js

@@ -1,49 +1,4 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Link from "@mui/material/Link";
-import Typography from "@mui/material/Typography";
-import useTypography from "./useTypography";
-const TextMaxLine = forwardRef(
-  ({
-    asLink,
-    variant = "body1",
-    line = 2,
-    persistent = false,
-    children,
-    sx,
-    ...other
-  }, ref) => {
-    const { lineHeight } = useTypography(variant);
-    const styles = {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      display: "-webkit-box",
-      WebkitLineClamp: line,
-      WebkitBoxOrient: "vertical",
-      ...persistent && {
-        height: lineHeight * line
-      },
-      ...sx
-    };
-    if (asLink) {
-      return /* @__PURE__ */ jsx(
-        Link,
-        {
-          color: "inherit",
-          ref,
-          variant,
-          sx: { ...styles },
-          ...other,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(Typography, { ref, variant, sx: { ...styles }, ...other, children });
-  }
-);
-TextMaxLine.displayName = "TextMaxLine";
-var TextMaxLine_default = TextMaxLine;
-export {
-  TextMaxLine_default as default
-};
+export { a as default } from '../../chunk-6LXCHHW2.js';
+import '../../chunk-RPO7AI5K.js';
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TextMaxLine/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\n\nimport { TextMaxLineProps } from './props';\nimport useTypography from './useTypography';\n\nconst TextMaxLine = forwardRef<HTMLAnchorElement, TextMaxLineProps>(\n  (\n    {\n      asLink,\n      variant = 'body1',\n      line = 2,\n      persistent = false,\n      children,\n      sx,\n      ...other\n    },\n    ref,\n  ) => {\n    const { lineHeight } = useTypography(variant);\n\n    const styles = {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: line,\n      WebkitBoxOrient: 'vertical',\n      ...(persistent && {\n        height: lineHeight * line,\n      }),\n      ...sx,\n    } as const;\n\n    if (asLink) {\n      return (\n        <Link\n          color=\"inherit\"\n          ref={ref}\n          variant={variant}\n          sx={{ ...styles }}\n          {...other}\n        >\n          {children}\n        </Link>\n      );\n    }\n\n    return (\n      <Typography ref={ref} variant={variant} sx={{ ...styles }} {...other}>\n        {children}\n      </Typography>\n    );\n  },\n);\n\nTextMaxLine.displayName = 'TextMaxLine';\n\nexport default TextMaxLine;\n"],"mappings":"AAoCQ;AApCR,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAGvB,OAAO,mBAAmB;AAE1B,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,WAAW,IAAI,cAAc,OAAO;AAE5C,UAAM,SAAS;AAAA,MACb,UAAU;AAAA,MACV,cAAc;AAAA,MACd,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,GAAI,cAAc;AAAA,QAChB,QAAQ,aAAa;AAAA,MACvB;AAAA,MACA,GAAG;AAAA,IACL;AAEA,QAAI,QAAQ;AACV,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,IAAI,EAAE,GAAG,OAAO;AAAA,UACf,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE,oBAAC,cAAW,KAAU,SAAkB,IAAI,EAAE,GAAG,OAAO,GAAI,GAAG,OAC5D,UACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/TimePicker/index.js

@@ -1,42 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { TimePicker as MuiTimePicker } from "@mui/x-date-pickers-pro";
-import dayjs from "dayjs";
-const TimePicker = ({
-  value,
-  onChange,
-  tabIndex,
-  helperText,
-  required,
-  ...other
-}) => {
-  return /* @__PURE__ */ jsx(
-    MuiTimePicker,
-    {
-      ...other,
-      format: "HH:mm",
-      value: value ? dayjs(value) : null,
-      onChange: (v) => onChange(v ? v.toDate() : null),
-      slotProps: {
-        textField: {
-          ...other.slotProps?.textField,
-          required,
-          helperText,
-          autoComplete: "off",
-          spellCheck: "false",
-          fullWidth: true,
-          inputProps: {
-            tabIndex
-          }
-        },
-        openPickerButton: {
-          tabIndex
-        }
-      }
-    }
-  );
-};
-var TimePicker_default = TimePicker;
-export {
-  TimePicker_default as default
-};
+import { TimePicker } from '@mui/x-date-pickers-pro';
+import s from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var P=({value:e,onChange:i,tabIndex:o,helperText:l,required:m,...r})=>jsx(TimePicker,{...r,format:"HH:mm",value:e?s(e):null,onChange:t=>i(t?t.toDate():null),slotProps:{textField:{...r.slotProps?.textField,required:m,helperText:l,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}}),k=P;
+
+export { k as default };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map