@owp/core 1.0.0

package/dist/QuickPanel-xYOXYOdd.js

@@ -0,0 +1,103 @@
+var b = Object.defineProperty;
+var o = (d, n) => b(d, "name", { value: n, configurable: !0 });
+import { u as D, a as k, s as T, b as v, j as e, c as r, f as p, O as f, d as C, t as I } from "./index-DGvdCuqz.js";
+import u from "@mui/material/Divider";
+import y from "@mui/material/List";
+import c from "@mui/material/ListItem";
+import x from "@mui/material/ListItemIcon";
+import w from "@mui/material/ListItemSecondaryAction";
+import a from "@mui/material/ListItemText";
+import s from "@mui/material/ListSubheader";
+import { styled as L } from "@mui/material/styles";
+import M from "@mui/material/SwipeableDrawer";
+import g from "@mui/material/Switch";
+import l from "@mui/material/Typography";
+import { useState as Q } from "react";
+const P = L(M)(() => ({
+  "& .MuiDrawer-paper": {
+    width: 280
+  }
+}));
+function V() {
+  const d = D(), n = k(T), N = k(v), [t, O] = Q(["notifications"]), m = /* @__PURE__ */ o((i) => () => {
+    const S = t.indexOf(i), h = [...t];
+    S === -1 ? h.push(i) : h.splice(S, 1), O(h);
+  }, "handleToggle");
+  return /* @__PURE__ */ e(
+    P,
+    {
+      open: N,
+      anchor: "right",
+      onOpen: /* @__PURE__ */ o(() => {
+      }, "onOpen"),
+      onClose: /* @__PURE__ */ o(() => d(I()), "onClose"),
+      disableSwipeToOpen: !0,
+      children: /* @__PURE__ */ r(C, { children: [
+        /* @__PURE__ */ e(s, { component: "div", children: "Today" }),
+        /* @__PURE__ */ r("div", { className: "mb-0 px-24 py-16", children: [
+          /* @__PURE__ */ e(l, { className: "mb-12 text-5xl", color: "text.secondary", children: p(/* @__PURE__ */ new Date(), "eeee") }),
+          /* @__PURE__ */ r("div", { className: "flex", children: [
+            /* @__PURE__ */ e(l, { className: "text-5xl leading-none", color: "text.secondary", children: p(/* @__PURE__ */ new Date(), "dd") }),
+            /* @__PURE__ */ e(l, { className: "text-15 leading-none", color: "text.secondary", children: "th" }),
+            /* @__PURE__ */ e(l, { className: "text-5xl leading-none", color: "text.secondary", children: p(/* @__PURE__ */ new Date(), "MMMM") })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(u, {}),
+        /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ e(s, { component: "div", children: "Events" }),
+          n && n.events.map((i) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(a, { primary: i.title, secondary: i.detail }) }, i.id))
+        ] }),
+        /* @__PURE__ */ e(u, {}),
+        /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ e(s, { component: "div", children: "Notes" }),
+          n && n.notes.map((i) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(a, { primary: i.title, secondary: i.detail }) }, i.id))
+        ] }),
+        /* @__PURE__ */ e(u, {}),
+        /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ e(s, { component: "div", children: "Quick Settings" }),
+          /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(x, { className: "min-w-36", children: /* @__PURE__ */ e(f, { children: "material-outline:notifications" }) }),
+            /* @__PURE__ */ e(a, { primary: "Notifications" }),
+            /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+              g,
+              {
+                color: "primary",
+                onChange: m("notifications"),
+                checked: t.indexOf("notifications") !== -1
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(x, { className: "min-w-36", children: /* @__PURE__ */ e(f, { children: "material-outline:cloud" }) }),
+            /* @__PURE__ */ e(a, { primary: "Cloud Sync" }),
+            /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+              g,
+              {
+                color: "secondary",
+                onChange: m("cloudSync"),
+                checked: t.indexOf("cloudSync") !== -1
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(x, { className: "min-w-36", children: /* @__PURE__ */ e(f, { children: "material-outline:brightness_high" }) }),
+            /* @__PURE__ */ e(a, { primary: "Retro Thrusters" }),
+            /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+              g,
+              {
+                color: "primary",
+                onChange: m("retroThrusters"),
+                checked: t.indexOf("retroThrusters") !== -1
+              }
+            ) })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+o(V, "QuickPanel");
+export {
+  V as default
+};
+//# sourceMappingURL=QuickPanel-xYOXYOdd.js.map

package/dist/QuickPanel-xYOXYOdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickPanel-xYOXYOdd.js","sources":["../src/components/layouts/shared-components/quickPanel/QuickPanel.tsx"],"sourcesContent":["import { OwpScrollbars } from '@/components/OwpScrollbars';\nimport { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useAppDispatch, useAppSelector } from '@/store/hooks';\nimport Divider from '@mui/material/Divider';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';\nimport ListItemText from '@mui/material/ListItemText';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\nimport { format } from 'date-fns/format';\nimport { useState } from 'react';\nimport { selectQuickPanelData, selectQuickPanelOpen, toggleQuickPanel } from './quickPanelSlice';\n\nconst StyledSwipeableDrawer = styled(SwipeableDrawer)(() => ({\n  '& .MuiDrawer-paper': {\n    width: 280,\n  },\n}));\n\n/**\n * The quick panel.\n */\nfunction QuickPanel() {\n  const dispatch = useAppDispatch();\n  const data = useAppSelector(selectQuickPanelData);\n  const open = useAppSelector(selectQuickPanelOpen);\n\n  const [checked, setChecked] = useState<string[]>(['notifications']);\n\n  const handleToggle = (value: string) => () => {\n    const currentIndex = checked.indexOf(value);\n    const newChecked = [...checked];\n\n    if (currentIndex === -1) {\n      newChecked.push(value);\n    } else {\n      newChecked.splice(currentIndex, 1);\n    }\n\n    setChecked(newChecked);\n  };\n\n  return (\n    <StyledSwipeableDrawer\n      open={open as boolean}\n      anchor=\"right\"\n      onOpen={() => {}}\n      onClose={() => dispatch(toggleQuickPanel())}\n      disableSwipeToOpen\n    >\n      <OwpScrollbars>\n        <ListSubheader component=\"div\">Today</ListSubheader>\n\n        <div className=\"mb-0 px-24 py-16\">\n          <Typography className=\"mb-12 text-5xl\" color=\"text.secondary\">\n            {format(new Date(), 'eeee')}\n          </Typography>\n          <div className=\"flex\">\n            <Typography className=\"text-5xl leading-none\" color=\"text.secondary\">\n              {format(new Date(), 'dd')}\n            </Typography>\n            <Typography className=\"text-15 leading-none\" color=\"text.secondary\">\n              th\n            </Typography>\n            <Typography className=\"text-5xl leading-none\" color=\"text.secondary\">\n              {format(new Date(), 'MMMM')}\n            </Typography>\n          </div>\n        </div>\n        <Divider />\n        <List>\n          <ListSubheader component=\"div\">Events</ListSubheader>\n          {data &&\n            (data as any).events.map((event: any) => (\n              <ListItem key={event.id}>\n                <ListItemText primary={event.title} secondary={event.detail} />\n              </ListItem>\n            ))}\n        </List>\n        <Divider />\n        <List>\n          <ListSubheader component=\"div\">Notes</ListSubheader>\n          {data &&\n            (data as any).notes.map((note: any) => (\n              <ListItem key={note.id}>\n                <ListItemText primary={note.title} secondary={note.detail} />\n              </ListItem>\n            ))}\n        </List>\n        <Divider />\n        <List>\n          <ListSubheader component=\"div\">Quick Settings</ListSubheader>\n          <ListItem>\n            <ListItemIcon className=\"min-w-36\">\n              <OwpSvgIcon>material-outline:notifications</OwpSvgIcon>\n            </ListItemIcon>\n            <ListItemText primary=\"Notifications\" />\n            <ListItemSecondaryAction>\n              <Switch\n                color=\"primary\"\n                onChange={handleToggle('notifications')}\n                checked={checked.indexOf('notifications') !== -1}\n              />\n            </ListItemSecondaryAction>\n          </ListItem>\n          <ListItem>\n            <ListItemIcon className=\"min-w-36\">\n              <OwpSvgIcon>material-outline:cloud</OwpSvgIcon>\n            </ListItemIcon>\n            <ListItemText primary=\"Cloud Sync\" />\n            <ListItemSecondaryAction>\n              <Switch\n                color=\"secondary\"\n                onChange={handleToggle('cloudSync')}\n                checked={checked.indexOf('cloudSync') !== -1}\n              />\n            </ListItemSecondaryAction>\n          </ListItem>\n          <ListItem>\n            <ListItemIcon className=\"min-w-36\">\n              <OwpSvgIcon>material-outline:brightness_high</OwpSvgIcon>\n            </ListItemIcon>\n            <ListItemText primary=\"Retro Thrusters\" />\n            <ListItemSecondaryAction>\n              <Switch\n                color=\"primary\"\n                onChange={handleToggle('retroThrusters')}\n                checked={checked.indexOf('retroThrusters') !== -1}\n              />\n            </ListItemSecondaryAction>\n          </ListItem>\n        </List>\n      </OwpScrollbars>\n    </StyledSwipeableDrawer>\n  );\n}\n\nexport default QuickPanel;\n"],"names":["StyledSwipeableDrawer","styled","SwipeableDrawer","QuickPanel","dispatch","useAppDispatch","data","useAppSelector","selectQuickPanelData","open","selectQuickPanelOpen","checked","setChecked","useState","handleToggle","__name","value","currentIndex","newChecked","jsx","toggleQuickPanel","OwpScrollbars","ListSubheader","jsxs","Typography","format","Divider","List","event","ListItem","ListItemText","note","ListItemIcon","OwpSvgIcon","ListItemSecondaryAction","Switch"],"mappings":"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"}