dynamic-mui 2.1.0 → 2.3.0

package/dist/formrepeater-BBkKGLFJ.mjs

@@ -0,0 +1,71 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useMemo as _, useState as $, useRef as G, useCallback as y } from "react";
+import { Box as P, TextField as R, InputAdornment as S, Icon as A, Accordion as T, AccordionSummary as j, Typography as z, AccordionDetails as D } from "@mui/material";
+import { e as M, F as W } from "./index-CddjLTWF.mjs";
+import { v as k } from "./v4-BysszJq8.mjs";
+function H({ attributes: h = {}, rules: v = {}, onChange: o }) {
+  const {
+    id: s = "",
+    label: g = "Group",
+    min: n = 1,
+    max: a,
+    subFields: b = [],
+    value: i
+  } = h, F = v?.validation?.some((r) => r.rule === "mandatory") || !1, N = _(() => {
+    if (Array.isArray(i) && i.length > 0) return i.length;
+    const r = Number(h.count);
+    return !isNaN(r) && r >= n ? r : n;
+  }, []), [u, C] = $(N), c = G([]), d = y((r) => (c.current[r] || (c.current[r] = k()), c.current[r]), []), x = y((r) => {
+    if (!o) return;
+    const t = Array.from({ length: r }, (l, m) => {
+      const p = `${s}-group-${d(m)}`;
+      return M(p) ?? {};
+    });
+    o({ id: s, value: t });
+  }, [s, d, o]), I = (r) => {
+    let t = parseInt(r, 10);
+    (isNaN(t) || t < n) && (t = n), a !== void 0 && t > a && (t = a), C(t), setTimeout(() => x(t), 0);
+  };
+  return /* @__PURE__ */ f(P, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ e(
+      R,
+      {
+        type: "number",
+        size: "small",
+        label: `Number of ${g}s`,
+        value: u,
+        onChange: (r) => I(r.target.value),
+        required: F,
+        inputProps: { min: n, ...a !== void 0 ? { max: a } : {} },
+        InputProps: {
+          startAdornment: /* @__PURE__ */ e(S, { position: "start", children: /* @__PURE__ */ e(A, { fontSize: "small", children: "format_list_numbered" }) })
+        },
+        sx: { mb: 2, minWidth: 200 }
+      }
+    ),
+    Array.from({ length: u }, (r, t) => {
+      const l = `${s}-group-${d(t)}`, m = Array.isArray(i) ? i[t] : void 0;
+      return /* @__PURE__ */ f(T, { defaultExpanded: t === 0, sx: { mb: 1 }, children: [
+        /* @__PURE__ */ e(j, { expandIcon: /* @__PURE__ */ e(A, { children: "expand_more" }), children: /* @__PURE__ */ f(z, { fontWeight: 600, children: [
+          g,
+          " ",
+          t + 1
+        ] }) }),
+        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+          W,
+          {
+            guid: l,
+            data: b,
+            patch: m ?? {},
+            onChange: (p) => {
+              x(u), o && o(p);
+            }
+          }
+        ) })
+      ] }, l);
+    })
+  ] });
+}
+export {
+  H as default
+};

