@zydon/common 2.2.43 → 2.2.45

package/dist/components/Steps/index.js

@@ -1,12 +1,72 @@
 import { jsx } from 'react/jsx-runtime';
-import a from '@mui/material/Box';
-import c from '@mui/material/Stack';
-import m from '@mui/material/Step';
-import s from '@mui/material/StepLabel';
-import l from '@mui/material/Stepper';
-import S from '../Icon';
+import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
+import Step from '@mui/material/Step';
+import StepLabel from '@mui/material/StepLabel';
+import Stepper from '@mui/material/Stepper';
+import Icon from '../Icon';
 import { StepConnector } from './styles';
 
-const b=({active:e,completed:o})=>jsx(c,{alignItems:"center",justifyContent:"center",sx:{width:24,height:24,color:"text.disabled",...e&&{color:"primary.main"}},children:o?jsx(S,{icon:"SIMPLE_CHECK",color:"primary.main"}):jsx(a,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:"currentColor"}})}),d=({steps:e,activeStep:o,showLabels:p=!0,sx:n,...i})=>jsx(l,{alternativeLabel:!0,activeStep:o,connector:jsx(StepConnector,{}),sx:n,...i,children:e.map(r=>jsx(m,{children:jsx(s,{StepIconComponent:b,sx:{"& .MuiStepLabel-label":{typography:"subtitle2"}},children:p&&r})},r))});var v=d;
+const StepIcon = ({ active, completed }) => {
+  return /* @__PURE__ */ jsx(
+    Stack,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      sx: {
+        width: 24,
+        height: 24,
+        color: "text.disabled",
+        ...active && {
+          color: "primary.main"
+        }
+      },
+      children: completed ? /* @__PURE__ */ jsx(Icon, { icon: "SIMPLE_CHECK", color: "primary.main" }) : /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            width: 8,
+            height: 8,
+            borderRadius: "50%",
+            backgroundColor: "currentColor"
+          }
+        }
+      )
+    }
+  );
+};
+const Steps = ({
+  steps,
+  activeStep,
+  showLabels = true,
+  sx,
+  ...other
+}) => {
+  return /* @__PURE__ */ jsx(
+    Stepper,
+    {
+      alternativeLabel: true,
+      activeStep,
+      connector: /* @__PURE__ */ jsx(StepConnector, {}),
+      sx,
+      ...other,
+      children: steps.map((label) => /* @__PURE__ */ jsx(Step, { children: /* @__PURE__ */ jsx(
+        StepLabel,
+        {
+          StepIconComponent: StepIcon,
+          sx: {
+            "& .MuiStepLabel-label": {
+              typography: "subtitle2"
+            }
+          },
+          children: showLabels && label
+        }
+      ) }, label))
+    }
+  );
+};
+var Steps_default = Steps;
 
