@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/ToggleListItem-Dl1lXNwj.mjs

@@ -0,0 +1,92 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import l from "@mui/material/ListItem";
+import f from "@mui/material/ListItemButton";
+import g from "@mui/material/ListItemIcon";
+import d from "@mui/material/ListItemText";
+import a from "@mui/material/Stack";
+import p from "@mui/material/Switch";
+import { Text as s } from "@mxenabled/mxui";
+import I from "@mui/material/ListItemAvatar";
+const S = ({
+  avatar: r,
+  endIcon: o,
+  isChecked: c,
+  isDisabled: i = !1,
+  isPrimaryTextBold: n = !1,
+  onClick: e,
+  onToggle: h,
+  primaryText: x,
+  secondaryText: y
+}) => (
+  //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ t(
+    l,
+    {
+      secondaryAction: /* @__PURE__ */ t(p, { checked: c, onChange: h }),
+      sx: {
+        "& .MuiListItemSecondaryAction-root": { right: o ? 64 : 24 },
+        "& .MuiListItemButton-root": { pr: 24 }
+      },
+      children: /* @__PURE__ */ m(f, { onClick: i ? void 0 : () => e(), children: [
+        r && /* @__PURE__ */ t(I, { children: r }),
+        /* @__PURE__ */ t(d, { slotProps: { primary: { fontWeight: 400 } }, children: /* @__PURE__ */ t(a, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ m(a, { sx: { width: "100%" }, children: [
+          /* @__PURE__ */ t(
+            s,
+            {
+              bold: n,
+              color: "text.primary",
+              sx: {
+                mr: 80
+              },
+              variant: "body1",
+              children: x
+            }
+          ),
+          /* @__PURE__ */ t(s, { color: "text.secondary", variant: "caption", children: y })
+        ] }) }) }),
+        !i && o && /* @__PURE__ */ t(g, { children: o })
+      ] })
+    }
+  )
+), W = ({
+  isChecked: r,
+  isDisabled: o = !1,
+  onToggle: c,
+  primaryText: i,
+  secondaryText: n = void 0,
+  useExtraPadding: e = !0
+}) => /* @__PURE__ */ t(
+  l,
+  {
+    secondaryAction: /* @__PURE__ */ t(p, { checked: r, disabled: o, onChange: c }),
+    sx: {
+      pl: e ? 48 : 0,
+      "& .MuiListItemSecondaryAction-root": { right: e ? 64 : 24 }
+    },
+    children: /* @__PURE__ */ t(
+      d,
+      {
+        primary: i,
+        secondary: n,
+        slotProps: {
+          primary: {
+            fontWeight: 400,
+            variant: "body1",
+            maxWidth: "calc(100% - 60px)",
+            color: "text.primary"
+          },
+          secondary: {
+            color: "text.secondary",
+            maxWidth: "calc(100% - 60px)",
+            variant: "caption"
+          }
+        }
+      }
+    )
+  }
+);
+export {
+  S as T,
+  W as a
+};
+//# sourceMappingURL=ToggleListItem-Dl1lXNwj.mjs.map

