dynamic-mui 2.1.0 → 2.3.0

package/dist/components/controls/index.d.ts

@@ -1,62 +1,33 @@
 import { default as Typography } from './Typography/typography';
 import { default as TextField } from './TextField/textfield';
-import { default as Table } from './DataTable/datatable';
-import { default as DateTime } from './DateTime/datetime';
-import { default as DateTimePicker } from './DateTimePicker/datetimepicker';
-import { default as TimePicker } from './TimePicker/timepicker';
+import { default as NumberField } from './NumberField/numberfield';
 import { default as Select } from './Select/select';
+import { default as AutoComplete } from './Autocomplete/autocomplete';
 import { default as CheckBox } from './CheckBox/checkbox';
-import { default as Switch } from './Switch/switch';
 import { default as Radio } from './Radio/radio';
-import { default as Stepper } from './Stepper/stepper';
-import { default as Bar } from '../charts/Bar/bar';
-import { default as Line } from '../charts/Line/line';
-import { default as Pie } from '../charts/Pie/pie';
-import { default as MixChart } from '../charts/Mixchart/mixChart';
+import { default as Switch } from './Switch/switch';
+import { default as Button } from './Button/button';
 import { default as Divider } from './Divider/divider';
+import { default as Computed } from './Computed/computed';
+import { default as Alert } from './Alert/alert';
+import { default as DateTime } from './DateTime/datetime';
+import { default as DateTimePicker } from './DateTimePicker/datetimepicker';
+import { default as TimePicker } from './TimePicker/timepicker';
+import { default as DateRangePicker } from './DateRangePicker/daterangepicker';
 import { default as Chip } from './Chip/chip';
 import { default as ChipSelect } from './ChipSelect/chipselect';
-import { default as Button } from './Button/button';
-import { default as DateRangePicker } from './DateRangePicker/daterangepicker';
-import { default as Rating } from './Rating/rating';
 import { default as Slider } from './Slider/slider';
-import { default as TagsInput } from './TagsInput/tagsinput';
+import { default as Rating } from './Rating/rating';
 import { default as ToggleButtons } from './ToggleButtons/togglebuttons';
 import { default as PasswordField } from './PasswordField/passwordfield';
 import { default as OtpField } from './OtpField/otpfield';
 import { default as PhoneField } from './PhoneField/phonefield';
 import { default as CurrencyField } from './CurrencyField/currencyfield';
-import { default as FileUpload } from './FileUpload/fileupload';
-import { default as Alert } from './Alert/alert';
-import { default as Computed } from './Computed/computed';
-import { default as KeyValueField } from './KeyValueField/keyvaluefield';
-import { default as NumberStepper } from './NumberStepper/numberstepper';
-import { default as MatrixField } from './MatrixField/matrixfield';
-import { default as ConsentField } from './ConsentField/consentfield';
-import { default as ColorPicker } from './ColorPicker/colorpicker';
-import { default as MarkdownEditor } from './MarkdownEditor/markdowneditor';
-import { default as AddressField } from './AddressField/addressfield';
-import { default as CascadeSelect } from './CascadeSelect/cascadeselect';
-import { default as FormWizard } from './FormWizard/formwizard';
-import { default as SummaryField } from './SummaryField/summaryfield';
-import { default as GeoField } from './GeoField/geofield';
-import { default as List } from './List/list';
-import { default as NumberField } from './NumberField/numberfield';
-import { default as MultiTextbox } from './MultiTextbox/multitextbox';
-import { default as LineItemList } from './LineItemList/lineitemlist';
-import { default as FormRepeater } from './FormRepeater/formrepeater';
-import { default as Signature } from './Signature/signature';
-import { default as Group } from './Group/group';
-import { default as Accordion } from './Accordion/accordion';
-import { default as Tabs } from './Tabs/tabs';
-import { default as AutoComplete } from './Autocomplete/autocomplete';
-import { default as ImgList } from './ImageList/imagelist';
 import { default as Hyperlink } from './Hyperlink/hyperlink';
