dynamic-mui 2.2.0 → 2.3.0

package/dist/index.d.ts

@@ -1,8 +1,16 @@
 export { FormGenerator, FormData, ClearFormData, useForm } from './components/FormGenerator';
-export type { FormApi, FormMessages, FormGeneratorProps } from './components/FormGenerator';
+export type { FormApi, FormMessages, FormGeneratorProps, SubmitButtonConfig, AsyncValidator } from './components/FormGenerator';
 export { default as DynamicComponent } from './components/DynamicComponent';
 export { default as Controls } from './components/controls';
 export { default as MuiConfig } from './config/mui';
+export { registerControl, registerControls, unregisterControl, getRegisteredControl, hasRegisteredControl, registeredControlTypes, } from './util/registry';
+export type { ControlComponent } from './util/registry';
+export { zodResolver, yupResolver } from './util/resolvers';
+export type { FormResolver, FieldError } from './util/resolvers';
+export { useFormEngine } from './util/useFormEngine';
+export type { FormEngine, FieldState, UseFormEngineOptions } from './util/useFormEngine';
+export { validateSchema } from './util/validateSchema';
+export type { SchemaIssue } from './util/validateSchema';
 export * from './types';
 export * from './ai';
 export * from './schema';

package/dist/intlphone-B_Xn98pU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),C=require("react"),t=require("./index-D08GIfqF.js"),U=require("@mui/material/Stack"),I=require("@mui/material/TextField"),M=require("@mui/material/MenuItem"),T=require("@mui/material/FormControl"),j=require("@mui/material/FormLabel"),n=[{code:"US",name:"United States",dial:"+1",flag:"🇺🇸"},{code:"GB",name:"United Kingdom",dial:"+44",flag:"🇬🇧"},{code:"IN",name:"India",dial:"+91",flag:"🇮🇳"},{code:"CA",name:"Canada",dial:"+1",flag:"🇨🇦"},{code:"AU",name:"Australia",dial:"+61",flag:"🇦🇺"},{code:"DE",name:"Germany",dial:"+49",flag:"🇩🇪"},{code:"FR",name:"France",dial:"+33",flag:"🇫🇷"},{code:"IT",name:"Italy",dial:"+39",flag:"🇮🇹"},{code:"ES",name:"Spain",dial:"+34",flag:"🇪🇸"},{code:"BR",name:"Brazil",dial:"+55",flag:"🇧🇷"},{code:"MX",name:"Mexico",dial:"+52",flag:"🇲🇽"},{code:"JP",name:"Japan",dial:"+81",flag:"🇯🇵"},{code:"CN",name:"China",dial:"+86",flag:"🇨🇳"},{code:"RU",name:"Russia",dial:"+7",flag:"🇷🇺"},{code:"ZA",name:"South Africa",dial:"+27",flag:"🇿🇦"},{code:"NG",name:"Nigeria",dial:"+234",flag:"🇳🇬"},{code:"KE",name:"Kenya",dial:"+254",flag:"🇰🇪"},{code:"AE",name:"United Arab Emirates",dial:"+971",flag:"🇦🇪"},{code:"SA",name:"Saudi Arabia",dial:"+966",flag:"🇸🇦"},{code:"SG",name:"Singapore",dial:"+65",flag:"🇸🇬"},{code:"MY",name:"Malaysia",dial:"+60",flag:"🇲🇾"},{code:"ID",name:"Indonesia",dial:"+62",flag:"🇮🇩"},{code:"PH",name:"Philippines",dial:"+63",flag:"🇵🇭"},{code:"TH",name:"Thailand",dial:"+66",flag:"🇹🇭"},{code:"VN",name:"Vietnam",dial:"+84",flag:"🇻🇳"},{code:"KR",name:"South Korea",dial:"+82",flag:"🇰🇷"},{code:"NZ",name:"New Zealand",dial:"+64",flag:"🇳🇿"},{code:"IE",name:"Ireland",dial:"+353",flag:"🇮🇪"},{code:"NL",name:"Netherlands",dial:"+31",flag:"🇳🇱"},{code:"SE",name:"Sweden",dial:"+46",flag:"🇸🇪"},{code:"NO",name:"Norway",dial:"+47",flag:"🇳🇴"},{code:"DK",name:"Denmark",dial:"+45",flag:"🇩🇰"},{code:"CH",name:"Switzerland",dial:"+41",flag:"🇨🇭"},{code:"PL",name:"Poland",dial:"+48",flag:"🇵🇱"},{code:"PT",name:"Portugal",dial:"+351",flag:"🇵🇹"},{code:"GR",name:"Greece",dial:"+30",flag:"🇬🇷"},{code:"TR",name:"Turkey",dial:"+90",flag:"🇹🇷"},{code:"EG",name:"Egypt",dial:"+20",flag:"🇪🇬"},{code:"AR",name:"Argentina",dial:"+54",flag:"🇦🇷"},{code:"CL",name:"Chile",dial:"+56",flag:"🇨🇱"}];function A(a,m){if(typeof a=="string"&&a.trim()){const d=[...n].sort((i,c)=>c.dial.length-i.dial.length).find(i=>a.startsWith(i.dial));if(d)return{code:d.code,number:a.slice(d.dial.length).trim()}}return{code:m,number:""}}function v({attributes:a={},rules:m={},onChange:s}){const{id:d="",defaultCountry:i="US",label:c,MuiAttributes:N={}}=a,{sx:u,...P}=N,f=n.some(e=>e.code===i)?i:"US",g=A(a.value,f),[h,S]=C.useState(g.code),[p,x]=C.useState(g.number);t.useUpdateEffect(()=>{const e=A(a.value,f);S(e.code),x(e.number)},[a.value]);const b=m?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1,y=(e,l)=>{const r=n.find(q=>q.code===e)||n[0];s?.({id:d,value:`${r.dial} ${l}`.trim(),option:{country:r.code,dial:r.dial,number:l}})},E=e=>{const l=e.target.value;S(l),y(l,p)},R=e=>{x(e.value),y(h,e.value)};return o.jsxs(T,{component:"fieldset",fullWidth:!0,children:[c&&o.jsx(j,{component:"legend",required:b,sx:{mb:1},children:c}),o.jsxs(U,{direction:"row",spacing:1,alignItems:"flex-start",children:[o.jsx(I,{select:!0,value:h,onChange:E,size:"small",label:"Country","aria-label":"Country dial code",SelectProps:{renderValue:e=>{const l=n.find(r=>r.code===e)||n[0];return`${l.flag} ${l.dial}`}},sx:t.mergeSx(t.premiumInputSx,{minWidth:120,flexShrink:0,...u}),children:n.map(e=>o.jsxs(M,{value:e.code,children:[e.flag," ",e.name," (",e.dial,")"]},e.code))}),o.jsx(t.PatternFormat,{customInput:I,format:"### ### ####",mask:"_",value:p,onValueChange:R,fullWidth:!0,required:b,label:"Phone number",id:d,name:"intlphone",...P,sx:t.mergeSx(t.premiumInputSx,u)})]})]})}exports.default=v;