package/dist/ToggleListItem-Dl1lXNwj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleListItem-Dl1lXNwj.mjs","sources":["../src/common/components/listitems/ToggleButtonListItem.tsx","../src/common/components/listitems/ToggleListItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\nimport Switch from '@mui/material/Switch'\n\nimport { Text } from '@mxenabled/mxui'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\n\ninterface ToggleButtonListItemProps {\n  avatar?: React.ReactNode\n  endIcon?: React.ReactNode\n  isChecked: boolean\n  isDisabled?: boolean\n  isPrimaryTextBold?: boolean\n  onClick: () => void\n  onToggle: () => void\n  primaryText: string\n  secondaryText?: string\n}\n\nexport const ToggleButtonListItem = ({\n  avatar,\n  endIcon,\n  isChecked,\n  isDisabled = false,\n  isPrimaryTextBold = false,\n  onClick,\n  onToggle,\n  primaryText,\n  secondaryText,\n}: ToggleButtonListItemProps) => (\n  //TODO: implement common/components/ListItemRow.tsx\n  <ListItem\n    secondaryAction={<Switch checked={isChecked} onChange={onToggle} />}\n    sx={{\n      '& .MuiListItemSecondaryAction-root': { right: !endIcon ? 24 : 64 },\n      '& .MuiListItemButton-root': { pr: 24 },\n    }}\n  >\n    <ListItemButton onClick={!isDisabled ? () => onClick() : undefined}>\n      {avatar && <ListItemAvatar>{avatar}</ListItemAvatar>}\n      <ListItemText slotProps={{ primary: { fontWeight: 400 } }}>\n        <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n          <Stack sx={{ width: '100%' }}>\n            <Text\n              bold={isPrimaryTextBold}\n              color=\"text.primary\"\n              sx={{\n                mr: 80,\n              }}\n              variant=\"body1\"\n            >\n              {primaryText}\n            </Text>\n            <Text color=\"text.secondary\" variant=\"caption\">\n              {secondaryText}\n            </Text>\n          </Stack>\n        </Stack>\n      </ListItemText>\n      {!isDisabled && endIcon && <ListItemIcon>{endIcon}</ListItemIcon>}\n    </ListItemButton>\n  </ListItem>\n)\n","import ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport Switch from '@mui/material/Switch'\n\ninterface ToggleListItemProps {\n  isChecked: boolean\n  isDisabled?: boolean\n  onToggle: () => void\n  primaryText: string\n  secondaryText?: string\n  useExtraPadding?: boolean\n}\n\nexport const ToggleListItem = ({\n  isChecked,\n  isDisabled = false,\n  onToggle,\n  primaryText,\n  secondaryText = undefined,\n  useExtraPadding = true,\n}: ToggleListItemProps) => (\n  <ListItem\n    secondaryAction={<Switch checked={isChecked} disabled={isDisabled} onChange={onToggle} />}\n    sx={{\n      pl: useExtraPadding ? 48 : 0,\n      '& .MuiListItemSecondaryAction-root': { right: useExtraPadding ? 64 : 24 },\n    }}\n  >\n    <ListItemText\n      primary={primaryText}\n      secondary={secondaryText}\n      slotProps={{\n        primary: {\n          fontWeight: 400,\n          variant: 'body1',\n          maxWidth: 'calc(100% - 60px)',\n          color: 'text.primary',\n        },\n        secondary: {\n          color: 'text.secondary',\n          maxWidth: 'calc(100% - 60px)',\n          variant: 'caption',\n        },\n      }}\n    />\n  </ListItem>\n)\n"],"names":["ToggleButtonListItem","avatar","endIcon","isChecked","isDisabled","isPrimaryTextBold","onClick","onToggle","primaryText","secondaryText","jsx","ListItem","Switch","jsxs","ListItemButton","ListItemAvatar","ListItemText","Stack","Text","ListItemIcon","ToggleListItem","useExtraPadding"],"mappings":";;;;;;;;;AAwBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF;AAAA;AAAA,EAEE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAiB,gBAAAD,EAACE,GAAA,EAAO,SAAST,GAAW,UAAUI,GAAU;AAAA,MACjE,IAAI;AAAA,QACF,sCAAsC,EAAE,OAAQL,IAAe,KAAL,GAAK;AAAA,QAC/D,6BAA6B,EAAE,IAAI,GAAA;AAAA,MAAG;AAAA,MAGxC,UAAA,gBAAAW,EAACC,KAAe,SAAUV,IAA+B,SAAlB,MAAME,EAAA,GAC1C,UAAA;AAAA,QAAAL,KAAU,gBAAAS,EAACK,KAAgB,UAAAd,EAAA,CAAO;AAAA,QACnC,gBAAAS,EAACM,GAAA,EAAa,WAAW,EAAE,SAAS,EAAE,YAAY,IAAA,EAAI,GACpD,UAAA,gBAAAN,EAACO,GAAA,EAAM,YAAW,UAAS,WAAU,OAAM,gBAAe,iBACxD,UAAA,gBAAAJ,EAACI,KAAM,IAAI,EAAE,OAAO,OAAA,GAClB,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMb;AAAA,cACN,OAAM;AAAA,cACN,IAAI;AAAA,gBACF,IAAI;AAAA,cAAA;AAAA,cAEN,SAAQ;AAAA,cAEP,UAAAG;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEFU,GAAA,EAAK,OAAM,kBAAiB,SAAQ,WAClC,UAAAT,EAAA,CACH;AAAA,QAAA,EAAA,CACF,GACF,GACF;AAAA,QACC,CAACL,KAAcF,KAAW,gBAAAQ,EAACS,KAAc,UAAAjB,EAAA,CAAQ;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA;AAAA,EAAA;AAAA,GCpDSkB,IAAiB,CAAC;AAAA,EAC7B,WAAAjB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAG;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,iBAAAY,IAAkB;AACpB,MACE,gBAAAX;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,mCAAkBC,GAAA,EAAO,SAAST,GAAW,UAAUC,GAAY,UAAUG,GAAU;AAAA,IACvF,IAAI;AAAA,MACF,IAAIc,IAAkB,KAAK;AAAA,MAC3B,sCAAsC,EAAE,OAAOA,IAAkB,KAAK,GAAA;AAAA,IAAG;AAAA,IAG3E,UAAA,gBAAAX;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWC;AAAA,QACX,WAAW;AAAA,UACT,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,UAET,WAAW;AAAA,YACT,OAAO;AAAA,YACP,UAAU;AAAA,YACV,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AACF;"}