dynamic-mui 2.2.0 → 2.3.0

package/dist/richtexteditor-CVg-MnKp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("react"),p=require("@mui/material/Box"),h=require("@mui/material/Paper"),x=require("@mui/material/Divider"),g=require("@mui/material/IconButton"),j=require("@mui/material/Tooltip"),M=require("@mui/material/FormLabel"),q=require("@mui/material/FormControl"),S=require("@mui/icons-material/FormatBold"),R=require("@mui/icons-material/FormatItalic"),y=require("@mui/icons-material/FormatUnderlined"),E=require("@mui/icons-material/FormatListBulleted"),C=require("@mui/icons-material/FormatListNumbered"),L=require("@mui/icons-material/Link"),v=require("@mui/icons-material/FormatClear"),n=require("@mui/material/styles"),o=require("./index-D08GIfqF.js"),U=[{command:"bold",label:"Bold",icon:r.jsx(S,{fontSize:"small"})},{command:"italic",label:"Italic",icon:r.jsx(R,{fontSize:"small"})},{command:"underline",label:"Underline",icon:r.jsx(y,{fontSize:"small"})},{command:"insertUnorderedList",label:"Bulleted list",icon:r.jsx(E,{fontSize:"small"})},{command:"insertOrderedList",label:"Numbered list",icon:r.jsx(C,{fontSize:"small"})},{command:"createLink",label:"Insert link",icon:r.jsx(L,{fontSize:"small"}),prompt:!0},{command:"removeFormat",label:"Clear formatting",icon:r.jsx(v,{fontSize:"small"})}];function k({attributes:a={},onChange:u}){const{id:i="",label:s,minHeight:b=160,MuiAttributes:d={}}=a,l=m.useRef(null);m.useEffect(()=>{const e=l.current;if(!e)return;const t=a.value??"";e.innerHTML!==t&&(e.innerHTML=t)},[a.value]);const f=e=>{l.current?.focus();try{if(e.prompt){const t=window.prompt("Enter a URL");t&&document.execCommand(e.command,!1,t)}else document.execCommand(e.command)}catch{}l.current&&u?.({id:i,value:l.current.innerHTML})},I=e=>{u?.({id:i,value:e.currentTarget.innerHTML})};return r.jsxs(q,{fullWidth:!0,children:[s&&r.jsx(M,{sx:{mb:.75,fontWeight:500},component:"legend",children:s}),r.jsxs(h,{variant:"outlined",sx:e=>({borderRadius:`${o.PREMIUM_RADIUS+2}px`,borderColor:n.alpha(e.palette.text.primary,.12),overflow:"hidden",transition:`box-shadow .2s ${o.PREMIUM_EASING}, border-color .2s ${o.PREMIUM_EASING}`,"&:hover":{borderColor:n.alpha(e.palette.primary.main,.5),boxShadow:`0 2px 10px ${n.alpha(e.palette.common.black,.06)}`},"&:focus-within":{borderColor:e.palette.primary.main,boxShadow:`0 0 0 3px ${n.alpha(e.palette.primary.main,.16)}`}}),children:[r.jsx(p,{sx:e=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:.25,px:.75,py:.5,backgroundColor:n.alpha(e.palette.text.primary,.03)}),children:U.map((e,t)=>r.jsxs(m.Fragment,{children:[(t===3||t===5)&&r.jsx(x,{orientation:"vertical",flexItem:!0,sx:{mx:.25,my:.5}}),r.jsx(j,{title:e.label,children:r.jsx(g,{size:"small","aria-label":e.label,onMouseDown:c=>c.preventDefault(),onClick:()=>f(e),sx:c=>({borderRadius:`${o.PREMIUM_RADIUS-2}px`,transition:`background-color .18s ${o.PREMIUM_EASING}, transform .18s ${o.PREMIUM_EASING}`,"&:hover":{backgroundColor:n.alpha(c.palette.primary.main,.1),transform:"translateY(-1px)"}}),children:e.icon})})]},e.command))}),r.jsx(x,{}),r.jsx(p,{id:i,ref:l,role:"textbox","aria-multiline":"true","aria-label":s||"rich text",contentEditable:!0,suppressContentEditableWarning:!0,onInput:I,...d,sx:e=>({minHeight:b,px:1.75,py:1.25,outline:"none",lineHeight:1.6,color:e.palette.text.primary,backgroundColor:e.palette.background.paper,"& p":{margin:"0 0 0.5em"},"& ul, & ol":{paddingLeft:"1.5em",margin:"0 0 0.5em"},"& a":{color:e.palette.primary.main},...d.sx||{}})})]})]})}exports.default=k;

package/dist/richtexteditor-DsC1XC7h.mjs