package/dist/formrepeater-BxJzXoHx.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material"),b=require("./index-D08GIfqF.js"),I=require("./v4-CqdK_b8Y.js");function N({attributes:f={},rules:j={},onChange:o}){const{id:c="",label:g="Group",min:s=1,max:u,subFields:v=[],value:a}=f,A=j?.validation?.some(e=>e.rule==="mandatory")||!1,q=i.useMemo(()=>{if(Array.isArray(a)&&a.length>0)return a.length;const e=Number(f.count);return!isNaN(e)&&e>=s?e:s},[]),[l,C]=i.useState(q),d=i.useRef([]),m=i.useCallback(e=>(d.current[e]||(d.current[e]=I.v4()),d.current[e]),[]),y=i.useCallback(e=>{if(!o)return;const r=Array.from({length:e},(p,x)=>{const h=`${c}-group-${m(x)}`;return b.FormData(h)??{}});o({id:c,value:r})},[c,m,o]),F=e=>{let r=parseInt(e,10);(isNaN(r)||r<s)&&(r=s),u!==void 0&&r>u&&(r=u),C(r),setTimeout(()=>y(r),0)};return t.jsxs(n.Box,{sx:{width:"100%"},children:[t.jsx(n.TextField,{type:"number",size:"small",label:`Number of ${g}s`,value:l,onChange:e=>F(e.target.value),required:A,inputProps:{min:s,...u!==void 0?{max:u}:{}},InputProps:{startAdornment:t.jsx(n.InputAdornment,{position:"start",children:t.jsx(n.Icon,{fontSize:"small",children:"format_list_numbered"})})},sx:{mb:2,minWidth:200}}),Array.from({length:l},(e,r)=>{const p=`${c}-group-${m(r)}`,x=Array.isArray(a)?a[r]:void 0;return t.jsxs(n.Accordion,{defaultExpanded:r===0,sx:{mb:1},children:[t.jsx(n.AccordionSummary,{expandIcon:t.jsx(n.Icon,{children:"expand_more"}),children:t.jsxs(n.Typography,{fontWeight:600,children:[g," ",r+1]})}),t.jsx(n.AccordionDetails,{children:t.jsx(b.FormGenerator,{guid:p,data:v,patch:x??{},onChange:h=>{y(l),o&&o(h)}})})]},p)})]})}exports.default=N;

package/dist/formwizard-BDZE1UDD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),n=require("@mui/material"),i=require("./index-D08GIfqF.js"),y=require("./v4-CqdK_b8Y.js");function B({attributes:f={},onChange:l}){const{id:c="",guid:M,steps:x=[],patch:v={},finishLabel:j="Finish",validateSteps:d=!1,MuiAttributes:$={}}=f,[e,p]=a.useState(0),u=a.useRef(null),h=a.useMemo(()=>M||`${c}-${y.v4()}`,[]),r=Array.isArray(x)?x:[],o=Math.max(r.length-1,0),R=e>=o,I=e<=0,b=`${h}-step-${e}`,g=a.useCallback(()=>{p(t=>Math.max(t-1,0))},[]),A=a.useCallback(()=>{if(!(d&&u.current&&!u.current.validate())){if(e>=o){l?.({id:c,value:"complete",option:e});return}p(t=>Math.min(t+1,o))}},[e,o,c,l,d]),m=(t=>({borderRadius:`${i.PREMIUM_RADIUS+8}px`,textTransform:"none",fontWeight:600,px:3,transition:`box-shadow .18s ${i.PREMIUM_EASING}, transform .18s ${i.PREMIUM_EASING}`,"&:hover":{transform:"translateY(-1px)",boxShadow:`0 4px 12px ${t.palette.primary.main}22`}}));return s.jsxs(n.Box,{sx:{width:"100%"},...$,children:[s.jsx(n.Stepper,{activeStep:e,alternativeLabel:!0,sx:{mb:3,"& .MuiStepLabel-label":{fontWeight:500},"& .MuiStepIcon-root.Mui-active":{transition:`color .2s ${i.PREMIUM_EASING}`}},children:r.map((t,S)=>s.jsx(n.Step,{children:s.jsx(n.StepLabel,{children:t?.label??`Step ${S+1}`})},`${h}-label-${S}`))}),s.jsx(n.Box,{sx:{mb:3},children:r[e]&&s.jsx(i.FormGenerator,{guid:b,data:r[e].fields??[],patch:v,persistOnUnmount:!0,apiRef:u,onChange:t=>{l?.(t)}},b)}),s.jsxs(n.Box,{sx:{display:"flex",justifyContent:"space-between",gap:2},children:[s.jsx(n.Button,{variant:"outlined",onClick:g,disabled:I,sx:i.mergeSx(m),children:"Back"}),s.jsx(n.Button,{variant:"contained",onClick:A,sx:i.mergeSx(m),children:R?j:"Next"})]})]})}exports.default=B;

package/dist/formwizard-D2u1bMvK.mjs

