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

package/dist/Drawer-DsnW2o0v.mjs

@@ -0,0 +1,175 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import s from "@mui/material/Box";
+import h from "@mui/material/Stack";
+import { H2 as D, Drawer as v } from "@mxenabled/mxui";
+import b from "@mui/material/Button";
+import B from "@mui/material/IconButton";
+import { ArrowBack as j } from "@mxenabled/mx-icons";
+const $ = ({
+  footerStyles: a = {},
+  hasSecondaryAction: t = !0,
+  isPrimaryDisabled: i,
+  onPrimaryAction: o,
+  onSecondaryAction: e,
+  primaryButtonProps: l = {},
+  primaryColor: c = "primary",
+  primaryText: d = "Save",
+  secondaryColor: n = "primary",
+  secondaryText: p = "Cancel"
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    sx: {
+      bgcolor: "background.paper",
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "flex-end",
+      p: 24,
+      ...a
+    },
+    children: [
+      t && /* @__PURE__ */ r(
+        b,
+        {
+          color: n,
+          onClick: e,
+          variant: o ? "outlined" : "contained",
+          children: p
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        b,
+        {
+          ...l,
+          color: c,
+          disabled: i,
+          onClick: o,
+          variant: "contained",
+          children: d
+        }
+      )
+    ]
+  }
+), F = ({
+  ariaLabelClose: a,
+  onClose: t,
+  shouldShowBorders: i,
+  shouldShowShadow: o,
+  title: e
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    "aria-labelledby": `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+    direction: "row",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...i && {
+        borderBottom: 1,
+        borderColor: "divider"
+      },
+      ...o && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(B, { "aria-label": a, autoFocus: !0, color: "primary", onClick: t, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        s,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(
+            D,
+            {
+              bold: !0,
+              id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+              variant: "body1",
+              children: e
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(s, { width: "44px" })
+    ]
+  }
+), R = ({
+  ariaLabelClose: a = "Close",
+  children: t,
+  footerStyles: i = {},
+  hasSecondaryAction: o = !0,
+  id: e,
+  isOpen: l,
+  isPrimaryDisabled: c,
+  onClose: d,
+  onPrimaryAction: n,
+  onSecondaryAction: p,
+  primaryButtonProps: g,
+  primaryColor: m = "primary",
+  primaryText: w,
+  secondaryColor: f = "secondary",
+  secondaryText: k,
+  shouldShowHeaderBorders: C = !0,
+  shouldShowHeaderShadow: y = !1,
+  title: x,
+  ...S
+}) => /* @__PURE__ */ r(
+  v,
+  {
+    id: e,
+    isOpen: l,
+    onClose: d,
+    slotProps: {
+      paper: {
+        "aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
+      }
+    },
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...S,
+    children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        F,
+        {
+          ariaLabelClose: a,
+          onClose: d,
+          shouldShowBorders: C,
+          shouldShowShadow: y,
+          title: x
+        }
+      ),
+      /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
+      n && /* @__PURE__ */ r(
+        $,
+        {
+          footerStyles: i,
+          hasSecondaryAction: o,
+          isPrimaryDisabled: c,
+          onPrimaryAction: n,
+          onSecondaryAction: p ?? d,
+          primaryButtonProps: g,
+          primaryColor: m,
+          primaryText: w,
+          secondaryColor: f,
+          secondaryText: k
+        }
+      )
+    ] })
+  }
+);
+export {
+  R as D
+};
+//# sourceMappingURL=Drawer-DsnW2o0v.mjs.map

package/dist/Drawer-DsnW2o0v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-DsnW2o0v.mjs","sources":["../src/common/components/drawer/Footer.tsx","../src/common/components/drawer/Header.tsx","../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'outlined' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport IconButton from '@mui/material/IconButton'\n\nimport { ArrowBack } from '@mxenabled/mx-icons'\n\nimport { H2 } from '@mxenabled/mxui'\n\ninterface DrawerHeaderProps {\n  ariaLabelClose: string\n  onClose: () => void\n  shouldShowBorders: boolean\n  shouldShowShadow?: boolean\n  title: string\n}\n\nconst DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  ariaLabelClose,\n  onClose,\n  shouldShowBorders,\n  shouldShowShadow,\n  title,\n}) => {\n  return (\n    <Stack\n      aria-labelledby={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n      direction=\"row\"\n      sx={{\n        alignItems: 'center',\n        backgroundColor: 'background.paper',\n        ...(shouldShowBorders && {\n          borderBottom: 1,\n          borderColor: 'divider',\n        }),\n        ...(shouldShowShadow && {\n          boxShadow: '0px 2px 8px 0px #6A73811F',\n        }),\n        padding: '8px 8px 8px 8px',\n      }}\n    >\n      <IconButton aria-label={ariaLabelClose} autoFocus={true} color=\"primary\" onClick={onClose}>\n        <ArrowBack color=\"primary\" sx={{ fontSize: 22 }} />\n      </IconButton>\n      <Box\n        sx={{\n          flexGrow: 1,\n          margin: 'auto',\n          textAlign: 'center',\n        }}\n      >\n        <H2\n          bold={true}\n          id={`${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`}\n          variant=\"body1\"\n        >\n          {title}\n        </H2>\n      </Box>\n      {/* placeholder for when we add a button here, this also ensures the title text is centered */}\n      <Box width=\"44px\" />\n    </Stack>\n  )\n}\n\nexport default DrawerHeader\n","import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n      }}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"names":["Footer","footerStyles","hasSecondaryAction","isPrimaryDisabled","onPrimaryAction","onSecondaryAction","primaryButtonProps","primaryColor","primaryText","secondaryColor","secondaryText","jsxs","Stack","jsx","Button","DrawerHeader","ariaLabelClose","onClose","shouldShowBorders","shouldShowShadow","title","IconButton","ArrowBack","Box","H2","Drawer","children","id","isOpen","shouldShowHeaderBorders","shouldShowHeaderShadow","rest","KMuiDrawer","Header"],"mappings":"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"}