@@ -0,0 +1,141 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import c from "react";
+import u from "@mui/material/Box";
+import I from "@mui/material/Paper";
+import x from "@mui/material/Divider";
+import L from "@mui/material/IconButton";
+import y from "@mui/material/Tooltip";
+import v from "@mui/material/FormLabel";
+import S from "@mui/material/FormControl";
+import R from "@mui/icons-material/FormatBold";
+import k from "@mui/icons-material/FormatItalic";
+import F from "@mui/icons-material/FormatUnderlined";
+import M from "@mui/icons-material/FormatListBulleted";
+import w from "@mui/icons-material/FormatListNumbered";
+import T from "@mui/icons-material/Link";
+import z from "@mui/icons-material/FormatClear";
+import { alpha as t } from "@mui/material/styles";
+import { P as l, d as b } from "./index-CddjLTWF.mjs";
+const E = [
+  { command: "bold", label: "Bold", icon: /* @__PURE__ */ o(R, { fontSize: "small" }) },
+  { command: "italic", label: "Italic", icon: /* @__PURE__ */ o(k, { fontSize: "small" }) },
+  { command: "underline", label: "Underline", icon: /* @__PURE__ */ o(F, { fontSize: "small" }) },
+  { command: "insertUnorderedList", label: "Bulleted list", icon: /* @__PURE__ */ o(M, { fontSize: "small" }) },
+  { command: "insertOrderedList", label: "Numbered list", icon: /* @__PURE__ */ o(w, { fontSize: "small" }) },
+  { command: "createLink", label: "Insert link", icon: /* @__PURE__ */ o(T, { fontSize: "small" }), prompt: !0 },
+  { command: "removeFormat", label: "Clear formatting", icon: /* @__PURE__ */ o(z, { fontSize: "small" }) }
+];
+function V({ attributes: a = {}, onChange: s }) {
+  const { id: i = "", label: m, minHeight: g = 160, MuiAttributes: f = {} } = a, n = c.useRef(null);
+  c.useEffect(() => {
+    const r = n.current;
+    if (!r) return;
+    const e = a.value ?? "";
+    r.innerHTML !== e && (r.innerHTML = e);
+  }, [a.value]);
+  const h = (r) => {
+    n.current?.focus();
+    try {
+      if (r.prompt) {
+        const e = window.prompt("Enter a URL");
+        e && document.execCommand(r.command, !1, e);
+      } else
+        document.execCommand(r.command);
+    } catch {
+    }
+    n.current && s?.({ id: i, value: n.current.innerHTML });
+  }, C = (r) => {
+    s?.({ id: i, value: r.currentTarget.innerHTML });
+  };
+  return /* @__PURE__ */ d(S, { fullWidth: !0, children: [
+    m && /* @__PURE__ */ o(v, { sx: { mb: 0.75, fontWeight: 500 }, component: "legend", children: m }),
+    /* @__PURE__ */ d(
+      I,
+      {
+        variant: "outlined",
+        sx: (r) => ({
+          borderRadius: `${b + 2}px`,
+          borderColor: t(r.palette.text.primary, 0.12),
+          overflow: "hidden",
+          transition: `box-shadow .2s ${l}, border-color .2s ${l}`,
+          "&:hover": {
+            borderColor: t(r.palette.primary.main, 0.5),
+            boxShadow: `0 2px 10px ${t(r.palette.common.black, 0.06)}`
+          },
+          "&:focus-within": {
+            borderColor: r.palette.primary.main,
+            boxShadow: `0 0 0 3px ${t(r.palette.primary.main, 0.16)}`
+          }
+        }),
+        children: [
+          /* @__PURE__ */ o(
+            u,
+            {
+              sx: (r) => ({
+                display: "flex",
+                flexWrap: "wrap",
+                alignItems: "center",
+                gap: 0.25,
+                px: 0.75,
+                py: 0.5,
+                backgroundColor: t(r.palette.text.primary, 0.03)
+              }),
+              children: E.map((r, e) => /* @__PURE__ */ d(c.Fragment, { children: [
+                (e === 3 || e === 5) && /* @__PURE__ */ o(x, { orientation: "vertical", flexItem: !0, sx: { mx: 0.25, my: 0.5 } }),
+                /* @__PURE__ */ o(y, { title: r.label, children: /* @__PURE__ */ o(
+                  L,
+                  {
+                    size: "small",
+                    "aria-label": r.label,
+                    onMouseDown: (p) => p.preventDefault(),
+                    onClick: () => h(r),
+                    sx: (p) => ({
+                      borderRadius: `${b - 2}px`,
+                      transition: `background-color .18s ${l}, transform .18s ${l}`,
+                      "&:hover": {
+                        backgroundColor: t(p.palette.primary.main, 0.1),
+                        transform: "translateY(-1px)"
+                      }
+                    }),
+                    children: r.icon
+                  }
+                ) })
+              ] }, r.command))
+            }
+          ),
+          /* @__PURE__ */ o(x, {}),
+          /* @__PURE__ */ o(
+            u,
+            {
+              id: i,
+              ref: n,
+              role: "textbox",
+              "aria-multiline": "true",
+              "aria-label": m || "rich text",
+              contentEditable: !0,
+              suppressContentEditableWarning: !0,
+              onInput: C,
+              ...f,
+              sx: (r) => ({
+                minHeight: g,
+                px: 1.75,
+                py: 1.25,
+                outline: "none",
+                lineHeight: 1.6,
+                color: r.palette.text.primary,
+                backgroundColor: r.palette.background.paper,
+                "& p": { margin: "0 0 0.5em" },
+                "& ul, & ol": { paddingLeft: "1.5em", margin: "0 0 0.5em" },
+                "& a": { color: r.palette.primary.main },
+                ...f.sx || {}
+              })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  V as default
+};

package/dist/s3Upload-B0JeoLkS.js

@@ -0,0 +1 @@
+"use strict";var y=Object.create;var u=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var E=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of C(o))!R.call(t,n)&&n!==e&&u(t,n,{get:()=>o[n],enumerable:!(r=S(o,n))||r.enumerable});return t};var h=(t,o,e)=>(e=t!=null?y(f(t)):{},E(o||!t||!t.__esModule?u(e,"default",{value:t,enumerable:!0}):e,t));function P(t){const o=(t||"").split(","),e=o[0]?.match(/:(.*?);/);if(o.length<2||!e)throw new Error('uploadToS3: expected a base64 data URL (e.g. "data:image/png;base64,…").');const r=e[1],n=atob(o[1]);let s=n.length;const a=new Uint8Array(s);for(;s--;)a[s]=n.charCodeAt(s);return new Blob([a],{type:r})}async function U(t,o,e,r,n,s=""){if(!n||!e||!r)return console.warn("Missing AWS Config (Pool ID, Bucket, or Region). Returning data URL as fallback."),t;try{let a,i;try{[a,i]=await Promise.all([import("@aws-sdk/client-s3"),import("@aws-sdk/credential-providers")])}catch{throw new Error("uploadToS3 needs the optional AWS SDK. Install it with: npm i @aws-sdk/client-s3 @aws-sdk/credential-providers")}const{S3Client:p,PutObjectCommand:w}=a,{fromCognitoIdentityPool:m}=i,b=new p({region:r,credentials:m({clientConfig:{region:r},identityPoolId:n}),requestChecksumCalculation:"WHEN_REQUIRED",forcePathStyle:!0}),l=P(t);let c=s.trim();c&&!c.endsWith("/")&&(c+="/");const d=c?`${c}${o}`:`signatures/${o}`,g=new w({Bucket:e,Key:d,Body:l,ContentType:l.type});return await b.send(g),`https://${e}/${d}`}catch(a){throw console.error("Error uploading to S3:",a),a}}exports.uploadToS3=U;

package/dist/s3Upload-dpioZ2c8.mjs

@@ -0,0 +1,51 @@
+function b(c) {
+  const e = (c || "").split(","), o = e[0]?.match(/:(.*?);/);
+  if (e.length < 2 || !o)
+    throw new Error('uploadToS3: expected a base64 data URL (e.g. "data:image/png;base64,…").');
+  const r = o[1], a = atob(e[1]);
+  let n = a.length;
+  const t = new Uint8Array(n);
+  for (; n--; )
+    t[n] = a.charCodeAt(n);
+  return new Blob([t], { type: r });
+}
+async function y(c, e, o, r, a, n = "") {
+  if (!a || !o || !r)
+    return console.warn("Missing AWS Config (Pool ID, Bucket, or Region). Returning data URL as fallback."), c;
+  try {
+    let t, i;
+    try {
+      [t, i] = await Promise.all([
+        import("@aws-sdk/client-s3"),
+        import("@aws-sdk/credential-providers")
+      ]);
+    } catch {
+      throw new Error("uploadToS3 needs the optional AWS SDK. Install it with: npm i @aws-sdk/client-s3 @aws-sdk/credential-providers");
+    }
+    const { S3Client: u, PutObjectCommand: h } = t, { fromCognitoIdentityPool: p } = i, w = new u({
+      region: r,
+      credentials: p({
+        clientConfig: { region: r },
+        identityPoolId: a
+      }),
+      requestChecksumCalculation: "WHEN_REQUIRED",
+      forcePathStyle: !0
+    }), l = b(c);
+    let s = n.trim();
+    s && !s.endsWith("/") && (s += "/");
+    const d = s ? `${s}${e}` : `signatures/${e}`, m = new h({
+      Bucket: o,
+      Key: d,
+      Body: l,
+      ContentType: l.type
+      // Depending on your bucket policy, you might need ACL: 'public-read'
+      // ACL: 'public-read',
+    });
+    return await w.send(m), `https://${o}/${d}`;
+  } catch (t) {
+    throw console.error("Error uploading to S3:", t), t;
+  }
+}
+export {
+  y as u
+};