-import { default as LocationField } from './LocationField/locationfield';
 declare const Controls: {
     Typography: typeof Typography;
     TextField: typeof TextField;
-    Table: typeof Table;
+    Table: import('react').LazyExoticComponent<typeof import('./DataTable/datatable').default>;
     DateTime: typeof DateTime;
     DateTimePicker: typeof DateTimePicker;
     TimePicker: typeof TimePicker;
@@ -64,11 +35,11 @@ declare const Controls: {
     CheckBox: typeof CheckBox;
     Switch: typeof Switch;
     Radio: typeof Radio;
-    Stepper: typeof Stepper;
-    Bar: typeof Bar;
-    Line: typeof Line;
-    Pie: typeof Pie;
-    MixChart: typeof MixChart;
+    Stepper: import('react').LazyExoticComponent<typeof import('./Stepper/stepper').default>;
+    Bar: import('react').LazyExoticComponent<typeof import('../charts/Bar/bar').default>;
+    Line: import('react').LazyExoticComponent<typeof import('../charts/Line/line').default>;
+    Pie: import('react').LazyExoticComponent<typeof import('../charts/Pie/pie').default>;
+    MixChart: import('react').LazyExoticComponent<typeof import('../charts/Mixchart/mixChart').default>;
     Divider: typeof Divider;
     Chip: typeof Chip;
     ChipSelect: typeof ChipSelect;
@@ -76,38 +47,43 @@ declare const Controls: {
     DateRangePicker: typeof DateRangePicker;
     Rating: typeof Rating;
     Slider: typeof Slider;
-    TagsInput: typeof TagsInput;
+    TagsInput: import('react').LazyExoticComponent<typeof import('./TagsInput/tagsinput').default>;
     ToggleButtons: typeof ToggleButtons;
     PasswordField: typeof PasswordField;
     OtpField: typeof OtpField;
     PhoneField: typeof PhoneField;
     CurrencyField: typeof CurrencyField;
-    FileUpload: typeof FileUpload;
+    FileUpload: import('react').LazyExoticComponent<typeof import('./FileUpload/fileupload').default>;
     Alert: typeof Alert;
     Computed: typeof Computed;
-    KeyValueField: typeof KeyValueField;
-    NumberStepper: typeof NumberStepper;
-    MatrixField: typeof MatrixField;
-    ConsentField: typeof ConsentField;
-    ColorPicker: typeof ColorPicker;
-    MarkdownEditor: typeof MarkdownEditor;
-    AddressField: typeof AddressField;
-    CascadeSelect: typeof CascadeSelect;
-    FormWizard: typeof FormWizard;
-    SummaryField: typeof SummaryField;
-    GeoField: typeof GeoField;
-    List: typeof List;
+    KeyValueField: import('react').LazyExoticComponent<typeof import('./KeyValueField/keyvaluefield').default>;
+    NumberStepper: import('react').LazyExoticComponent<typeof import('./NumberStepper/numberstepper').default>;
+    MatrixField: import('react').LazyExoticComponent<typeof import('./MatrixField/matrixfield').default>;
+    ConsentField: import('react').LazyExoticComponent<typeof import('./ConsentField/consentfield').default>;
+    ColorPicker: import('react').LazyExoticComponent<typeof import('./ColorPicker/colorpicker').default>;
+    MarkdownEditor: import('react').LazyExoticComponent<typeof import('./MarkdownEditor/markdowneditor').default>;
+    AddressField: import('react').LazyExoticComponent<typeof import('./AddressField/addressfield').default>;
+    CascadeSelect: import('react').LazyExoticComponent<typeof import('./CascadeSelect/cascadeselect').default>;
+    FormWizard: import('react').LazyExoticComponent<typeof import('./FormWizard/formwizard').default>;
+    SummaryField: import('react').LazyExoticComponent<typeof import('./SummaryField/summaryfield').default>;
+    GeoField: import('react').LazyExoticComponent<typeof import('./GeoField/geofield').default>;
+    RichTextEditor: import('react').LazyExoticComponent<typeof import('./RichTextEditor/richtexteditor').default>;
+    NpsScale: import('react').LazyExoticComponent<typeof import('./NpsScale/npsscale').default>;
+    EditableTable: import('react').LazyExoticComponent<typeof import('./EditableTable/editabletable').default>;
+    IntlPhone: import('react').LazyExoticComponent<typeof import('./IntlPhone/intlphone').default>;
+    AsyncAutocomplete: import('react').LazyExoticComponent<typeof import('./AsyncAutocomplete/asyncautocomplete').default>;
+    List: import('react').LazyExoticComponent<typeof import('./List/list').default>;
     NumberField: typeof NumberField;
-    MultiTextbox: typeof MultiTextbox;
-    LineItemList: typeof LineItemList;
-    FormRepeater: typeof FormRepeater;
-    Signature: typeof Signature;
-    Group: typeof Group;
-    Accordion: typeof Accordion;
-    Tabs: typeof Tabs;
+    MultiTextbox: import('react').LazyExoticComponent<typeof import('./MultiTextbox/multitextbox').default>;
+    LineItemList: import('react').LazyExoticComponent<typeof import('./LineItemList/lineitemlist').default>;
+    FormRepeater: import('react').LazyExoticComponent<typeof import('./FormRepeater/formrepeater').default>;
+    Signature: import('react').LazyExoticComponent<typeof import('./Signature/signature').default>;
+    Group: import('react').LazyExoticComponent<typeof import('./Group/group').default>;
+    Accordion: import('react').LazyExoticComponent<typeof import('./Accordion/accordion').default>;
+    Tabs: import('react').LazyExoticComponent<typeof import('./Tabs/tabs').default>;
     AutoComplete: typeof AutoComplete;
-    ImgList: typeof ImgList;
+    ImgList: import('react').LazyExoticComponent<typeof import('./ImageList/imagelist').default>;
     Hyperlink: typeof Hyperlink;
-    LocationField: typeof LocationField;
+    LocationField: import('react').LazyExoticComponent<typeof import('./LocationField/locationfield').default>;
 };
 export default Controls;

package/dist/consentfield-B7Rm8d3U.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),M=require("@mui/material/Box"),w=require("@mui/material/Checkbox"),R=require("@mui/material/FormControl"),P=require("@mui/material/FormControlLabel"),V=require("@mui/material/FormHelperText"),A=require("@mui/material/styles"),o=require("./index-D08GIfqF.js");function B({attributes:l={},rules:c={},onChange:h}){const{MuiAttributes:g={},id:p="",text:f="",label:i="I agree to the terms",requireScroll:u=!0}=l,[S,d]=a.useState(!!l.value),[q,b]=a.useState(!u),[C,j]=a.useState(!1),[m,v]=a.useState("");o.useUpdateEffect(()=>{d(!!l.value)},[l.value]);const n=c?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1,y=e=>{let r=!0,s="";return n&&!e&&(r=!1,s=c?.validation?.find(x=>x.rule==="mandatory"||x.rule==="mandatoryselect")?.message||"Required"),{isValid:r,message:s}},T=e=>{const r=e.currentTarget;r.scrollTop+r.clientHeight>=r.scrollHeight-4&&b(!0)},k=e=>{const r=e.target.checked;d(r);const s=y(r);j(!s.isValid),v(s.message),h?.({id:p,value:r})},H=u&&!q,{sx:E,...F}=g,L=n?t.jsxs("span",{children:[i,t.jsx("span",{"aria-hidden":"true",style:{color:"#d32f2f",marginLeft:2},children:"*"})]}):i;return t.jsxs(R,{required:n,error:C,component:"fieldset",fullWidth:!0,children:[t.jsx(M,{"data-testid":"consent-terms",onScroll:T,sx:o.mergeSx(o.premiumSurfaceSx,{maxHeight:200,overflow:"auto",p:2,mb:1,whiteSpace:"pre-wrap",backgroundColor:e=>A.alpha(e.palette.background.paper,1)}),children:f}),t.jsx(P,{...F,sx:o.mergeSx(o.premiumControlLabelSx,E),label:L,control:t.jsx(w,{checked:S,disabled:H,onChange:k,required:n,inputProps:{"aria-label":"consent-agree"}})}),m&&t.jsx(V,{children:m})]})}exports.default=B;

package/dist/consentfield-CBQUR4J5.mjs

@@ -0,0 +1,78 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import s from "react";
+import j from "@mui/material/Box";
+import R from "@mui/material/Checkbox";
+import V from "@mui/material/FormControl";
+import A from "@mui/material/FormControlLabel";
+import B from "@mui/material/FormHelperText";
+import { alpha as I } from "@mui/material/styles";
+import { u as P, m as f, b as U, c as W } from "./index-CddjLTWF.mjs";
+function Z({ attributes: a = {}, rules: n = {}, onChange: h }) {
+  const {
+    MuiAttributes: g = {},
+    id: x = "",
+    text: S = "",
+    label: c = "I agree to the terms",
+    requireScroll: i = !0
+  } = a, [b, d] = s.useState(!!a.value), [C, v] = s.useState(!i), [k, T] = s.useState(!1), [m, y] = s.useState("");
+  P(() => {
+    d(!!a.value);
+  }, [a.value]);
+  const l = n?.validation?.some((e) => e.rule === "mandatory" || e.rule === "mandatoryselect") || !1, H = (e) => {
+    let r = !0, t = "";
+    return l && !e && (r = !1, t = n?.validation?.find(
+      (u) => u.rule === "mandatory" || u.rule === "mandatoryselect"
+    )?.message || "Required"), { isValid: r, message: t };
+  }, q = (e) => {
+    const r = e.currentTarget;
+    r.scrollTop + r.clientHeight >= r.scrollHeight - 4 && v(!0);
+  }, E = (e) => {
+    const r = e.target.checked;
+    d(r);
+    const t = H(r);
+    T(!t.isValid), y(t.message), h?.({ id: x, value: r });
+  }, F = i && !C, { sx: L, ...w } = g, M = l ? /* @__PURE__ */ p("span", { children: [
+    c,
+    /* @__PURE__ */ o("span", { "aria-hidden": "true", style: { color: "#d32f2f", marginLeft: 2 }, children: "*" })
+  ] }) : c;
+  return /* @__PURE__ */ p(V, { required: l, error: k, component: "fieldset", fullWidth: !0, children: [
+    /* @__PURE__ */ o(
+      j,
+      {
+        "data-testid": "consent-terms",
+        onScroll: q,
+        sx: f(U, {
+          maxHeight: 200,
+          overflow: "auto",
+          p: 2,
+          mb: 1,
+          whiteSpace: "pre-wrap",
+          backgroundColor: (e) => I(e.palette.background.paper, 1)
+        }),
+        children: S
+      }
+    ),
+    /* @__PURE__ */ o(
+      A,
+      {
+        ...w,
+        sx: f(W, L),
+        label: M,
+        control: /* @__PURE__ */ o(
+          R,
+          {
+            checked: b,
+            disabled: F,
+            onChange: E,
+            required: l,
+            inputProps: { "aria-label": "consent-agree" }
+          }
+        )
+      }
+    ),
+    m && /* @__PURE__ */ o(B, { children: m })
+  ] });
+}
+export {
+  Z as default
+};

package/dist/datatable-BIQznwQe.mjs

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import i, { Suspense as a } from "react";
+import n from "@mui/material/Box";
+import s from "@mui/material/CircularProgress";
+const l = i.lazy(
+  () => import("@mui/x-data-grid").then((t) => ({ default: t.DataGrid }))
+);
+function d({ attributes: t = {} }) {
+  const { MuiAttributes: e = {}, container: o = {} } = t;
+  return /* @__PURE__ */ r("div", { ...o, children: /* @__PURE__ */ r(
+    a,
+    {
+      fallback: /* @__PURE__ */ r(n, { sx: { display: "flex", justifyContent: "center", p: 2 }, children: /* @__PURE__ */ r(s, {}) }),
+      children: /* @__PURE__ */ r(l, { rows: [], columns: [], ...e })
+    }
+  ) });
+}
+export {
+  d as default
+};

package/dist/datatable-BWlcUP0M.js

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

package/dist/dynamic-mui.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D08GIfqF.js");exports.AIFill=e.AIFill;exports.AIForm=e.AIForm;exports.AIFormGenerator=e.AIFormGenerator;exports.AISchemaReview=e.AISchemaReview;exports.AITextAssist=e.AITextAssist;exports.AIVisionImport=e.AIVisionImport;exports.ClearFormData=e.ClearFormData;exports.Controls=e.Controls_default;exports.DynamicComponent=e.DynamicComponent;exports.FormData=e.FormData;exports.FormGenerator=e.FormGenerator;exports.MuiConfig=e.mui;exports.createAIClient=e.createAIClient;exports.defineForm=e.defineForm;exports.formFieldsToSimple=e.formFieldsToSimple;exports.getRegisteredControl=e.getRegisteredControl;exports.hasRegisteredControl=e.hasRegisteredControl;exports.registerControl=e.registerControl;exports.registerControls=e.registerControls;exports.registeredControlTypes=e.registeredControlTypes;exports.simpleFieldsToFormFields=e.simpleFieldsToFormFields;exports.slug=e.slug;exports.unregisterControl=e.unregisterControl;exports.useAIAssist=e.useAIAssist;exports.useForm=e.useForm;exports.useFormEngine=e.useFormEngine;exports.validateSchema=e.validateSchema;exports.yupResolver=e.yupResolver;exports.zodResolver=e.zodResolver;

package/dist/dynamic-mui.mjs

@@ -0,0 +1,32 @@
+import { A as a, k as o, l as r, o as t, q as i, r as l, s as n, C as m, D as F, e as C, F as A, h as g, t as I, v as d, w as p, x as u, y as v, z as R, B as c, E as f, G as h, H as y, I as D, J as T, K as x, L as G, M as S, N as w, O as z } from "./index-CddjLTWF.mjs";
+export {
+  a as AIFill,
+  o as AIForm,
+  r as AIFormGenerator,
+  t as AISchemaReview,
+  i as AITextAssist,
+  l as AIVisionImport,
+  n as ClearFormData,
+  m as Controls,
+  F as DynamicComponent,
+  C as FormData,
+  A as FormGenerator,
+  g as MuiConfig,
+  I as createAIClient,
+  d as defineForm,
+  p as formFieldsToSimple,
+  u as getRegisteredControl,
+  v as hasRegisteredControl,
+  R as registerControl,
+  c as registerControls,
+  f as registeredControlTypes,
+  h as simpleFieldsToFormFields,
+  y as slug,
+  D as unregisterControl,
+  T as useAIAssist,
+  x as useForm,
+  G as useFormEngine,
+  S as validateSchema,
+  w as yupResolver,
+  z as zodResolver
+};

package/dist/editabletable-DCoRmsEO.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),A=require("@mui/material/Table"),S=require("@mui/material/TableBody"),a=require("@mui/material/TableCell"),z=require("@mui/material/TableContainer"),I=require("@mui/material/TableHead"),j=require("@mui/material/TableRow"),W=require("@mui/material/TextField"),B=require("@mui/material/IconButton"),F=require("@mui/material/Button"),M=require("@mui/material/FormControl"),P=require("@mui/material/FormLabel"),E=require("@mui/material/Paper"),L=require("@mui/icons-material/Add"),H=require("@mui/icons-material/Close"),d=require("./index-D08GIfqF.js");function f(o){return Array.isArray(o)?o.map(c=>({...c||{}})):[]}function O({attributes:o={},onChange:c}){const{MuiAttributes:g={},id:p="",columns:x=[],addLabel:q="Add row",label:m}=o,{sx:v,...y}=g,h=Array.isArray(x)?x:[],[l,i]=w.useState(()=>f(o.value));d.useUpdateEffect(()=>{i(f(o.value))},[o.value]);const u=r=>{c?.({id:p,value:r})},C=(r,n,t)=>{const s=l.map((b,k)=>k===r?{...b,[n]:t}:b);i(s),u(s)},R=()=>{const r=[...l,{}];i(r),u(r)},T=r=>{const n=l.filter((t,s)=>s!==r);i(n),u(n)};return e.jsxs(M,{component:"fieldset",fullWidth:!0,children:[m&&e.jsx(P,{component:"legend",sx:{mb:1},children:m}),e.jsx(z,{component:E,variant:"outlined",sx:{borderRadius:2,overflow:"hidden"},children:e.jsxs(A,{size:"small",children:[e.jsx(I,{children:e.jsxs(j,{sx:{backgroundColor:"action.hover"},children:[h.map(r=>e.jsx(a,{sx:{fontWeight:600},children:r.label},r.key)),e.jsx(a,{align:"right",sx:{width:48}})]})}),e.jsx(S,{children:l.map((r,n)=>e.jsxs(j,{sx:{transition:"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{backgroundColor:"action.hover"}},children:[h.map(t=>e.jsx(a,{children:e.jsx(W,{...y,type:t.type==="number"?"number":"text",value:r[t.key]??"",onChange:s=>C(n,t.key,s.target.value),inputProps:{"aria-label":`${t.label} row ${n+1}`},size:"small",variant:"standard",fullWidth:!0,sx:d.mergeSx(d.premiumInputSx,v)})},t.key)),e.jsx(a,{align:"right",children:e.jsx(B,{"aria-label":`Remove row ${n+1}`,onClick:()=>T(n),size:"small",sx:{borderRadius:2,color:"text.secondary","&:hover":{color:"error.main"}},children:e.jsx(H,{fontSize:"small"})})})]},n))})]})}),e.jsx(F,{onClick:R,startIcon:e.jsx(L,{}),size:"small",variant:"text",sx:{alignSelf:"flex-start",mt:1,borderRadius:2,textTransform:"none",fontWeight:600},children:q})]})}exports.default=O;

package/dist/editabletable-DRlBV8lk.mjs

@@ -0,0 +1,126 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import z from "react";
+import S from "@mui/material/Table";
+import I from "@mui/material/TableBody";
+import s from "@mui/material/TableCell";
+import W from "@mui/material/TableContainer";
+import B from "@mui/material/TableHead";
+import b from "@mui/material/TableRow";
+import F from "@mui/material/TextField";
+import $ from "@mui/material/IconButton";
+import j from "@mui/material/Button";
+import E from "@mui/material/FormControl";
+import L from "@mui/material/FormLabel";
+import M from "@mui/material/Paper";
+import P from "@mui/icons-material/Add";
+import H from "@mui/icons-material/Close";
+import { u as U, m as _, a as q } from "./index-CddjLTWF.mjs";
+function x(n) {
+  return Array.isArray(n) ? n.map((d) => ({ ...d || {} })) : [];
+}
+function lr({ attributes: n = {}, onChange: d }) {
+  const {
+    MuiAttributes: g = {},
+    id: v = "",
+    columns: u = [],
+    addLabel: y = "Add row",
+    label: p
+  } = n, { sx: C, ...k } = g, f = Array.isArray(u) ? u : [], [l, i] = z.useState(() => x(n.value));
+  U(() => {
+    i(x(n.value));
+  }, [n.value]);
+  const c = (r) => {
+    d?.({ id: v, value: r });
+  }, w = (r, o, t) => {
+    const a = l.map((h, T) => T === r ? { ...h, [o]: t } : h);
+    i(a), c(a);
+  }, A = () => {
+    const r = [...l, {}];
+    i(r), c(r);
+  }, R = (r) => {
+    const o = l.filter((t, a) => a !== r);
+    i(o), c(o);
+  };
+  return /* @__PURE__ */ m(E, { component: "fieldset", fullWidth: !0, children: [
+    p && /* @__PURE__ */ e(L, { component: "legend", sx: { mb: 1 }, children: p }),
+    /* @__PURE__ */ e(
+      W,
+      {
+        component: M,
+        variant: "outlined",
+        sx: {
+          borderRadius: 2,
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ m(S, { size: "small", children: [
+          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ m(b, { sx: { backgroundColor: "action.hover" }, children: [
+            f.map((r) => /* @__PURE__ */ e(s, { sx: { fontWeight: 600 }, children: r.label }, r.key)),
+            /* @__PURE__ */ e(s, { align: "right", sx: { width: 48 } })
+          ] }) }),
+          /* @__PURE__ */ e(I, { children: l.map((r, o) => /* @__PURE__ */ m(
+            b,
+            {
+              sx: {
+                transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)",
+                "&:hover": { backgroundColor: "action.hover" }
+              },
+              children: [
+                f.map((t) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+                  F,
+                  {
+                    ...k,
+                    type: t.type === "number" ? "number" : "text",
+                    value: r[t.key] ?? "",
+                    onChange: (a) => w(o, t.key, a.target.value),
+                    inputProps: {
+                      "aria-label": `${t.label} row ${o + 1}`
+                    },
+                    size: "small",
+                    variant: "standard",
+                    fullWidth: !0,
+                    sx: _(q, C)
+                  }
+                ) }, t.key)),
+                /* @__PURE__ */ e(s, { align: "right", children: /* @__PURE__ */ e(
+                  $,
+                  {
+                    "aria-label": `Remove row ${o + 1}`,
+                    onClick: () => R(o),
+                    size: "small",
+                    sx: {
+                      borderRadius: 2,
+                      color: "text.secondary",
+                      "&:hover": { color: "error.main" }
+                    },
+                    children: /* @__PURE__ */ e(H, { fontSize: "small" })
+                  }
+                ) })
+              ]
+            },
+            o
+          )) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      j,
+      {
+        onClick: A,
+        startIcon: /* @__PURE__ */ e(P, {}),
+        size: "small",
+        variant: "text",
+        sx: {
+          alignSelf: "flex-start",
+          mt: 1,
+          borderRadius: 2,
+          textTransform: "none",
+          fontWeight: 600
+        },
+        children: y
+      }
+    )
+  ] });
+}
+export {
+  lr as default
+};

package/dist/fileupload-ByBv1UjT.mjs

@@ -0,0 +1,172 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useRef as _, useState as m } from "react";
+import s from "@mui/material/Box";
+import c from "@mui/material/Typography";
+import q from "@mui/material/IconButton";
+import H from "@mui/material/CircularProgress";
+import J from "@mui/icons-material/CloudUpload";
+import K from "@mui/icons-material/Close";
+import N from "@mui/icons-material/InsertDriveFile";
+import { u as Q, m as V, b as W } from "./index-CddjLTWF.mjs";
+import { u as X } from "./s3Upload-dpioZ2c8.mjs";
+const R = (r) => r ? Array.isArray(r) ? r.filter(Boolean) : [r] : [], Y = (r) => /^data:image\//i.test(r) || /\.(png|jpe?g|gif|webp|bmp|svg)(\?.*)?$/i.test(r), Z = (r) => new Promise((u, g) => {
+  const a = new FileReader();
+  a.onload = () => u(a.result || ""), a.onerror = () => g(a.error), a.readAsDataURL(r);
+});
+function de({ attributes: r = {}, rules: u = {}, onChange: g }) {
+  const {
+    id: a = "",
+    multiple: p = !1,
+    accept: h = "",
+    bucket: z = "",
+    region: B = "",
+    identityPoolId: F = "",
+    path: $ = "",
+    maxSizeMB: x = 0,
+    label: w = "Upload file",
+    MuiAttributes: P = {}
+  } = r, D = _(null), [d, v] = m(R(r.value)), [S, b] = m(!1), [j, U] = m(!1), [k, y] = m(""), L = u?.validation?.some((e) => e.rule === "mandatory" || e.rule === "mandatoryselect") || !1;
+  Q(() => {
+    v(R(r.value));
+  }, [r.value]);
+  const C = (e, o) => {
+    g?.({ id: a, value: p ? e : e[0] ?? "", option: o });
+  }, I = async (e) => {
+    const o = Array.from(e);
+    if (!o.length) return;
+    y(""), U(!0);
+    const i = [], f = [];
+    try {
+      for (const n of o) {
+        if (x && n.size > x * 1024 * 1024) {
+          y(`"${n.name}" exceeds the ${x}MB limit.`);
+          continue;
+        }
+        const O = await Z(n), G = await X(O, n.name, z, B, F, $);
+        i.push(G), f.push(n);
+      }
+    } catch (n) {
+      console.error("FileUpload failed", n), y("Upload failed. Please try again.");
+    } finally {
+      U(!1);
+    }
+    if (!i.length) return;
+    const A = p ? [...d, ...i] : i.slice(0, 1);
+    v(A), C(A, f);
+  }, M = (e) => {
+    e.target.files && I(e.target.files), e.target.value = "";
+  }, T = (e) => {
+    e.preventDefault(), b(!1), e.dataTransfer?.files?.length && I(e.dataTransfer.files);
+  }, E = (e) => {
+    const o = d.filter((i, f) => f !== e);
+    v(o), C(o);
+  };
+  return /* @__PURE__ */ l(s, { sx: { width: "100%", ...P.sx }, children: [
+    /* @__PURE__ */ l(c, { variant: "subtitle2", gutterBottom: !0, sx: { display: "flex" }, children: [
+      w,
+      L && /* @__PURE__ */ t(s, { component: "span", sx: { color: "error.main", ml: 0.5 }, children: "*" })
+    ] }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: D,
+        type: "file",
+        hidden: !0,
+        multiple: p,
+        accept: h || void 0,
+        onChange: M
+      }
+    ),
+    /* @__PURE__ */ l(
+      s,
+      {
+        role: "button",
+        "aria-label": w,
+        onClick: () => D.current?.click(),
+        onDragOver: (e) => {
+          e.preventDefault(), b(!0);
+        },
+        onDragLeave: () => b(!1),
+        onDrop: T,
+        sx: {
+          border: "2px dashed",
+          borderColor: S ? "primary.main" : "divider",
+          borderRadius: "12px",
+          p: 3,
+          textAlign: "center",
+          cursor: "pointer",
+          transition: "all .2s",
+          bgcolor: S ? "action.hover" : "background.paper",
+          "&:hover": { borderColor: "primary.main", bgcolor: "action.hover" }
+        },
+        children: [
+          j ? /* @__PURE__ */ t(H, { size: 28 }) : /* @__PURE__ */ t(J, { sx: { fontSize: 40, color: "primary.main" } }),
+          /* @__PURE__ */ l(c, { variant: "body2", sx: { mt: 1 }, children: [
+            "Drag & drop ",
+            p ? "files" : "a file",
+            " here, or click to browse"
+          ] }),
+          h && /* @__PURE__ */ l(c, { variant: "caption", color: "text.secondary", children: [
+            "Accepted: ",
+            h
+          ] })
+        ]
+      }
+    ),
+    k && /* @__PURE__ */ t(c, { variant: "caption", color: "error.main", sx: { display: "block", mt: 1 }, children: k }),
+    d.length > 0 && /* @__PURE__ */ t(s, { sx: V(W, { mt: 1.5, p: 1 }), children: d.map((e, o) => /* @__PURE__ */ l(
+      s,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1.5,
+          p: 1,
+          borderRadius: "8px",
+          transition: "background-color .18s",
+          "&:hover": { bgcolor: "action.hover" }
+        },
+        children: [
+          Y(e) ? /* @__PURE__ */ t(
+            s,
+            {
+              component: "img",
+              src: e,
+              alt: `upload-${o}`,
+              sx: {
+                width: 40,
+                height: 40,
+                objectFit: "cover",
+                borderRadius: "8px",
+                flexShrink: 0
+              }
+            }
+          ) : /* @__PURE__ */ t(N, { color: "action", sx: { flexShrink: 0 } }),
+          /* @__PURE__ */ t(
+            c,
+            {
+              variant: "body2",
+              sx: { flexGrow: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+              children: e.split("/").pop()?.split("?")[0] || e
+            }
+          ),
+          /* @__PURE__ */ t(
+            q,
+            {
+              size: "small",
+              "aria-label": "remove",
+              onClick: (i) => {
+                i.stopPropagation(), E(o);
+              },
+              children: /* @__PURE__ */ t(K, { fontSize: "small" })
+            }
+          )
+        ]
+      },
+      `${e}-${o}`
+    )) })
+  ] });
+}
+export {
+  de as default
+};

package/dist/fileupload-Cze3Oc_2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material/Box"),c=require("@mui/material/Typography"),G=require("@mui/material/IconButton"),_=require("@mui/material/CircularProgress"),H=require("@mui/icons-material/CloudUpload"),J=require("@mui/icons-material/Close"),K=require("@mui/icons-material/InsertDriveFile"),b=require("./index-D08GIfqF.js"),N=require("./s3Upload-B0JeoLkS.js"),C=o=>o?Array.isArray(o)?o.filter(Boolean):[o]:[],Q=o=>/^data:image\//i.test(o)||/\.(png|jpe?g|gif|webp|bmp|svg)(\?.*)?$/i.test(o),V=o=>new Promise((f,x)=>{const s=new FileReader;s.onload=()=>f(s.result||""),s.onerror=()=>x(s.error),s.readAsDataURL(o)});function W({attributes:o={},rules:f={},onChange:x}){const{id:s="",multiple:d=!1,accept:g="",bucket:I="",region:A="",identityPoolId:z="",path:B="",maxSizeMB:h=0,label:j="Upload file",MuiAttributes:F={}}=o,S=l.useRef(null),[p,m]=l.useState(C(o.value)),[w,v]=l.useState(!1),[P,U]=l.useState(!1),[q,y]=l.useState(""),$=f?.validation?.some(e=>e.rule==="mandatory"||e.rule==="mandatoryselect")||!1;b.useUpdateEffect(()=>{m(C(o.value))},[o.value]);const D=(e,t)=>{x?.({id:s,value:d?e:e[0]??"",option:t})},k=async e=>{const t=Array.from(e);if(!t.length)return;y(""),U(!0);const a=[],u=[];try{for(const n of t){if(h&&n.size>h*1024*1024){y(`"${n.name}" exceeds the ${h}MB limit.`);continue}const O=await V(n),E=await N.uploadToS3(O,n.name,I,A,z,B);a.push(E),u.push(n)}}catch(n){console.error("FileUpload failed",n),y("Upload failed. Please try again.")}finally{U(!1)}if(!a.length)return;const R=d?[...p,...a]:a.slice(0,1);m(R),D(R,u)},M=e=>{e.target.files&&k(e.target.files),e.target.value=""},T=e=>{e.preventDefault(),v(!1),e.dataTransfer?.files?.length&&k(e.dataTransfer.files)},L=e=>{const t=p.filter((a,u)=>u!==e);m(t),D(t)};return r.jsxs(i,{sx:{width:"100%",...F.sx},children:[r.jsxs(c,{variant:"subtitle2",gutterBottom:!0,sx:{display:"flex"},children:[j,$&&r.jsx(i,{component:"span",sx:{color:"error.main",ml:.5},children:"*"})]}),r.jsx("input",{ref:S,type:"file",hidden:!0,multiple:d,accept:g||void 0,onChange:M}),r.jsxs(i,{role:"button","aria-label":j,onClick:()=>S.current?.click(),onDragOver:e=>{e.preventDefault(),v(!0)},onDragLeave:()=>v(!1),onDrop:T,sx:{border:"2px dashed",borderColor:w?"primary.main":"divider",borderRadius:"12px",p:3,textAlign:"center",cursor:"pointer",transition:"all .2s",bgcolor:w?"action.hover":"background.paper","&:hover":{borderColor:"primary.main",bgcolor:"action.hover"}},children:[P?r.jsx(_,{size:28}):r.jsx(H,{sx:{fontSize:40,color:"primary.main"}}),r.jsxs(c,{variant:"body2",sx:{mt:1},children:["Drag & drop ",d?"files":"a file"," here, or click to browse"]}),g&&r.jsxs(c,{variant:"caption",color:"text.secondary",children:["Accepted: ",g]})]}),q&&r.jsx(c,{variant:"caption",color:"error.main",sx:{display:"block",mt:1},children:q}),p.length>0&&r.jsx(i,{sx:b.mergeSx(b.premiumSurfaceSx,{mt:1.5,p:1}),children:p.map((e,t)=>r.jsxs(i,{sx:{display:"flex",alignItems:"center",gap:1.5,p:1,borderRadius:"8px",transition:"background-color .18s","&:hover":{bgcolor:"action.hover"}},children:[Q(e)?r.jsx(i,{component:"img",src:e,alt:`upload-${t}`,sx:{width:40,height:40,objectFit:"cover",borderRadius:"8px",flexShrink:0}}):r.jsx(K,{color:"action",sx:{flexShrink:0}}),r.jsx(c,{variant:"body2",sx:{flexGrow:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.split("/").pop()?.split("?")[0]||e}),r.jsx(G,{size:"small","aria-label":"remove",onClick:a=>{a.stopPropagation(),L(t)},children:r.jsx(J,{fontSize:"small"})})]},`${e}-${t}`))})]})}exports.default=W;