npm - @solostylist/ui-kit - Versions diffs - 1.0.0 - Mend

@@ -0,0 +1,23 @@
+import { AlertProps, SnackbarProps } from '@mui/material';
+import * as React from 'react';
+interface AppSnackbarMessageProps {
+    message?: string | React.ReactNode;
+    onClose?: () => void;
+    open?: boolean;
+    snackbarProps?: SnackbarProps;
+    alertProps?: AlertProps;
+}
+declare const AppSnackbarMessage: ({ message, onClose, open, snackbarProps, alertProps, }: AppSnackbarMessageProps) => React.JSX.Element;
+export default AppSnackbarMessage;
+export interface SnackbarMessageOpenOptions {
+    message: string;
+}
+export interface SnackbarMessageContextProps {
+    handleOpen: (snackbarMessageOptions: SnackbarMessageOpenOptions) => void;
+    handleClose: () => void;
+    open: boolean;
+}
+export declare const SnackbarMessageProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useSnackbarMessage: () => SnackbarMessageContextProps;

@@ -0,0 +1,50 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import * as n from "react";
+import { Snackbar as u, Alert as d } from "@mui/material";
+import { useDialog as p } from "../hooks/use-dialog.js";
+const g = ({
+  message: s,
+  onClose: e = () => {
+  },
+  open: a = !1,
+  snackbarProps: o,
+  alertProps: t
+}) => /* @__PURE__ */ r.jsx(
+  u,
+  {
+    open: a,
+    autoHideDuration: 1e4,
+    onClose: e,
+    anchorOrigin: { vertical: "top", horizontal: "center" },
+    ...o,
+    children: /* @__PURE__ */ r.jsx(d, { onClose: e, severity: "error", sx: { width: "100%" }, ...t, children: s })
+  }
+), c = n.createContext(null), b = ({ children: s }) => {
+  const e = p(), [a, o] = n.useState({
+    message: ""
+  }), t = {
+    handleOpen: n.useCallback(
+      (i) => {
+        const { message: l } = i;
+        o({ message: l }), e.handleOpen();
+      },
+      [e]
+    ),
+    handleClose: e.handleClose,
+    open: e.open
+  };
+  return /* @__PURE__ */ r.jsxs(c.Provider, { value: t, children: [
+    /* @__PURE__ */ r.jsx(g, { open: e.open, message: a == null ? void 0 : a.message, onClose: e.handleClose }),
+    s
+  ] });
+}, k = () => {
+  const s = n.useContext(c);
+  if (!s)
+    throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
+  return s;
+};
+export {
+  b as SnackbarMessageProvider,
+  g as default,
+  k as useSnackbarMessage
+};

@@ -0,0 +1,6 @@
+import { SnackbarMessageProvider as r, default as s, useSnackbarMessage as o } from "./AppSnackbarMessage.js";
+export {
+  r as SnackbarMessageProvider,
+  s as default,
+  o as useSnackbarMessage
+};

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { StackProps } from '@mui/material';
+interface AppStackProps extends StackProps {
+}
+declare const AppStack: ({ children, ...props }: AppStackProps) => React.JSX.Element;
+export default AppStack;

	@@ -0,0 +1,2 @@
1	+ export { default, SnackbarMessageProvider, useSnackbarMessage } from './AppSnackbarMessage';
2	+ export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './AppSnackbarMessage';

@@ -0,0 +1,6 @@
+import { j as o } from "../jsx-runtime-B6kdoens.js";
+import { Stack as p } from "@mui/material";
+const m = ({ children: t, ...r }) => /* @__PURE__ */ o.jsx(p, { ...r, children: t });
+export {
+  m as default
+};

@@ -0,0 +1,4 @@
+import { default as o } from "./AppStack.js";
+export {
+  o as default
+};

@@ -0,0 +1,23 @@
+import { EditorOptions } from '@tiptap/react';
+import * as React from 'react';
+export interface AppTextEditorProps {
+    content: EditorOptions['content'];
+    editable?: EditorOptions['editable'];
+    hideToolbar?: boolean;
+    onUpdate?: EditorOptions['onUpdate'];
+    placeholder?: string;
+}
+/**
+ * A thin wrapper around tiptap.
+ *
+ * How to get the updated content:
+ * ```ts
+ * <TextEditor
+ *   onUpdate={({ editor }) => {
+ *     console.log(editor.getHTML());
+ *   }}
+ * />
+ * ```
+ */
+declare const AppTextEditor: ({ content, editable, hideToolbar, onUpdate, placeholder, }: AppTextEditorProps) => React.JSX.Element;
+export default AppTextEditor;

@@ -0,0 +1,80 @@
+import { j as t } from "../jsx-runtime-B6kdoens.js";
+import * as l from "react";
+import { Link as n } from "@tiptap/extension-link";
+import { Placeholder as m } from "@tiptap/extension-placeholder";
+import { useEditor as f, EditorContent as c } from "@tiptap/react";
+import { StarterKit as u } from "@tiptap/starter-kit";
+import { TextEditorToolbar as x } from "./TextEditorToolbar.js";
+import { B as d } from "../Box-yxuKPTCX.js";
+const w = ({
+  content: o,
+  editable: r = !0,
+  hideToolbar: i,
+  onUpdate: s = () => {
+  },
+  placeholder: a
+}) => {
+  const p = [
+    u,
+    m.configure({ emptyEditorClass: "is-editor-empty", placeholder: a }),
+    n.configure({ openOnClick: !1, autolink: !0 })
+  ], e = f({
+    extensions: p,
+    content: o,
+    editable: r,
+    onUpdate: s,
+    parseOptions: {
+      preserveWhitespace: "full"
+    }
+  });
+  return l.useEffect(() => {
+    e == null || e.commands.setContent(o, !1, { preserveWhitespace: "full" });
+  }, [o]), /* @__PURE__ */ t.jsxs(
+    d,
+    {
+      className: "tiptap-root",
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        ...r && {
+          border: "1px solid var(--mui-palette-divider)",
+          borderRadius: 1,
+          boxShadow: "var(--mui-shadows-1)"
+        },
+        "& .tiptap-container": {
+          display: "flex",
+          flex: "1 1 auto",
+          flexDirection: "column",
+          minHeight: 0,
+          height: "12rem"
+        },
+        "& .tiptap": {
+          color: "var(--mui-palette-text-primary)",
+          flex: "1 1 auto",
+          overflow: "auto",
+          fontSize: "0.875rem",
+          p: "8px 16px",
+          "&:focus-visible": { outline: "none" },
+          "&.resize-cursor": {
+            cursor: "ew-resize",
+            "& table": { cursor: "col-resize" }
+          },
+          "& .is-editor-empty:before": {
+            color: "var(--mui-palette-text-secondary)",
+            content: "attr(data-placeholder)",
+            float: "left",
+            height: 0,
+            pointerEvents: "none"
+          }
+        }
+      },
+      children: [
+        i ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx(x, { editor: e }),
+        /* @__PURE__ */ t.jsx(c, { className: "tiptap-container", editor: e })
+      ]
+    }
+  );
+};
+export {
+  w as default
+};

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+import * as React from 'react';
+export interface TextEditorToolbarProps {
+    editor: Editor | null;
+}
+export declare const TextEditorToolbar: ({ editor }: TextEditorToolbarProps) => React.JSX.Element;

@solostylist/ui-kit 1.0.0