@@ -0,0 +1,83 @@
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useState as G, useRef as w, useMemo as B, useCallback as S } from "react";
+import { Box as l, Stepper as U, Step as j, StepLabel as C, Button as v } from "@mui/material";
+import { P as c, F as E, m as M, d as N } from "./index-CddjLTWF.mjs";
+import { v as P } from "./v4-BysszJq8.mjs";
+function T({ attributes: $ = {}, onChange: n }) {
+  const {
+    id: r = "",
+    guid: A,
+    steps: p = [],
+    patch: R = {},
+    finishLabel: g = "Finish",
+    // Opt-in: block Next / Finish until the current step passes validation
+    // (invalid fields are highlighted). Defaults to the old free navigation.
+    validateSteps: d = !1,
+    MuiAttributes: I = {}
+  } = $, [t, u] = G(0), o = w(null), m = B(() => A || `${r}-${P()}`, []), s = Array.isArray(p) ? p : [], i = Math.max(s.length - 1, 0), L = t >= i, k = t <= 0, x = `${m}-step-${t}`, y = S(() => {
+    u((e) => Math.max(e - 1, 0));
+  }, []), F = S(() => {
+    if (!(d && o.current && !o.current.validate())) {
+      if (t >= i) {
+        n?.({ id: r, value: "complete", option: t });
+        return;
+      }
+      u((e) => Math.min(e + 1, i));
+    }
+  }, [t, i, r, n, d]), f = ((e) => ({
+    borderRadius: `${N + 8}px`,
+    textTransform: "none",
+    fontWeight: 600,
+    px: 3,
+    transition: `box-shadow .18s ${c}, transform .18s ${c}`,
+    "&:hover": {
+      transform: "translateY(-1px)",
+      boxShadow: `0 4px 12px ${e.palette.primary.main}22`
+    }
+  }));
+  return /* @__PURE__ */ b(l, { sx: { width: "100%" }, ...I, children: [
+    /* @__PURE__ */ a(
+      U,
+      {
+        activeStep: t,
+        alternativeLabel: !0,
+        sx: {
+          mb: 3,
+          "& .MuiStepLabel-label": { fontWeight: 500 },
+          "& .MuiStepIcon-root.Mui-active": { transition: `color .2s ${c}` }
+        },
+        children: s.map((e, h) => /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(C, { children: e?.label ?? `Step ${h + 1}` }) }, `${m}-label-${h}`))
+      }
+    ),
+    /* @__PURE__ */ a(l, { sx: { mb: 3 }, children: s[t] && /* @__PURE__ */ a(
+      E,
+      {
+        guid: x,
+        data: s[t].fields ?? [],
+        patch: R,
+        persistOnUnmount: !0,
+        apiRef: o,
+        onChange: (e) => {
+          n?.(e);
+        }
+      },
+      x
+    ) }),
+    /* @__PURE__ */ b(l, { sx: { display: "flex", justifyContent: "space-between", gap: 2 }, children: [
+      /* @__PURE__ */ a(
+        v,
+        {
+          variant: "outlined",
+          onClick: y,
+          disabled: k,
+          sx: M(f),
+          children: "Back"
+        }
+      ),
+      /* @__PURE__ */ a(v, { variant: "contained", onClick: F, sx: M(f), children: L ? g : "Next" })
+    ] })
+  ] });
+}
+export {
+  T as default
+};

package/dist/geofield-8WTeZk0Z.mjs