-export { v as default };
+export { Steps_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Steps/index.tsx"],"names":[],"mappings":"AA0BQ;AA1BR,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,aAAa;AAEpB,OAAO,UAAU;AAGjB,SAAS,qBAAqB;AAE9B,MAAM,WAAW,CAAC,EAAE,QAAQ,UAAU,MAAqB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,GAAI,UAAU;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEC,sBACC,oBAAC,QAAK,MAAK,gBAAe,OAAM,gBAAe,IAE/C;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,iBAAiB;AAAA,UACnB;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,kBAAgB;AAAA,MAChB;AAAA,MACA,WAAW,oBAAC,iBAAc;AAAA,MAC1B;AAAA,MACC,GAAG;AAAA,MAEH,gBAAM,IAAI,WACT,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UAEC,mBAAmB;AAAA,UACnB,IAAI;AAAA,YACF,yBAAyB;AAAA,cACvB,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UAEC,wBAAc;AAAA;AAAA,MACjB,KAXS,KAYX,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport Stepper from '@mui/material/Stepper';\n\nimport Icon from '../Icon';\n\nimport { StepIconProps, StepsProps } from './props';\nimport { StepConnector } from './styles';\n\nconst StepIcon = ({ active, completed }: StepIconProps) => {\n  return (\n    <Stack\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{\n        width: 24,\n        height: 24,\n        color: 'text.disabled',\n        ...(active && {\n          color: 'primary.main',\n        }),\n      }}\n    >\n      {completed ? (\n        <Icon icon=\"SIMPLE_CHECK\" color=\"primary.main\" />\n      ) : (\n        <Box\n          sx={{\n            width: 8,\n            height: 8,\n            borderRadius: '50%',\n            backgroundColor: 'currentColor',\n          }}\n        />\n      )}\n    </Stack>\n  );\n};\n\nconst Steps = ({\n  steps,\n  activeStep,\n  showLabels = true,\n  sx,\n  ...other\n}: StepsProps) => {\n  return (\n    <Stepper\n      alternativeLabel\n      activeStep={activeStep}\n      connector={<StepConnector />}\n      sx={sx}\n      {...other}\n    >\n      {steps.map(label => (\n        <Step key={label}>\n          <StepLabel\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            StepIconComponent={StepIcon as any}\n            sx={{\n              '& .MuiStepLabel-label': {\n                typography: 'subtitle2',\n              },\n            }}\n          >\n            {showLabels && label}\n          </StepLabel>\n        </Step>\n      ))}\n    </Stepper>\n  );\n};\n\nexport default Steps;\n"]}

package/dist/components/StyledTab/index.js

@@ -1,9 +1,91 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import l from '@mui/material/Stack';
+import Stack from '@mui/material/Stack';
 import { styled, alpha } from '@mui/material/styles';
-import s from '@mui/material/Tab';
-import b from '../Icon';
+import Tab from '@mui/material/Tab';
+import Icon from '../Icon';
 
-const g=styled(({label:o,onClose:a,icon:i,hasChanges:p,...e})=>jsx(s,{disableRipple:!0,...e,label:jsxs(l,{position:"relative",direction:"row",alignItems:"center",gap:1.5,sx:t=>({"> span":{position:"absolute",top:-14,right:-10,span:{position:"fixed",width:10,height:10,backgroundColor:t.palette.warning.main,border:"1px solid #fff",borderRadius:"50%",zIndex:999}}}),children:[i,o,jsx(b,{icon:"CLOSE_MARK_BUTTON",width:16,onClick:t=>{a(),t.stopPropagation();}}),p&&jsx("span",{children:jsx("span",{})})]})}))(({theme:o})=>({textTransform:"none",fontSize:o.typography.pxToRem(14),margin:"0 !important",color:`${o.palette.primary.lighter} !important`,minHeight:"initial",padding:"10px 16px",backgroundColor:o.palette.primary.dark,border:`1px solid ${alpha(o.palette.primary.darker,.25)}`,borderBottom:0,borderRadius:"8px 8px 0 0",fontWeight:600,overflow:"initial !important",lineHeight:1,"&.Mui-selected":{color:`${o.palette.text.primary} !important`,backgroundColor:o.palette.background.paper,borderColor:o.palette.primary.dark,svg:{color:o.palette.text.disabled}},"&.Mui-focusVisible":{backgroundColor:"rgba(100, 95, 228, 0.32)"},"svg:hover":{opacity:.85}}));var T=g;
+const StyledTab = styled(
+  ({ label, onClose, icon, hasChanges, ...props }) => {
+    return /* @__PURE__ */ jsx(
+      Tab,
+      {
+        disableRipple: true,
+        ...props,
+        label: /* @__PURE__ */ jsxs(
+          Stack,
+          {
+            position: "relative",
+            direction: "row",
+            alignItems: "center",
+            gap: 1.5,
+            sx: (theme) => ({
+              "> span": {
+                position: "absolute",
+                top: -14,
+                right: -10,
+                span: {
+                  position: "fixed",
+                  width: 10,
+                  height: 10,
+                  backgroundColor: theme.palette.warning.main,
+                  border: "1px solid #fff",
+                  borderRadius: "50%",
+                  zIndex: 999
+                }
+              }
+            }),
+            children: [
+              icon,
+              label,
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "CLOSE_MARK_BUTTON",
+                  width: 16,
+                  onClick: (e) => {
+                    onClose();
+                    e.stopPropagation();
+                  }
+                }
+              ),
+              hasChanges && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("span", {}) })
+            ]
+          }
+        )
+      }
+    );
+  }
+)(({ theme }) => ({
+  textTransform: "none",
+  fontSize: theme.typography.pxToRem(14),
+  margin: "0 !important",
+  color: `${theme.palette.primary.lighter} !important`,
+  minHeight: "initial",
+  padding: "10px 16px",
+  backgroundColor: theme.palette.primary.dark,
+  border: `1px solid ${alpha(theme.palette.primary.darker, 0.25)}`,
+  borderBottom: 0,
+  borderRadius: "8px 8px 0 0",
+  fontWeight: 600,
+  overflow: "initial !important",
+  lineHeight: 1,
+  "&.Mui-selected": {
+    color: `${theme.palette.text.primary} !important`,
+    backgroundColor: theme.palette.background.paper,
+    borderColor: theme.palette.primary.dark,
+    svg: {
+      color: theme.palette.text.disabled
+    }
+  },
+  "&.Mui-focusVisible": {
+    backgroundColor: "rgba(100, 95, 228, 0.32)"
+  },
+  "svg:hover": {
+    opacity: 0.85
+  }
+}));
+var StyledTab_default = StyledTab;
 