package/dist/intlphone-DtQZ12xk.mjs

@@ -0,0 +1,140 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import x from "react";
+import { u as G, m as I, a as A, f as k } from "./index-CddjLTWF.mjs";
+import v from "@mui/material/Stack";
+import N from "@mui/material/TextField";
+import F from "@mui/material/MenuItem";
+import K from "@mui/material/FormControl";
+import w from "@mui/material/FormLabel";
+const n = [
+  { code: "US", name: "United States", dial: "+1", flag: "🇺🇸" },
+  { code: "GB", name: "United Kingdom", dial: "+44", flag: "🇬🇧" },
+  { code: "IN", name: "India", dial: "+91", flag: "🇮🇳" },
+  { code: "CA", name: "Canada", dial: "+1", flag: "🇨🇦" },
+  { code: "AU", name: "Australia", dial: "+61", flag: "🇦🇺" },
+  { code: "DE", name: "Germany", dial: "+49", flag: "🇩🇪" },
+  { code: "FR", name: "France", dial: "+33", flag: "🇫🇷" },
+  { code: "IT", name: "Italy", dial: "+39", flag: "🇮🇹" },
+  { code: "ES", name: "Spain", dial: "+34", flag: "🇪🇸" },
+  { code: "BR", name: "Brazil", dial: "+55", flag: "🇧🇷" },
+  { code: "MX", name: "Mexico", dial: "+52", flag: "🇲🇽" },
+  { code: "JP", name: "Japan", dial: "+81", flag: "🇯🇵" },
+  { code: "CN", name: "China", dial: "+86", flag: "🇨🇳" },
+  { code: "RU", name: "Russia", dial: "+7", flag: "🇷🇺" },
+  { code: "ZA", name: "South Africa", dial: "+27", flag: "🇿🇦" },
+  { code: "NG", name: "Nigeria", dial: "+234", flag: "🇳🇬" },
+  { code: "KE", name: "Kenya", dial: "+254", flag: "🇰🇪" },
+  { code: "AE", name: "United Arab Emirates", dial: "+971", flag: "🇦🇪" },
+  { code: "SA", name: "Saudi Arabia", dial: "+966", flag: "🇸🇦" },
+  { code: "SG", name: "Singapore", dial: "+65", flag: "🇸🇬" },
+  { code: "MY", name: "Malaysia", dial: "+60", flag: "🇲🇾" },
+  { code: "ID", name: "Indonesia", dial: "+62", flag: "🇮🇩" },
+  { code: "PH", name: "Philippines", dial: "+63", flag: "🇵🇭" },
+  { code: "TH", name: "Thailand", dial: "+66", flag: "🇹🇭" },
+  { code: "VN", name: "Vietnam", dial: "+84", flag: "🇻🇳" },
+  { code: "KR", name: "South Korea", dial: "+82", flag: "🇰🇷" },
+  { code: "NZ", name: "New Zealand", dial: "+64", flag: "🇳🇿" },
+  { code: "IE", name: "Ireland", dial: "+353", flag: "🇮🇪" },
+  { code: "NL", name: "Netherlands", dial: "+31", flag: "🇳🇱" },
+  { code: "SE", name: "Sweden", dial: "+46", flag: "🇸🇪" },
+  { code: "NO", name: "Norway", dial: "+47", flag: "🇳🇴" },
+  { code: "DK", name: "Denmark", dial: "+45", flag: "🇩🇰" },
+  { code: "CH", name: "Switzerland", dial: "+41", flag: "🇨🇭" },
+  { code: "PL", name: "Poland", dial: "+48", flag: "🇵🇱" },
+  { code: "PT", name: "Portugal", dial: "+351", flag: "🇵🇹" },
+  { code: "GR", name: "Greece", dial: "+30", flag: "🇬🇷" },
+  { code: "TR", name: "Turkey", dial: "+90", flag: "🇹🇷" },
+  { code: "EG", name: "Egypt", dial: "+20", flag: "🇪🇬" },
+  { code: "AR", name: "Argentina", dial: "+54", flag: "🇦🇷" },
+  { code: "CL", name: "Chile", dial: "+56", flag: "🇨🇱" }
+];
+function E(e, r) {
+  if (typeof e == "string" && e.trim()) {
+    const d = [...n].sort((o, t) => t.dial.length - o.dial.length).find((o) => e.startsWith(o.dial));
+    if (d)
+      return { code: d.code, number: e.slice(d.dial.length).trim() };
+  }
+  return { code: r, number: "" };
+}
+function Z({ attributes: e = {}, rules: r = {}, onChange: f }) {
+  const {
+    id: d = "",
+    defaultCountry: o = "US",
+    label: t,
+    MuiAttributes: P = {}
+  } = e, { sx: s, ...R } = P, g = n.some((a) => a.code === o) ? o : "US", u = E(e.value, g), [p, h] = x.useState(u.code), [S, b] = x.useState(u.number);
+  G(() => {
+    const a = E(e.value, g);
+    h(a.code), b(a.number);
+  }, [e.value]);
+  const y = r?.validation?.some(
+    (a) => a.rule === "mandatory" || a.rule === "mandatoryselect"
+  ) || !1, C = (a, l) => {
+    const i = n.find((T) => T.code === a) || n[0];
+    f?.({
+      id: d,
+      value: `${i.dial} ${l}`.trim(),
+      option: { country: i.code, dial: i.dial, number: l }
+    });
+  }, U = (a) => {
+    const l = a.target.value;
+    h(l), C(l, S);
+  }, M = (a) => {
+    b(a.value), C(p, a.value);
+  };
+  return /* @__PURE__ */ m(K, { component: "fieldset", fullWidth: !0, children: [
+    t && /* @__PURE__ */ c(w, { component: "legend", required: y, sx: { mb: 1 }, children: t }),
+    /* @__PURE__ */ m(v, { direction: "row", spacing: 1, alignItems: "flex-start", children: [
+      /* @__PURE__ */ c(
+        N,
+        {
+          select: !0,
+          value: p,
+          onChange: U,
+          size: "small",
+          label: "Country",
+          "aria-label": "Country dial code",
+          SelectProps: {
+            renderValue: (a) => {
+              const l = n.find((i) => i.code === a) || n[0];
+              return `${l.flag} ${l.dial}`;
+            }
+          },
+          sx: I(A, {
+            minWidth: 120,
+            flexShrink: 0,
+            ...s
+          }),
+          children: n.map((a) => /* @__PURE__ */ m(F, { value: a.code, children: [
+            a.flag,
+            " ",
+            a.name,
+            " (",
+            a.dial,
+            ")"
+          ] }, a.code))
+        }
+      ),
+      /* @__PURE__ */ c(
+        k,
+        {
+          customInput: N,
+          format: "### ### ####",
+          mask: "_",
+          value: S,
+          onValueChange: M,
+          fullWidth: !0,
+          required: y,
+          label: "Phone number",
+          id: d,
+          name: "intlphone",
+          ...R,
+          sx: I(A, s)
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Z as default
+};

package/dist/keyvaluefield-B_1NeGuP.mjs

@@ -0,0 +1,125 @@
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import W from "react";
+import v from "@mui/material/Stack";
+import k from "@mui/material/TextField";
+import E from "@mui/material/IconButton";
+import L from "@mui/material/Button";
+import T from "@mui/material/FormControl";
+import q from "@mui/material/FormLabel";
+import w from "@mui/material/FormHelperText";
+import B from "@mui/icons-material/Add";
+import K from "@mui/icons-material/Close";
+import { u as V, m as b, a as A } from "./index-CddjLTWF.mjs";
+function C(t) {
+  return Array.isArray(t) ? t.map((r) => ({
+    key: r?.key ?? "",
+    value: r?.value ?? ""
+  })) : t && typeof t == "object" ? Object.keys(t).map((r) => ({ key: r, value: String(t[r] ?? "") })) : [];
+}
+function H(t) {
+  const r = {};
+  return t.forEach((n) => {
+    n.key !== "" && (r[n.key] = n.value);
+  }), r;
+}
+function Z({ attributes: t = {}, rules: r = {}, onChange: n }) {
+  const {
+    MuiAttributes: S = {},
+    id: I = "",
+    keyLabel: R = "Key",
+    valueLabel: z = "Value",
+    label: u
+  } = t, { sx: d, ...f } = S, [i, s] = W.useState(() => C(t.value)), p = r?.validation?.some(
+    (e) => e.rule === "mandatory" || e.rule === "mandatoryselect"
+  ) || !1;
+  V(() => {
+    s(C(t.value));
+  }, [t.value]);
+  const c = (e) => {
+    n?.({ id: I, value: H(e), option: e });
+  }, y = (e, o, l) => {
+    const m = i.map((x, M) => M === e ? { ...x, [o]: l } : x);
+    s(m), c(m);
+  }, F = () => {
+    const e = [...i, { key: "", value: "" }];
+    s(e), c(e);
+  }, j = (e) => {
+    const o = i.filter((l, m) => m !== e);
+    s(o), c(o);
+  }, h = p && i.filter((e) => e.key !== "").length === 0;
+  return /* @__PURE__ */ g(T, { component: "fieldset", error: h, fullWidth: !0, children: [
+    u && /* @__PURE__ */ a(q, { component: "legend", required: p, sx: { mb: 1 }, children: u }),
+    /* @__PURE__ */ a(v, { spacing: 1.25, children: i.map((e, o) => /* @__PURE__ */ g(
+      v,
+      {
+        direction: "row",
+        spacing: 1,
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ a(
+            k,
+            {
+              ...f,
+              label: R,
+              value: e.key,
+              onChange: (l) => y(o, "key", l.target.value),
+              size: "small",
+              fullWidth: !0,
+              sx: b(A, d)
+            }
+          ),
+          /* @__PURE__ */ a(
+            k,
+            {
+              ...f,
+              label: z,
+              value: e.value,
+              onChange: (l) => y(o, "value", l.target.value),
+              size: "small",
+              fullWidth: !0,
+              sx: b(A, d)
+            }
+          ),
+          /* @__PURE__ */ a(
+            E,
+            {
+              "aria-label": `Remove ${e.key || "row"}`,
+              onClick: () => j(o),
+              size: "small",
+              sx: {
+                borderRadius: 2,
+                color: "text.secondary",
+                "&:hover": { color: "error.main" }
+              },
+              children: /* @__PURE__ */ a(K, { fontSize: "small" })
+            }
+          )
+        ]
+      },
+      o
+    )) }),
+    /* @__PURE__ */ a(
+      L,
+      {
+        onClick: F,
+        startIcon: /* @__PURE__ */ a(B, {}),
+        size: "small",
+        variant: "text",
+        sx: {
+          alignSelf: "flex-start",
+          mt: 1,
+          borderRadius: 2,
+          textTransform: "none",
+          fontWeight: 600
+        },
+        children: "Add"
+      }
+    ),
+    h && /* @__PURE__ */ a(w, { children: r?.validation?.find(
+      (e) => e.rule === "mandatory" || e.rule === "mandatoryselect"
+    )?.message || "At least one entry is required" })
+  ] });
+}
+export {
+  Z as default
+};

package/dist/keyvaluefield-DyKCGd32.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),z=require("react"),v=require("@mui/material/Stack"),j=require("@mui/material/TextField"),F=require("@mui/material/IconButton"),M=require("@mui/material/Button"),T=require("@mui/material/FormControl"),W=require("@mui/material/FormLabel"),E=require("@mui/material/FormHelperText"),L=require("@mui/icons-material/Add"),w=require("@mui/icons-material/Close"),i=require("./index-D08GIfqF.js");function k(t){return Array.isArray(t)?t.map(r=>({key:r?.key??"",value:r?.value??""})):t&&typeof t=="object"?Object.keys(t).map(r=>({key:r,value:String(t[r]??"")})):[]}function B(t){const r={};return t.forEach(l=>{l.key!==""&&(r[l.key]=l.value)}),r}function K({attributes:t={},rules:r={},onChange:l}){const{MuiAttributes:q={},id:b="",keyLabel:S="Key",valueLabel:A="Value",label:m}=t,{sx:x,...y}=q,[a,u]=z.useState(()=>k(t.value)),f=r?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1;i.useUpdateEffect(()=>{u(k(t.value))},[t.value]);const d=e=>{l?.({id:b,value:B(e),option:e})},h=(e,o,s)=>{const c=a.map((g,R)=>R===e?{...g,[o]:s}:g);u(c),d(c)},C=()=>{const e=[...a,{key:"",value:""}];u(e),d(e)},I=e=>{const o=a.filter((s,c)=>c!==e);u(o),d(o)},p=f&&a.filter(e=>e.key!=="").length===0;return n.jsxs(T,{component:"fieldset",error:p,fullWidth:!0,children:[m&&n.jsx(W,{component:"legend",required:f,sx:{mb:1},children:m}),n.jsx(v,{spacing:1.25,children:a.map((e,o)=>n.jsxs(v,{direction:"row",spacing:1,alignItems:"center",children:[n.jsx(j,{...y,label:S,value:e.key,onChange:s=>h(o,"key",s.target.value),size:"small",fullWidth:!0,sx:i.mergeSx(i.premiumInputSx,x)}),n.jsx(j,{...y,label:A,value:e.value,onChange:s=>h(o,"value",s.target.value),size:"small",fullWidth:!0,sx:i.mergeSx(i.premiumInputSx,x)}),n.jsx(F,{"aria-label":`Remove ${e.key||"row"}`,onClick:()=>I(o),size:"small",sx:{borderRadius:2,color:"text.secondary","&:hover":{color:"error.main"}},children:n.jsx(w,{fontSize:"small"})})]},o))}),n.jsx(M,{onClick:C,startIcon:n.jsx(L,{}),size:"small",variant:"text",sx:{alignSelf:"flex-start",mt:1,borderRadius:2,textTransform:"none",fontWeight:600},children:"Add"}),p&&n.jsx(E,{children:r?.validation?.find(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")?.message||"At least one entry is required"})]})}exports.default=K;

package/dist/line-B-DwR1hm.mjs

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import o, { Suspense as n } from "react";
+import a from "@mui/material/Box";
+import s from "@mui/material/CircularProgress";
+const f = o.lazy(
+  () => import("@mui/x-charts/LineChart").then((r) => ({ default: r.LineChart }))
+);
+function u({ attributes: r = {} }) {
+  const { MuiChartAttributes: e = {}, id: i = "" } = r;
+  return /* @__PURE__ */ t(
+    n,
+    {
+      fallback: /* @__PURE__ */ t(a, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ t(s, {}) }),
+      children: /* @__PURE__ */ t(f, { height: 300, ...e }, i)
+    }
+  );
+}
+export {
+  u as default
+};

package/dist/line-BkymZu31.js

@@ -0,0 +1 @@
+"use strict";var o=Object.create;var u=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var x=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of l(t))!h.call(e,i)&&i!==r&&u(e,i,{get:()=>t[i],enumerable:!(s=a(t,i))||s.enumerable});return e};var f=(e,t,r)=>(r=e!=null?o(d(e)):{},x(t||!e||!e.__esModule?u(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("react"),j=require("@mui/material/Box"),p=require("@mui/material/CircularProgress"),y=c.lazy(()=>import("@mui/x-charts/LineChart").then(e=>({default:e.LineChart})));function C({attributes:e={}}){const{MuiChartAttributes:t={},id:r=""}=e;return n.jsx(c.Suspense,{fallback:n.jsx(j,{sx:{display:"flex",justifyContent:"center",p:2},children:n.jsx(p,{})}),children:n.jsx(y,{height:300,...t},r)})}exports.default=C;

package/dist/lineitemlist-DGo8UOZC.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("react"),a=require("@mui/material"),T=require("./index-D08GIfqF.js");function k(r,o){if(Array.isArray(r)&&r.length>0){const d=r[0],c=Object.keys(d).find(l=>l!=="fee");if(c)return c.replace(/\d+$/,"")}return o}function v(r,o){return Array.isArray(r)&&r.length>0?r.map((d,c)=>{const{fee:l=0,...f}=d,u=Object.keys(f)[0]||`${o}${c+1}`;return{key:u,description:String(f[u]??""),fee:Number(l)||0}}):[{key:`${o}1`,description:"",fee:0}]}function W(r){return r.map(o=>({fee:o.fee,[o.key]:o.description}))}function K({attributes:r={},rules:o={},onChange:d}){const{id:c="",keyPrefix:l="item",showRowBadge:f=!0,readOnly:u=!1,showActions:I=!0,MuiAttributes:j={}}=r,w=I&&!u,{row:P={},rowBadge:b={},description:A={},fee:B={},addButton:S={},removeButton:C={}}=j,h=o?.validation?.some(e=>e.rule==="mandatory")||!1,y=k(r.value,l),[s,p]=g.useState(()=>v(r.value,y));T.useUpdateEffect(()=>{const e=k(r.value,l),n=v(r.value,e);JSON.stringify(n)!==JSON.stringify(s)&&p(n)},[r.value]),g.useEffect(()=>{d&&d({id:c,value:W(s)})},[s,c]);const $=()=>{const e=s.length+1;p([...s,{key:`${y}${e}`,description:"",fee:0}])},R=e=>{const t=s.filter((x,m)=>m!==e).map((x,m)=>({...x,key:`${y}${m+1}`}));p(t)},q=(e,n)=>{const t=[...s];t[e]={...t[e],description:n},p(t)},O=(e,n)=>{const t=[...s];t[e]={...t[e],fee:Number(n)||0},p(t)};return i.jsx(a.Stack,{spacing:1.5,sx:{width:"100%"},children:s.map((e,n)=>i.jsxs(a.Box,{sx:{display:"flex",gap:1,alignItems:"flex-start",p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:"background.paper"},...P,children:[f&&i.jsx(a.Typography,{variant:"caption",sx:{minWidth:24,height:24,borderRadius:"50%",backgroundColor:"primary.main",color:"primary.contrastText",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,flexShrink:0,mt:.75},...b,children:n+1}),i.jsx(a.TextField,{fullWidth:!0,size:"small",label:"Description",required:h,error:h&&!e.description,helperText:h&&!e.description?"Required":"",value:e.description,onChange:t=>q(n,t.target.value),InputProps:{readOnly:u},...A}),i.jsx(a.TextField,{size:"small",label:"Fee",type:"number",sx:{minWidth:120},required:h,value:e.fee,onChange:t=>O(n,t.target.value),InputProps:{readOnly:u,startAdornment:i.jsx(a.InputAdornment,{position:"start",children:"$"})},inputProps:{min:0,step:.01},onWheel:t=>t.target.blur(),...B}),w&&(n===s.length-1?i.jsx(a.Button,{variant:"contained",color:"primary",onClick:$,sx:{minWidth:40,px:1,height:40,flexShrink:0},title:"Add row",...S,children:i.jsx(a.Icon,{children:"add"})}):i.jsx(a.IconButton,{color:"error",onClick:()=>R(n),sx:{height:40,flexShrink:0},title:"Remove row",...C,children:i.jsx(a.Icon,{children:"delete"})}))]},e.key))})}exports.default=K;

package/dist/lineitemlist-vGKzJlQx.mjs

@@ -0,0 +1,166 @@
+import { jsx as s, jsxs as O } from "react/jsx-runtime";
+import { useState as N, useEffect as T } from "react";
+import { Stack as q, Box as z, Typography as E, TextField as g, InputAdornment as F, Button as D, Icon as x, IconButton as J } from "@mui/material";
+import { u as L } from "./index-CddjLTWF.mjs";
+function k(r, o) {
+  if (Array.isArray(r) && r.length > 0) {
+    const c = r[0], a = Object.keys(c).find((d) => d !== "fee");
+    if (a)
+      return a.replace(/\d+$/, "");
+  }
+  return o;
+}
+function v(r, o) {
+  return Array.isArray(r) && r.length > 0 ? r.map((c, a) => {
+    const { fee: d = 0, ...f } = c, l = Object.keys(f)[0] || `${o}${a + 1}`;
+    return {
+      key: l,
+      description: String(f[l] ?? ""),
+      fee: Number(d) || 0
+    };
+  }) : [{ key: `${o}1`, description: "", fee: 0 }];
+}
+function M(r) {
+  return r.map((o) => ({
+    fee: o.fee,
+    [o.key]: o.description
+  }));
+}
+function H({ attributes: r = {}, rules: o = {}, onChange: c }) {
+  const {
+    id: a = "",
+    keyPrefix: d = "item",
+    /** Set to false to hide the row number badge. Defaults to true. */
+    showRowBadge: f = !0,
+    /** Set to true to render the Description/Fee fields as read-only and hide the Add/Remove buttons. */
+    readOnly: l = !1,
+    /** Set to false to hide the Add/Remove buttons while keeping fields editable. Defaults to true. */
+    showActions: w = !0,
+    MuiAttributes: I = {}
+  } = r, P = w && !l, {
+    row: b = {},
+    rowBadge: A = {},
+    description: B = {},
+    fee: C = {},
+    addButton: $ = {},
+    removeButton: S = {}
+  } = I, u = o?.validation?.some((e) => e.rule === "mandatory") || !1, h = k(r.value, d), [i, p] = N(() => v(r.value, h));
+  L(() => {
+    const e = k(r.value, d), n = v(r.value, e);
+    JSON.stringify(n) !== JSON.stringify(i) && p(n);
+  }, [r.value]), T(() => {
+    c && c({ id: a, value: M(i) });
+  }, [i, a]);
+  const R = () => {
+    const e = i.length + 1;
+    p([...i, { key: `${h}${e}`, description: "", fee: 0 }]);
+  }, W = (e) => {
+    const t = i.filter((y, m) => m !== e).map((y, m) => ({ ...y, key: `${h}${m + 1}` }));
+    p(t);
+  }, j = (e, n) => {
+    const t = [...i];
+    t[e] = { ...t[e], description: n }, p(t);
+  }, K = (e, n) => {
+    const t = [...i];
+    t[e] = { ...t[e], fee: Number(n) || 0 }, p(t);
+  };
+  return /* @__PURE__ */ s(q, { spacing: 1.5, sx: { width: "100%" }, children: i.map((e, n) => /* @__PURE__ */ O(
+    z,
+    {
+      sx: {
+        display: "flex",
+        gap: 1,
+        alignItems: "flex-start",
+        p: 1.5,
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        backgroundColor: "background.paper"
+      },
+      ...b,
+      children: [
+        f && /* @__PURE__ */ s(
+          E,
+          {
+            variant: "caption",
+            sx: {
+              minWidth: 24,
+              height: 24,
+              borderRadius: "50%",
+              backgroundColor: "primary.main",
+              color: "primary.contrastText",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontWeight: 700,
+              flexShrink: 0,
+              mt: 0.75
+            },
+            ...A,
+            children: n + 1
+          }
+        ),
+        /* @__PURE__ */ s(
+          g,
+          {
+            fullWidth: !0,
+            size: "small",
+            label: "Description",
+            required: u,
+            error: u && !e.description,
+            helperText: u && !e.description ? "Required" : "",
+            value: e.description,
+            onChange: (t) => j(n, t.target.value),
+            InputProps: { readOnly: l },
+            ...B
+          }
+        ),
+        /* @__PURE__ */ s(
+          g,
+          {
+            size: "small",
+            label: "Fee",
+            type: "number",
+            sx: { minWidth: 120 },
+            required: u,
+            value: e.fee,
+            onChange: (t) => K(n, t.target.value),
+            InputProps: {
+              readOnly: l,
+              startAdornment: /* @__PURE__ */ s(F, { position: "start", children: "$" })
+            },
+            inputProps: { min: 0, step: 0.01 },
+            onWheel: (t) => t.target.blur(),
+            ...C
+          }
+        ),
+        P && (n === i.length - 1 ? /* @__PURE__ */ s(
+          D,
+          {
+            variant: "contained",
+            color: "primary",
+            onClick: R,
+            sx: { minWidth: 40, px: 1, height: 40, flexShrink: 0 },
+            title: "Add row",
+            ...$,
+            children: /* @__PURE__ */ s(x, { children: "add" })
+          }
+        ) : /* @__PURE__ */ s(
+          J,
+          {
+            color: "error",
+            onClick: () => W(n),
+            sx: { height: 40, flexShrink: 0 },
+            title: "Remove row",
+            ...S,
+            children: /* @__PURE__ */ s(x, { children: "delete" })
+          }
+        ))
+      ]
+    },
+    e.key
+  )) });
+}
+export {
+  H as default
+};

package/dist/list-7uNWrepS.mjs

@@ -0,0 +1,20 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { List as a, ListItem as u, ListItemIcon as x, Icon as L, ListItemText as p } from "@mui/material";
+import { m as d, b as I } from "./index-CddjLTWF.mjs";
+function A({ attributes: i = {} }) {
+  const { MuiAttributes: e = {}, items: s = [] } = i, { sx: o, ...n } = e;
+  return /* @__PURE__ */ r(a, { ...n, sx: d(I, o), children: (Array.isArray(s) ? s : []).map((t, c) => /* @__PURE__ */ m(u, { ...t.MuiListItemAttributes, children: [
+    t.icon && /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(L, { children: t.icon }) }),
+    /* @__PURE__ */ r(
+      p,
+      {
+        primary: t.primary,
+        secondary: t.secondary,
+        ...t.MuiListItemTextAttributes
+      }
+    )
+  ] }, c)) });
+}
+export {
+  A as default
+};

package/dist/list-C0FgmtQw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("./index-D08GIfqF.js");function a({attributes:n={}}){const{MuiAttributes:c={},items:s=[]}=n,{sx:u,...o}=c;return e.jsx(r.List,{...o,sx:i.mergeSx(i.premiumSurfaceSx,u),children:(Array.isArray(s)?s:[]).map((t,x)=>e.jsxs(r.ListItem,{...t.MuiListItemAttributes,children:[t.icon&&e.jsx(r.ListItemIcon,{children:e.jsx(r.Icon,{children:t.icon})}),e.jsx(r.ListItemText,{primary:t.primary,secondary:t.secondary,...t.MuiListItemTextAttributes})]},x))})}exports.default=a;

package/dist/locationfield-CeUgxLkQ.mjs

@@ -0,0 +1,119 @@
+import { jsxs as S, jsx as i, Fragment as q } from "react/jsx-runtime";
+import w from "react";
+import { u as O, j as U, V as H, n as R } from "./index-CddjLTWF.mjs";
+import G from "@mui/material/TextField";
+import J from "@mui/material/Button";
+import m from "@mui/material/Box";
+import { Icon as K } from "@mui/material";
+function oe({ attributes: s = {}, rules: v = {}, onChange: r, submitTick: h, messages: F }) {
+  const {
+    id: d = "",
+    MuiAttributes: n = {},
+    InputProps: b = {},
+    format: x = "",
+    buttonText: g = "Update Location",
+    buttonIcon: j = "location_on",
+    buttonDisplay: k = "both",
+    MuiButtonAttributes: P = {},
+    disabled: V = !1
+  } = s, [a, u] = w.useState({
+    value: s.value !== void 0 ? s.value : "",
+    helperText: n.helperText || "",
+    error: !1
+  });
+  w.useEffect(() => {
+    s.value !== void 0 && s.value !== a.value && u((e) => ({ ...e, value: s.value }));
+  }, [s.value]);
+  const z = (e) => x ? R(e).format(x) : e, c = (e) => {
+    const { validation: t } = v;
+    if (t)
+      for (let o = 0; o < t.length; o += 1) {
+        const l = t[o], B = H[l.rule];
+        if (!(typeof B == "function" ? B(e, l.value) : !0)) {
+          const L = l.rule === "mandatory" ? F?.required || "This field is required" : "";
+          return { isValid: !1, message: l.message || L };
+        }
+      }
+    return { isValid: !0, message: "" };
+  };
+  O(() => {
+    if (h) {
+      const e = c(a.value);
+      u((t) => ({ ...t, helperText: e.message, error: !e.isValid }));
+    }
+  }, [h]);
+  const A = (e) => {
+    const { value: t } = e.target, o = c(t);
+    u({ value: t, helperText: o.message, error: !o.isValid });
+  }, D = (e) => {
+    const { value: t } = e.target, o = z(t), l = c(o);
+    u({ value: o, helperText: l.message, error: !l.isValid }), typeof r == "function" && r({ id: d, value: o });
+  }, E = () => {
+    r && r({ id: d, value: a.value, option: "location_update_request" });
+  }, M = () => {
+    const e = k, t = /* @__PURE__ */ i(K, { children: j });
+    switch (e) {
+      case "icon":
+        return t;
+      case "text":
+        return /* @__PURE__ */ i(q, { children: g });
+      default:
+        return /* @__PURE__ */ S(q, { children: [
+          t,
+          /* @__PURE__ */ i(m, { component: "span", sx: { ml: 0.5 }, children: g })
+        ] });
+    }
+  }, W = v?.validation?.some((e) => e.rule === "mandatory") || !1, p = !!n?.slotProps, f = { ...n };
+  let I, T;
+  if (p) {
+    const e = n.slotProps && n.slotProps.input || {};
+    T = {
+      ...n.slotProps || {},
+      input: { ...e }
+    }, delete f.slotProps;
+  } else
+    I = { ...n.inputProps || {} }, delete f.inputProps;
+  const _ = n.variant || "outlined", y = n.size || "medium", C = y === "small" ? _ === "outlined" ? 40 : 48 : 56;
+  return /* @__PURE__ */ S(m, { sx: { display: "flex", gap: 1, alignItems: "flex-start", width: "100%" }, children: [
+    /* @__PURE__ */ i(m, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ i(
+      G,
+      {
+        fullWidth: !0,
+        ...f,
+        id: d,
+        required: W,
+        inputProps: p ? void 0 : I,
+        slotProps: p ? T : void 0,
+        InputProps: U(b),
+        onChange: A,
+        onBlur: D,
+        value: a.value,
+        error: a.error,
+        helperText: a.helperText,
+        disabled: V
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      J,
+      {
+        variant: "outlined",
+        color: "primary",
+        size: y === "small" ? "small" : "medium",
+        onClick: E,
+        disabled: V,
+        ...P,
+        sx: {
+          whiteSpace: "nowrap",
+          minWidth: "auto",
+          height: C,
+          flexShrink: 0,
+          ...P?.sx
+        },
+        children: M()
+      }
+    )
+  ] });
+}
+export {
+  oe as default
+};

package/dist/locationfield-Duyw1ZEz.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),B=require("react"),c=require("./index-D08GIfqF.js"),C=require("@mui/material/TextField"),L=require("@mui/material/Button"),v=require("@mui/material/Box"),R=require("@mui/material");function U({attributes:i={},rules:h={},onChange:a,submitTick:m,messages:S}){const{id:d="",MuiAttributes:n={},InputProps:b={},format:g="",buttonText:P="Update Location",buttonIcon:F="location_on",buttonDisplay:w="both",MuiButtonAttributes:q={},disabled:y=!1}=i,[r,u]=B.useState({value:i.value!==void 0?i.value:"",helperText:n.helperText||"",error:!1});B.useEffect(()=>{i.value!==void 0&&i.value!==r.value&&u(e=>({...e,value:i.value}))},[i.value]);const M=e=>g?c.numeral(e).format(g):e,p=e=>{const{validation:t}=h;if(t)for(let o=0;o<t.length;o+=1){const l=t[o],I=c.Validation[l.rule];if(!(typeof I=="function"?I(e,l.value):!0)){const _=l.rule==="mandatory"?S?.required||"This field is required":"";return{isValid:!1,message:l.message||_}}}return{isValid:!0,message:""}};c.useUpdateEffect(()=>{if(m){const e=p(r.value);u(t=>({...t,helperText:e.message,error:!e.isValid}))}},[m]);const k=e=>{const{value:t}=e.target,o=p(t);u({value:t,helperText:o.message,error:!o.isValid})},z=e=>{const{value:t}=e.target,o=M(t),l=p(o);u({value:o,helperText:l.message,error:!l.isValid}),typeof a=="function"&&a({id:d,value:o})},A=()=>{a&&a({id:d,value:r.value,option:"location_update_request"})},D=()=>{const e=w,t=s.jsx(R.Icon,{children:F});switch(e){case"icon":return t;case"text":return s.jsx(s.Fragment,{children:P});default:return s.jsxs(s.Fragment,{children:[t,s.jsx(v,{component:"span",sx:{ml:.5},children:P})]})}},E=h?.validation?.some(e=>e.rule==="mandatory")||!1,f=!!n?.slotProps,x={...n};let T,V;if(f){const e=n.slotProps&&n.slotProps.input||{};V={...n.slotProps||{},input:{...e}},delete x.slotProps}else T={...n.inputProps||{}},delete x.inputProps;const O=n.variant||"outlined",j=n.size||"medium",W=j==="small"?O==="outlined"?40:48:56;return s.jsxs(v,{sx:{display:"flex",gap:1,alignItems:"flex-start",width:"100%"},children:[s.jsx(v,{sx:{flex:1,minWidth:0},children:s.jsx(C,{fullWidth:!0,...x,id:d,required:E,inputProps:f?void 0:T,slotProps:f?V:void 0,InputProps:c.getInputProps(b),onChange:k,onBlur:z,value:r.value,error:r.error,helperText:r.helperText,disabled:y})}),s.jsx(L,{variant:"outlined",color:"primary",size:j==="small"?"small":"medium",onClick:A,disabled:y,...q,sx:{whiteSpace:"nowrap",minWidth:"auto",height:W,flexShrink:0,...q?.sx},children:D()})]})}exports.default=U;