@@ -0,0 +1,104 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import S from "react";
+import s from "@mui/material/Box";
+import L from "@mui/material/Link";
+import f from "@mui/material/TextField";
+import k from "@mui/material/Typography";
+import { u as C, m as b, a as F, b as j } from "./index-CddjLTWF.mjs";
+const h = (t) => {
+  if (t && typeof t == "object")
+    return {
+      lat: t.lat !== void 0 && t.lat !== null ? String(t.lat) : "",
+      lng: t.lng !== void 0 && t.lng !== null ? String(t.lng) : ""
+    };
+  if (typeof t == "string" && t.includes(",")) {
+    const [i = "", a = ""] = t.split(",");
+    return { lat: i.trim(), lng: a.trim() };
+  }
+  return { lat: "", lng: "" };
+};
+function A({ attributes: t = {}, onChange: i }) {
+  const {
+    id: a = "",
+    label: m = "",
+    showMap: x = !1,
+    MuiAttributes: p = {}
+  } = t, [l, g] = S.useState(() => h(t.value));
+  C(() => {
+    g(h(t.value));
+  }, [t.value]);
+  const y = (e) => {
+    i?.({
+      id: a,
+      value: { lat: e.lat, lng: e.lng },
+      option: `${e.lat},${e.lng}`
+    });
+  }, c = (e) => (o) => {
+    const n = { ...l, [e]: o.target.value };
+    g(n), y(n);
+  }, $ = l.lat !== "" && l.lng !== "", d = b(F, p.sx), w = () => {
+    const e = parseFloat(l.lat), o = parseFloat(l.lng), n = 0.01;
+    return `https://www.openstreetmap.org/export/embed.html?bbox=${`${o - n},${e - n},${o + n},${e + n}`}&marker=${e},${o}`;
+  };
+  return /* @__PURE__ */ u(s, { id: a, children: [
+    m ? /* @__PURE__ */ r(k, { variant: "body2", sx: { mb: 0.75, fontWeight: 500 }, children: m }) : null,
+    /* @__PURE__ */ u(s, { sx: { display: "flex", gap: 1.5, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ r(
+        f,
+        {
+          type: "number",
+          ...p,
+          label: "Latitude",
+          value: l.lat,
+          onChange: c("lat"),
+          inputProps: { "aria-label": "Latitude", step: "any" },
+          sx: d
+        }
+      ),
+      /* @__PURE__ */ r(
+        f,
+        {
+          type: "number",
+          ...p,
+          label: "Longitude",
+          value: l.lng,
+          onChange: c("lng"),
+          inputProps: { "aria-label": "Longitude", step: "any" },
+          sx: d
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(s, { sx: { mt: 1 }, children: /* @__PURE__ */ r(
+      L,
+      {
+        href: `https://www.google.com/maps?q=${l.lat},${l.lng}`,
+        target: "_blank",
+        rel: "noreferrer",
+        variant: "body2",
+        children: "Open in Maps"
+      }
+    ) }),
+    x && $ ? /* @__PURE__ */ r(
+      s,
+      {
+        sx: b((e) => ({
+          ...j(e),
+          mt: 1.5
+        })),
+        children: /* @__PURE__ */ r(
+          "iframe",
+          {
+            title: "map",
+            width: "100%",
+            height: "240",
+            style: { border: 0, display: "block" },
+            src: w()
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+export {
+  A as default
+};

package/dist/geofield-Bw3p4NLJ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),S=require("react"),i=require("@mui/material/Box"),$=require("@mui/material/Link"),m=require("@mui/material/TextField"),w=require("@mui/material/Typography"),o=require("./index-D08GIfqF.js"),b=t=>{if(t&&typeof t=="object")return{lat:t.lat!==void 0&&t.lat!==null?String(t.lat):"",lng:t.lng!==void 0&&t.lng!==null?String(t.lng):""};if(typeof t=="string"&&t.includes(",")){const[c="",a=""]=t.split(",");return{lat:c.trim(),lng:a.trim()}}return{lat:"",lng:""}};function q({attributes:t={},onChange:c}){const{id:a="",label:g="",showMap:h=!1,MuiAttributes:p={}}=t,[n,u]=S.useState(()=>b(t.value));o.useUpdateEffect(()=>{u(b(t.value))},[t.value]);const f=e=>{c?.({id:a,value:{lat:e.lat,lng:e.lng},option:`${e.lat},${e.lng}`})},d=e=>s=>{const r={...n,[e]:s.target.value};u(r),f(r)},y=n.lat!==""&&n.lng!=="",x=o.mergeSx(o.premiumInputSx,p.sx),j=()=>{const e=parseFloat(n.lat),s=parseFloat(n.lng),r=.01;return`https://www.openstreetmap.org/export/embed.html?bbox=${`${s-r},${e-r},${s+r},${e+r}`}&marker=${e},${s}`};return l.jsxs(i,{id:a,children:[g?l.jsx(w,{variant:"body2",sx:{mb:.75,fontWeight:500},children:g}):null,l.jsxs(i,{sx:{display:"flex",gap:1.5,flexWrap:"wrap"},children:[l.jsx(m,{type:"number",...p,label:"Latitude",value:n.lat,onChange:d("lat"),inputProps:{"aria-label":"Latitude",step:"any"},sx:x}),l.jsx(m,{type:"number",...p,label:"Longitude",value:n.lng,onChange:d("lng"),inputProps:{"aria-label":"Longitude",step:"any"},sx:x})]}),l.jsx(i,{sx:{mt:1},children:l.jsx($,{href:`https://www.google.com/maps?q=${n.lat},${n.lng}`,target:"_blank",rel:"noreferrer",variant:"body2",children:"Open in Maps"})}),h&&y?l.jsx(i,{sx:o.mergeSx(e=>({...o.premiumSurfaceSx(e),mt:1.5})),children:l.jsx("iframe",{title:"map",width:"100%",height:"240",style:{border:0,display:"block"},src:j()})}):null]})}exports.default=q;

package/dist/group-B2mSylHd.mjs

@@ -0,0 +1,23 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import n from "react";
+import { Paper as p, Typography as l, Box as f } from "@mui/material";
+import { F as c } from "./index-CddjLTWF.mjs";
+import { v as d } from "./v4-BysszJq8.mjs";
+function F({ attributes: o = {}, patch: e, onChange: i }) {
+  const { MuiAttributes: r = {}, label: s = "Group", subFields: a = [] } = o, m = n.useMemo(() => d(), []);
+  return /* @__PURE__ */ u(p, { elevation: 1, sx: { p: 2, mb: 2, ...r.sx }, ...r, children: [
+    /* @__PURE__ */ t(l, { variant: "subtitle1", gutterBottom: !0, sx: { fontWeight: 600 }, children: s }),
+    /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+      c,
+      {
+        guid: m,
+        data: a,
+        patch: e,
+        onChange: i
+      }
+    ) })
+  ] });
+}
+export {
+  F as default
+};

package/dist/group-BlfO3ZZf.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("@mui/material"),l=require("./index-D08GIfqF.js"),d=require("./v4-CqdK_b8Y.js");function x({attributes:i={},patch:o,onChange:s}){const{MuiAttributes:r={},label:u="Group",subFields:n=[]}=i,a=c.useMemo(()=>d.v4(),[]);return e.jsxs(t.Paper,{elevation:1,sx:{p:2,mb:2,...r.sx},...r,children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,sx:{fontWeight:600},children:u}),e.jsx(t.Box,{children:e.jsx(l.FormGenerator,{guid:a,data:n,patch:o,onChange:s})})]})}exports.default=x;

package/dist/imagelist-Bn9QhIv7.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@mui/material/ImageList"),g=require("@mui/material/ImageListItem");function l({attributes:s={}}){const{MuiAttributes:o={},items:e=[],width:a=500,height:c=450,cols:u=3,rowHeight:t=164}=s;return i.jsx(n,{sx:{width:a,height:c},cols:u,rowHeight:t,...o,children:(Array.isArray(e)?e:[]).map(r=>i.jsx(g,{children:i.jsx("img",{srcSet:`${r.img}?w=${t}&h=${t}&fit=crop&auto=format&dpr=2 2x`,src:`${r.img}?w=${t}&h=${t}&fit=crop&auto=format`,alt:r.title,loading:"lazy"})},r.img))})}exports.default=l;

package/dist/imagelist-rqmJajHt.mjs

@@ -0,0 +1,18 @@
+import { jsx as i } from "react/jsx-runtime";
+import c from "@mui/material/ImageList";
+import f from "@mui/material/ImageListItem";
+function n({ attributes: m = {} }) {
+  const { MuiAttributes: a = {}, items: o = [], width: s = 500, height: e = 450, cols: g = 3, rowHeight: t = 164 } = m;
+  return /* @__PURE__ */ i(c, { sx: { width: s, height: e }, cols: g, rowHeight: t, ...a, children: (Array.isArray(o) ? o : []).map((r) => /* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(
+    "img",
+    {
+      srcSet: `${r.img}?w=${t}&h=${t}&fit=crop&auto=format&dpr=2 2x`,
+      src: `${r.img}?w=${t}&h=${t}&fit=crop&auto=format`,
+      alt: r.title,
+      loading: "lazy"
+    }
+  ) }, r.img)) });
+}
+export {
+  n as default
+};