-export { T as default };
+export { StyledTab_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/StyledTab/index.tsx"],"names":[],"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","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,7 +1,28 @@
 import { jsx } from 'react/jsx-runtime';
 import { styled } from '@mui/material/styles';
-import r from '@mui/material/Tabs';
+import Tabs from '@mui/material/Tabs';
 
-const 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}});var f=a;
+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 { f as default };
+export { StyledTabs_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/StyledTabs/index.tsx"],"names":[],"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","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,6 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
 import { Container, Label, Value } from './styles';
 
-const u=({data:e,...l})=>e.length===0?null:jsx(Container,{gap:1,...l,children:e.map(a=>[jsx(Label,{variant:"body2",children:a.label},`label:${a.id}`),jsx(Value,{variant:"body2",children:a.value},`value:${a.id}`)])});var y=u;
+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 { y as default };
+export { Summary_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Summary/index.tsx"],"names":[],"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","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"]}

package/dist/components/SwapList/index.js

@@ -1,18 +1,250 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import h from '@mui/material/Checkbox';
-import C from '@mui/material/CircularProgress';
-import S from '@mui/material/Divider';
-import o from '@mui/material/Stack';
-import f from '@mui/material/Typography';
+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 R from 'components/EmptyView';
-import L from 'components/Icon';
-import I from 'components/Result';
-import $ from 'components/Scrollbar';
-import A from 'components/SearchInput';
+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 U=({selectedItems:c,items:T,loading:v,searchText:g,onAdd:D,onRemove:P,search:z,itemsTitle:B,selectedItemsTitle:W,additionalContent:H,enableSearchInSelectedItems:k,selectedItemChild:x,onSearch:K})=>{const[m,N]=useState(""),_=debounce(K,400),s=T.filter(e=>!c.some(n=>n.id===e.id)),M=c.filter(e=>e.name?.toLowerCase().includes(m.toLowerCase())||e.id?.toLowerCase().includes(m.toLowerCase())),u=k&&m?M:c,[r,d]=useState([]),[i,p]=useState([]),O=()=>{D(r),d([]);},j=()=>{P(i),p([]);},G=e=>{p(e?u:[]);},V=e=>{d(e?s:[]);},q=(e,n)=>{p(n?l=>[...l,e]:l=>l.filter(y=>y.id!==e.id));},J=(e,n)=>{d(n?l=>[...l,e]:l=>l.filter(y=>y.id!==e.id));},b=e=>{e.key==="Enter"&&e.preventDefault();};return jsx(o,{children:jsxs(o,{direction:"row",alignItems:"center",gap:3,children:[jsx(Card,{flex:1,children:jsxs(o,{flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:r.length>0&&r.length!==s.length,checked:r.length>0&&r.length===s.length,onChange:e=>V(e.target.checked)}),jsxs(o,{children:[jsx(f,{variant:"subtitle2",color:"text.primary",children:`${B} cadastrados(as)`}),jsx(f,{variant:"caption",color:"text.disabled",children:`${r.length}/${s.length} selecionados`})]})]}),jsx(S,{}),jsxs(o,{p:2,flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,children:[jsx(A,{iconPosition:"start",placeholder:"Buscar",onKeyDown:b,size:"small",fullWidth:!0,trigger:"change",onSearch:e=>_(e)}),H]}),jsx(I,{isLoading:v,loading:jsx(o,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(C,{})}),isEmpty:s.length===0,empty:jsx(R,{text:z?`Nenhum ${g} encontrado`:`Nenhum ${g} dispon\xEDvel`,sx:{svg:{height:140}}}),children:jsx($,{sx:{maxHeight:280},children:s.map(e=>jsxs(o,{gap:1,marginTop:"8px",children:[jsxs(o,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsx(h,{size:"small",checked:r.includes(e),onChange:n=>J(e,n.target.checked)}),e.label]}),jsx(S,{})]},e.id))})})]})]})}),jsxs(o,{gap:3,children:[jsx(StyledSwapButton,{variant:"outlined",onClick:O,children:jsx(L,{icon:"ARROW_RIGHT_SIMPLE"})}),jsx(StyledSwapButton,{variant:"outlined",onClick:j,children:jsx(L,{icon:"ARROW_LEFT_SIMPLE"})})]}),jsx(Card,{flex:1,children:jsxs(o,{flex:1,overflow:"hidden",children:[jsxs(o,{direction:"row",gap:1,padding:2,children:[jsx(h,{size:"small",indeterminate:i.length>0&&i.length!==c.length,checked:i.length>0&&i.length===c.length,onChange:e=>G(e.target.checked)}),jsxs(o,{children:[jsx(f,{variant:"subtitle2",color:"text.primary",children:`${W} selecionados(as)`}),jsx(f,{variant:"caption",color:"text.disabled",children:`${i.length}/${c.length} selecionados`})]})]}),jsx(S,{}),jsxs(o,{p:2,gap:1,overflow:"hidden",children:[k&&jsx(A,{iconPosition:"start",placeholder:"Buscar",size:"small",fullWidth:!0,trigger:"change",onSearch:e=>N(e??""),onKeyDown:b}),jsx(I,{isLoading:v,loading:jsx(o,{alignItems:"center",justifyContent:"center",flex:1,children:jsx(C,{})}),isEmpty:u.length===0,empty:jsx(R,{text:m&&k?`Nenhum ${g} encontrado`:`Nenhum ${g} selecionado`,sx:{svg:{height:140},marginTop:"56px",backgroundColor:"transparent"}}),children:jsx($,{sx:{maxHeight:280},children:u.map(e=>jsxs(o,{gap:1,children:[jsxs(o,{direction:"row",gap:.5,alignItems:"center",marginTop:"8px",children:[jsxs(o,{direction:"row",children:[x&&x(e),jsx(h,{size:"small",checked:i.includes(e),onChange:n=>q(e,n.target.checked)})]}),e.label]}),jsx(S,{})]},e.id))})})]})]})})]})})};var Se=U;
+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 { Se as default };
+export { SwapList_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SwapList/index.tsx"],"names":[],"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"]}

package/dist/components/TabPanel/index.js

@@ -1,6 +1,35 @@
 import { jsx } from 'react/jsx-runtime';
-import l from '@mui/material/Box';
+import Box from '@mui/material/Box';
 
-const 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});var d=e;
+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 { d as default };
+export { TabPanel_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TabPanel/index.tsx"],"names":[],"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","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"]}