@actdim/dynstruct-mui 0.9.0 → 0.9.2

package/dist/IconButton.es.js

@@ -1,40 +1,47 @@
-import n from "react";
-import { IconButton as l } from "@mui/material";
-import { toReact as i, useComponent as a } from "@actdim/dynstruct/componentModel/react/react";
-const c = (t) => {
-  let e, o;
-  return e = a({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { IconButton as IconButton$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useIconButton = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "IconButton",
     props: {
-      onClick: () => {
-      },
+      onClick: /* @__PURE__ */ __name(() => {
+      }, "onClick"),
       icon: null,
       color: "default",
       size: "medium",
-      edge: !1,
-      loading: !1,
+      edge: false,
+      loading: false,
       "aria-label": void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ n.createElement(
-      l,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      IconButton$1,
       {
-        onClick: o.onClick,
-        color: o.color,
-        size: o.size,
-        edge: o.edge,
-        loading: o.loading,
-        disabled: o.$.isDisabled,
-        "aria-label": o["aria-label"],
-        sx: o.sx
+        onClick: m.onClick,
+        color: m.color,
+        size: m.size,
+        edge: m.edge,
+        loading: m.loading,
+        disabled: m.$.isDisabled,
+        "aria-label": m["aria-label"],
+        sx: m.sx
       },
-      o.icon
-    )
-  }, t), o = e.model, e;
-}, s = i(c);
-s.displayName = "IconButton";
+      m.icon
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useIconButton");
+const IconButton = toReact(useIconButton);
+IconButton.displayName = "IconButton";
 export {
-  s as IconButton,
-  c as useIconButton
+  IconButton,
+  useIconButton
 };
 //# sourceMappingURL=IconButton.es.js.map

package/dist/IconButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/IconButton.tsx"],"sourcesContent":null,"names":["useIconButton","params","c","m","useComponent","React","MuiIconButton","IconButton","toReact"],"mappings":";;;AA4BO,MAAMA,IAAgB,CAACC,MAAuD;AACjF,MAAIC,GACAC;AA8BJ,SAAAD,IAAIE,EA5B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,MAAMA,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE,EAAE;AAAA,QACd,cAAYA,EAAE,YAAY;AAAA,QAC1B,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE;AAAA,IAAA;AAAA,EACP,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAaC,EAAQR,CAAa;AAC/CO,EAAW,cAAc;"}
+{"version":3,"file":"IconButton.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton as MuiIconButton, type IconButtonProps as MuiIconButtonProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            onClick: () => void;\n            icon: React.ReactNode;\n            color?: MuiIconButtonProps['color'];\n            size?: MuiIconButtonProps['size'];\n            edge?: MuiIconButtonProps['edge'];\n            loading?: boolean;\n            'aria-label'?: string;\n            sx?: MuiIconButtonProps['sx'];\n        };\n    }\n>;\n\nexport const useIconButton = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'IconButton',\n        props: {\n            onClick: () => {},\n            icon: null,\n            color: 'default',\n            size: 'medium',\n            edge: false,\n            loading: false,\n            'aria-label': undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiIconButton\n                onClick={m.onClick}\n                color={m.color}\n                size={m.size}\n                edge={m.edge}\n                loading={m.loading}\n                disabled={m.$.isDisabled}\n                aria-label={m['aria-label']}\n                sx={m.sx}\n            >\n                {m.icon}\n            </MuiIconButton>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type IconButtonStruct = Struct;\n\nexport const IconButton = toReact(useIconButton);\nIconButton.displayName = 'IconButton';\n"],"names":["MuiIconButton"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,wBAAC,WAAuD;AACjF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,UAAU,EAAE,EAAE;AAAA,QACd,cAAY,EAAE,YAAY;AAAA,QAC1B,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE;AAAA,IAAA,GAXL;AAAA,EAYF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAnC6B;AAuCtB,MAAM,aAAa,QAAQ,aAAa;AAC/C,WAAW,cAAc;"}

package/dist/LinearProgress.es.js

@@ -1,9 +1,12 @@
-import a from "react";
-import { LinearProgress as s } from "@mui/material";
-import { toReact as t, useComponent as i } from "@actdim/dynstruct/componentModel/react/react";
-const n = (o) => {
-  let r, e;
-  return r = i({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { LinearProgress as LinearProgress$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useLinearProgress = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "LinearProgress",
     props: {
       variant: "indeterminate",
@@ -12,21 +15,25 @@ const n = (o) => {
       color: "primary",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ a.createElement(
-      s,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      LinearProgress$1,
       {
-        variant: e.variant,
-        value: e.value,
-        valueBuffer: e.valueBuffer,
-        color: e.color,
-        sx: e.sx
+        variant: m.variant,
+        value: m.value,
+        valueBuffer: m.valueBuffer,
+        color: m.color,
+        sx: m.sx
       }
-    )
-  }, o), e = r.model, r;
-}, l = t(n);
-l.displayName = "LinearProgress";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useLinearProgress");
+const LinearProgress = toReact(useLinearProgress);
+LinearProgress.displayName = "LinearProgress";
 export {
-  l as LinearProgress,
-  n as useLinearProgress
+  LinearProgress,
+  useLinearProgress
 };
 //# sourceMappingURL=LinearProgress.es.js.map

package/dist/LinearProgress.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/LinearProgress.tsx"],"sourcesContent":null,"names":["useLinearProgress","params","c","m","useComponent","React","MuiLinearProgress","LinearProgress","toReact"],"mappings":";;;AA4BO,MAAMA,IAAoB,CAACC,MAAuD;AACrF,MAAIC,GACAC;AAsBJ,SAAAD,IAAIE,EApB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,aAAaA,EAAE;AAAA,QACf,OAAOA,EAAE;AAAA,QACT,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAiBC,EAAQR,CAAiB;AACvDO,EAAe,cAAc;"}
+{"version":3,"file":"LinearProgress.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    LinearProgress as MuiLinearProgress,\n    type LinearProgressProps as MuiLinearProgressProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            variant?: MuiLinearProgressProps['variant'];\n            value?: number;\n            valueBuffer?: number;\n            color?: MuiLinearProgressProps['color'];\n            sx?: MuiLinearProgressProps['sx'];\n        };\n    }\n>;\n\nexport const useLinearProgress = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'LinearProgress',\n        props: {\n            variant: 'indeterminate',\n            value: undefined,\n            valueBuffer: undefined,\n            color: 'primary',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiLinearProgress\n                variant={m.variant}\n                value={m.value}\n                valueBuffer={m.valueBuffer}\n                color={m.color}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type LinearProgressStruct = Struct;\n\nexport const LinearProgress = toReact(useLinearProgress);\nLinearProgress.displayName = 'LinearProgress';\n"],"names":["MuiLinearProgress"],"mappings":";;;;;AA4BO,MAAM,oBAAoB,wBAAC,WAAuD;AACrF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,OAAO,EAAE;AAAA,QACT,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GANR;AAAA,EAOF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA3BiC;AA+B1B,MAAM,iBAAiB,QAAQ,iBAAiB;AACvD,eAAe,cAAc;"}

package/dist/List.es.js

@@ -1,24 +1,31 @@
-import t from "react";
-import { List as o, Divider as c, ListItem as r, ListItemButton as m, ListItemIcon as l, ListItemText as d } from "@mui/material";
-import { toReact as p, useComponent as y } from "@actdim/dynstruct/componentModel/react/react";
-const E = (i) => {
-  let s, n;
-  return s = y({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { List as List$1, Divider, ListItem, ListItemButton, ListItemIcon, ListItemText } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useList = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "List",
     props: {
       items: [],
-      dense: !1,
-      disablePadding: !1,
+      dense: false,
+      disablePadding: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(o, { dense: n.dense, disablePadding: n.disablePadding, sx: n.sx }, n.items.map(
-      (e, a) => e.divider ? /* @__PURE__ */ t.createElement(c, { key: a, component: "li" }) : e.onClick ? /* @__PURE__ */ t.createElement(r, { key: a, disablePadding: !0 }, /* @__PURE__ */ t.createElement(m, { onClick: e.onClick, disabled: e.disabled }, e.icon && /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(e.icon, null)), /* @__PURE__ */ t.createElement(d, { primary: e.primary, secondary: e.secondary }))) : /* @__PURE__ */ t.createElement(r, { key: a }, e.icon && /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(e.icon, null)), /* @__PURE__ */ t.createElement(d, { primary: e.primary, secondary: e.secondary }))
-    ))
-  }, i), n = s.model, s;
-}, L = p(E);
-L.displayName = "List";
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(List$1, { dense: m.dense, disablePadding: m.disablePadding, sx: m.sx }, m.items.map(
+      (item, i) => item.divider ? /* @__PURE__ */ React.createElement(Divider, { key: i, component: "li" }) : item.onClick ? /* @__PURE__ */ React.createElement(ListItem, { key: i, disablePadding: true }, /* @__PURE__ */ React.createElement(ListItemButton, { onClick: item.onClick, disabled: item.disabled }, item.icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(item.icon, null)), /* @__PURE__ */ React.createElement(ListItemText, { primary: item.primary, secondary: item.secondary }))) : /* @__PURE__ */ React.createElement(ListItem, { key: i }, item.icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(item.icon, null)), /* @__PURE__ */ React.createElement(ListItemText, { primary: item.primary, secondary: item.secondary }))
+    )), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useList");
+const List = toReact(useList);
+List.displayName = "List";
 export {
-  L as List,
-  E as useList
+  List,
+  useList
 };
 //# sourceMappingURL=List.es.js.map

package/dist/List.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/List.tsx"],"sourcesContent":null,"names":["useList","params","c","m","useComponent","React","MuiList","item","i","Divider","ListItem","ListItemButton","ListItemIcon","ListItemText","List","toReact"],"mappings":";;;AAyCO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AAyCJ,SAAAD,IAAIE,EAvC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAQ,OAAOH,EAAE,OAAO,gBAAgBA,EAAE,gBAAgB,IAAIA,EAAE,MAC5DA,EAAE,MAAM;AAAA,MAAI,CAACI,GAAMC,MAChBD,EAAK,UACD,gBAAAF,EAAA,cAACI,GAAA,EAAQ,KAAKD,GAAG,WAAU,KAAA,CAAK,IAChCD,EAAK,UACL,gBAAAF,EAAA,cAACK,GAAA,EAAS,KAAKF,GAAG,gBAAc,GAAA,GAC5B,gBAAAH,EAAA,cAACM,GAAA,EAAe,SAASJ,EAAK,SAAS,UAAUA,EAAK,YACjDA,EAAK,QACF,gBAAAF,EAAA,cAACO,GAAA,sCACIL,EAAK,MAAL,IAAU,CACf,GAEJ,gBAAAF,EAAA,cAACQ,GAAA,EAAa,SAASN,EAAK,SAAS,WAAWA,EAAK,UAAA,CAAW,CACpE,CACJ,IAEA,gBAAAF,EAAA,cAACK,GAAA,EAAS,KAAKF,EAAA,GACVD,EAAK,QACF,gBAAAF,EAAA,cAACO,GAAA,MACG,gBAAAP,EAAA,cAACE,EAAK,MAAL,IAAU,CACf,GAEJ,gBAAAF,EAAA,cAACQ,GAAA,EAAa,SAASN,EAAK,SAAS,WAAWA,EAAK,WAAW,CACpE;AAAA,IAAA,CAGZ;AAAA,EAAA,GAIcN,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaY,IAAOC,EAAQf,CAAO;AACnCc,EAAK,cAAc;"}
+{"version":3,"file":"List.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/List.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    List as MuiList,\n    ListItem,\n    ListItemButton,\n    ListItemIcon,\n    ListItemText,\n    Divider,\n    type ListProps as MuiListProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type ListItemDef = {\n    primary: React.ReactNode;\n    secondary?: React.ReactNode;\n    icon?: React.FC;\n    onClick?: () => void;\n    divider?: boolean;\n    disabled?: boolean;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            items: ListItemDef[];\n            dense?: boolean;\n            disablePadding?: boolean;\n            sx?: MuiListProps['sx'];\n        };\n    }\n>;\n\nexport const useList = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'List',\n        props: {\n            items: [],\n            dense: false,\n            disablePadding: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiList dense={m.dense} disablePadding={m.disablePadding} sx={m.sx}>\n                {m.items.map((item, i) =>\n                    item.divider ? (\n                        <Divider key={i} component=\"li\" />\n                    ) : item.onClick ? (\n                        <ListItem key={i} disablePadding>\n                            <ListItemButton onClick={item.onClick} disabled={item.disabled}>\n                                {item.icon && (\n                                    <ListItemIcon>\n                                        <item.icon />\n                                    </ListItemIcon>\n                                )}\n                                <ListItemText primary={item.primary} secondary={item.secondary} />\n                            </ListItemButton>\n                        </ListItem>\n                    ) : (\n                        <ListItem key={i}>\n                            {item.icon && (\n                                <ListItemIcon>\n                                    <item.icon />\n                                </ListItemIcon>\n                            )}\n                            <ListItemText primary={item.primary} secondary={item.secondary} />\n                        </ListItem>\n                    ),\n                )}\n            </MuiList>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type ListStruct = Struct;\n\nexport const List = toReact(useList);\nList.displayName = 'List';\n"],"names":["MuiList"],"mappings":";;;;;AAyCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,OAAO,EAAE,OAAO,gBAAgB,EAAE,gBAAgB,IAAI,EAAE,MAC5D,EAAE,MAAM;AAAA,MAAI,CAAC,MAAM,MAChB,KAAK,UACD,sBAAA,cAAC,SAAA,EAAQ,KAAK,GAAG,WAAU,KAAA,CAAK,IAChC,KAAK,UACL,sBAAA,cAAC,UAAA,EAAS,KAAK,GAAG,gBAAc,KAAA,GAC5B,sBAAA,cAAC,gBAAA,EAAe,SAAS,KAAK,SAAS,UAAU,KAAK,YACjD,KAAK,QACF,sBAAA,cAAC,cAAA,0CACI,KAAK,MAAL,IAAU,CACf,GAEJ,sBAAA,cAAC,cAAA,EAAa,SAAS,KAAK,SAAS,WAAW,KAAK,UAAA,CAAW,CACpE,CACJ,IAEA,sBAAA,cAAC,UAAA,EAAS,KAAK,EAAA,GACV,KAAK,QACF,sBAAA,cAAC,cAAA,MACG,sBAAA,cAAC,KAAK,MAAL,IAAU,CACf,GAEJ,sBAAA,cAAC,cAAA,EAAa,SAAS,KAAK,SAAS,WAAW,KAAK,WAAW,CACpE;AAAA,IAAA,CAGZ,GA3BE;AAAA,EA2BF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA9CuB;AAkDhB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}

package/dist/Menu.es.js

@@ -1,36 +1,44 @@
-import l from "react";
-import { Menu as r, Divider as a, MenuItem as c } from "@mui/material";
-import { toReact as m, useComponent as p } from "@actdim/dynstruct/componentModel/react/react";
-const d = (t) => {
-  let n, e;
-  return n = p({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Menu as Menu$1, Divider, MenuItem } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useMenu = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Menu",
     props: {
-      open: !1,
-      onClose: () => {
-      },
+      open: false,
+      onClose: /* @__PURE__ */ __name(() => {
+      }, "onClose"),
       items: [],
       anchorEl: null,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ l.createElement(r, { open: e.open, onClose: e.onClose, anchorEl: e.anchorEl, sx: e.sx }, e.items.map(
-      (o, s) => o.divider ? /* @__PURE__ */ l.createElement(a, { key: s }) : /* @__PURE__ */ l.createElement(
-        c,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(Menu$1, { open: m.open, onClose: m.onClose, anchorEl: m.anchorEl, sx: m.sx }, m.items.map(
+      (item, i) => item.divider ? /* @__PURE__ */ React.createElement(Divider, { key: i }) : /* @__PURE__ */ React.createElement(
+        MenuItem,
         {
-          key: s,
-          onClick: () => {
-            o.onClick?.(), e.onClose();
-          },
-          disabled: o.disabled
+          key: i,
+          onClick: /* @__PURE__ */ __name(() => {
+            item.onClick?.();
+            m.onClose();
+          }, "onClick"),
+          disabled: item.disabled
         },
-        o.label
+        item.label
       )
-    ))
-  }, t), e = n.model, n;
-}, i = m(d);
-i.displayName = "Menu";
+    )), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useMenu");
+const Menu = toReact(useMenu);
+Menu.displayName = "Menu";
 export {
-  i as Menu,
-  d as useMenu
+  Menu,
+  useMenu
 };
 //# sourceMappingURL=Menu.es.js.map

package/dist/Menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Menu.tsx"],"sourcesContent":null,"names":["useMenu","params","c","m","useComponent","React","MuiMenu","item","i","Divider","MuiMenuItem","Menu","toReact"],"mappings":";;;AAqCO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AAiCJ,SAAAD,IAAIE,EA/B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,OAAO,CAAA;AAAA,MACP,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAQ,MAAMH,EAAE,MAAM,SAASA,EAAE,SAAS,UAAUA,EAAE,UAAU,IAAIA,EAAE,GAAA,GAClEA,EAAE,MAAM;AAAA,MAAI,CAACI,GAAMC,MAChBD,EAAK,UACD,gBAAAF,EAAA,cAACI,GAAA,EAAQ,KAAKD,GAAG,IAEjB,gBAAAH,EAAA;AAAA,QAACK;AAAAA,QAAA;AAAA,UACG,KAAKF;AAAA,UACL,SAAS,MAAM;AACX,YAAAD,EAAK,UAAA,GACLJ,EAAE,QAAA;AAAA,UACN;AAAA,UACA,UAAUI,EAAK;AAAA,QAAA;AAAA,QAEdA,EAAK;AAAA,MAAA;AAAA,IACV,CAGZ;AAAA,EAAA,GAIcN,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaS,IAAOC,EAAQZ,CAAO;AACnCW,EAAK,cAAc;"}
+{"version":3,"file":"Menu.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Menu.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Menu as MuiMenu,\r\n    MenuItem as MuiMenuItem,\r\n    Divider,\r\n    type MenuProps as MuiMenuProps,\r\n} from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\nexport type MenuItemDef = {\r\n    label: string;\r\n    onClick?: () => void;\r\n    disabled?: boolean;\r\n    divider?: boolean;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            open: boolean;\r\n            onClose: () => void;\r\n            items: MenuItemDef[];\r\n            anchorEl?: HTMLElement | null; // ElementCSSInlineStyle etc to support KeyPath \"anchorEl.*\"\r\n            sx?: MuiMenuProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useMenu = (params: ComponentParams<Struct>): Component<Struct> => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        regType: 'Menu',\r\n        props: {\r\n            open: false,\r\n            onClose: () => {},\r\n            items: [],\r\n            anchorEl: null,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiMenu open={m.open} onClose={m.onClose} anchorEl={m.anchorEl} sx={m.sx}>\r\n                {m.items.map((item, i) =>\r\n                    item.divider ? (\r\n                        <Divider key={i} />\r\n                    ) : (\r\n                        <MuiMenuItem\r\n                            key={i}\r\n                            onClick={() => {\r\n                                item.onClick?.();\r\n                                m.onClose();\r\n                            }}\r\n                            disabled={item.disabled}\r\n                        >\r\n                            {item.label}\r\n                        </MuiMenuItem>\r\n                    ),\r\n                )}\r\n            </MuiMenu>\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type MenuStruct = Struct;\r\n\r\nexport const Menu = toReact(useMenu);\r\nMenu.displayName = 'Menu';\r\n"],"names":["MuiMenu","MuiMenuItem"],"mappings":";;;;;AAqCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,OAAO,CAAA;AAAA,MACP,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,MAAM,EAAE,MAAM,SAAS,EAAE,SAAS,UAAU,EAAE,UAAU,IAAI,EAAE,GAAA,GAClE,EAAE,MAAM;AAAA,MAAI,CAAC,MAAM,MAChB,KAAK,UACD,sBAAA,cAAC,SAAA,EAAQ,KAAK,GAAG,IAEjB,sBAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,SAAS,6BAAM;AACX,iBAAK,UAAA;AACL,cAAE,QAAA;AAAA,UACN,GAHS;AAAA,UAIT,UAAU,KAAK;AAAA,QAAA;AAAA,QAEd,KAAK;AAAA,MAAA;AAAA,IACV,CAGZ,GAlBE;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAtCuB;AA0ChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}

package/dist/Pagination.es.js

@@ -1,40 +1,47 @@
-import t from "react";
-import { Pagination as i } from "@mui/material";
-import { toReact as r, useComponent as s } from "@actdim/dynstruct/componentModel/react/react";
-const c = (o) => {
-  let e, a;
-  return e = s({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Pagination as Pagination$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const usePagination = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Pagination",
     props: {
       count: 1,
       page: 1,
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       size: "medium",
       color: "standard",
       shape: "circular",
       variant: "text",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(
-      i,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Pagination$1,
       {
-        count: a.count,
-        page: a.page,
-        onChange: (m, n) => a.onChange(n),
-        size: a.size,
-        color: a.color,
-        shape: a.shape,
-        variant: a.variant,
-        disabled: a.$.isDisabled,
-        sx: a.sx
+        count: m.count,
+        page: m.page,
+        onChange: /* @__PURE__ */ __name((_, page) => m.onChange(page), "onChange"),
+        size: m.size,
+        color: m.color,
+        shape: m.shape,
+        variant: m.variant,
+        disabled: m.$.isDisabled,
+        sx: m.sx
       }
-    )
-  }, o), a = e.model, e;
-}, p = r(c);
-p.displayName = "Pagination";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "usePagination");
+const Pagination = toReact(usePagination);
+Pagination.displayName = "Pagination";
 export {
-  p as Pagination,
-  c as usePagination
+  Pagination,
+  usePagination
 };
 //# sourceMappingURL=Pagination.es.js.map

package/dist/Pagination.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Pagination.tsx"],"sourcesContent":null,"names":["usePagination","params","c","m","useComponent","React","MuiPagination","_","page","Pagination","toReact"],"mappings":";;;AA4BO,MAAMA,IAAgB,CAACC,MAAuD;AACjF,MAAIC,GACAC;AA6BJ,SAAAD,IAAIE,EA3B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,UAAU,CAACI,GAAGC,MAASL,EAAE,SAASK,CAAI;AAAA,QACtC,MAAML,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,QACT,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaO,IAAaC,EAAQV,CAAa;AAC/CS,EAAW,cAAc;"}
+{"version":3,"file":"Pagination.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { Pagination as MuiPagination, type PaginationProps as MuiPaginationProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            count: number;\n            page: number;\n            onChange: (page: number) => void;\n            size?: MuiPaginationProps['size'];\n            color?: MuiPaginationProps['color'];\n            shape?: MuiPaginationProps['shape'];\n            variant?: MuiPaginationProps['variant'];\n            sx?: MuiPaginationProps['sx'];\n        };\n    }\n>;\n\nexport const usePagination = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Pagination',\n        props: {\n            count: 1,\n            page: 1,\n            onChange: () => {},\n            size: 'medium',\n            color: 'standard',\n            shape: 'circular',\n            variant: 'text',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiPagination\n                count={m.count}\n                page={m.page}\n                onChange={(_, page) => m.onChange(page)}\n                size={m.size}\n                color={m.color}\n                shape={m.shape}\n                variant={m.variant}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type PaginationStruct = Struct;\n\nexport const Pagination = toReact(usePagination);\nPagination.displayName = 'Pagination';\n"],"names":["MuiPagination"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,wBAAC,WAAuD;AACjF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,UAAU,wBAAC,GAAG,SAAS,EAAE,SAAS,IAAI,GAA5B;AAAA,QACV,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAVR;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlC6B;AAsCtB,MAAM,aAAa,QAAQ,aAAa;AAC/C,WAAW,cAAc;"}

package/dist/RadioGroup.es.js

@@ -1,50 +1,57 @@
-import o from "react";
-import { FormControl as i, FormLabel as n, RadioGroup as m, FormControlLabel as d, Radio as s, FormHelperText as p } from "@mui/material";
-import { toReact as u, useComponent as c } from "@actdim/dynstruct/componentModel/react/react";
-const b = (t) => {
-  let r, e;
-  return r = c({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { FormControl, FormLabel, RadioGroup as RadioGroup$1, FormControlLabel, Radio, FormHelperText } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useRadioGroup = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "RadioGroup",
     props: {
       value: "",
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       options: [],
       label: void 0,
       helperText: void 0,
-      error: !1,
-      row: !1,
+      error: false,
+      row: false,
       color: "primary",
       size: "medium",
       sx: void 0
     },
-    view: () => {
-      const a = `${r.id}-label`;
-      return /* @__PURE__ */ o.createElement(i, { error: e.error, disabled: e.$.isDisabled, sx: e.sx }, e.label && /* @__PURE__ */ o.createElement(n, { id: a }, e.label), /* @__PURE__ */ o.createElement(
-        m,
+    view: /* @__PURE__ */ __name(() => {
+      const labelId = `${c.id}-label`;
+      return /* @__PURE__ */ React.createElement(FormControl, { error: m.error, disabled: m.$.isDisabled, sx: m.sx }, m.label && /* @__PURE__ */ React.createElement(FormLabel, { id: labelId }, m.label), /* @__PURE__ */ React.createElement(
+        RadioGroup$1,
         {
-          "aria-labelledby": e.label ? a : void 0,
-          name: r.id,
-          value: e.value,
-          onChange: (l) => e.onChange(l.target.value),
-          row: e.row
+          "aria-labelledby": m.label ? labelId : void 0,
+          name: c.id,
+          value: m.value,
+          onChange: /* @__PURE__ */ __name((e) => m.onChange(e.target.value), "onChange"),
+          row: m.row
         },
-        e.options.map((l) => /* @__PURE__ */ o.createElement(
-          d,
+        m.options.map((opt) => /* @__PURE__ */ React.createElement(
+          FormControlLabel,
           {
-            key: l.value,
-            value: l.value,
-            label: l.label,
-            control: /* @__PURE__ */ o.createElement(s, { color: e.color, size: e.size })
+            key: opt.value,
+            value: opt.value,
+            label: opt.label,
+            control: /* @__PURE__ */ React.createElement(Radio, { color: m.color, size: m.size })
           }
         ))
-      ), e.helperText && /* @__PURE__ */ o.createElement(p, null, e.helperText));
-    }
-  }, t), e = r.model, r;
-}, v = u(b);
-v.displayName = "RadioGroup";
+      ), m.helperText && /* @__PURE__ */ React.createElement(FormHelperText, null, m.helperText));
+    }, "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useRadioGroup");
+const RadioGroup = toReact(useRadioGroup);
+RadioGroup.displayName = "RadioGroup";
 export {
-  v as RadioGroup,
-  b as useRadioGroup
+  RadioGroup,
+  useRadioGroup
 };
 //# sourceMappingURL=RadioGroup.es.js.map

package/dist/RadioGroup.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/RadioGroup.tsx"],"sourcesContent":null,"names":["useRadioGroup","params","c","m","useComponent","labelId","React","FormControl","FormLabel","MuiRadioGroup","e","opt","FormControlLabel","Radio","FormHelperText","RadioGroup","toReact"],"mappings":";;;AA4CO,MAAMA,IAAgB,CAACC,MAAuD;AACjF,MAAIC,GACAC;AA2CJ,SAAAD,IAAIE,EAzC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,CAAA;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MAAM;AACR,YAAMC,IAAU,GAAGH,EAAE,EAAE;AACvB,aACI,gBAAAI,EAAA,cAACC,KAAY,OAAOJ,EAAE,OAAO,UAAUA,EAAE,EAAE,YAAY,IAAIA,EAAE,GAAA,GACxDA,EAAE,SAAS,gBAAAG,EAAA,cAACE,GAAA,EAAU,IAAIH,EAAA,GAAUF,EAAE,KAAM,GAC7C,gBAAAG,EAAA;AAAA,QAACG;AAAAA,QAAA;AAAA,UACG,mBAAiBN,EAAE,QAAQE,IAAU;AAAA,UACrC,MAAMH,EAAE;AAAA,UACR,OAAOC,EAAE;AAAA,UACT,UAAU,CAACO,MAAMP,EAAE,SAASO,EAAE,OAAO,KAAK;AAAA,UAC1C,KAAKP,EAAE;AAAA,QAAA;AAAA,QAENA,EAAE,QAAQ,IAAI,CAACQ,MACZ,gBAAAL,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,KAAKD,EAAI;AAAA,YACT,OAAOA,EAAI;AAAA,YACX,OAAOA,EAAI;AAAA,YACX,yCAAUE,GAAA,EAAM,OAAOV,EAAE,OAAO,MAAMA,EAAE,KAAA,CAAM;AAAA,UAAA;AAAA,QAAA,CAErD;AAAA,MAAA,GAEJA,EAAE,8CAAeW,GAAA,MAAgBX,EAAE,UAAW,CACnD;AAAA,IAER;AAAA,EAAA,GAGkBF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaa,IAAaC,EAAQhB,CAAa;AAC/Ce,EAAW,cAAc;"}
+{"version":3,"file":"RadioGroup.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    FormControl,\n    FormControlLabel,\n    FormHelperText,\n    FormLabel,\n    Radio,\n    RadioGroup as MuiRadioGroup,\n    type RadioProps as MuiRadioProps,\n    type FormControlProps as MuiFormControlProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type RadioOption = {\n    value: string;\n    label: string;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string;\n            onChange: (value: string) => void;\n            options: RadioOption[];\n            label?: string;\n            helperText?: string;\n            error?: boolean;\n            row?: boolean;\n            color?: MuiRadioProps['color'];\n            size?: MuiRadioProps['size'];\n            sx?: MuiFormControlProps['sx'];\n        };\n    }\n>;\n\nexport const useRadioGroup = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'RadioGroup',\n        props: {\n            value: '',\n            onChange: () => {},\n            options: [],\n            label: undefined,\n            helperText: undefined,\n            error: false,\n            row: false,\n            color: 'primary',\n            size: 'medium',\n            sx: undefined,\n        },\n        view: () => {\n            const labelId = `${c.id}-label`;\n            return (\n                <FormControl error={m.error} disabled={m.$.isDisabled} sx={m.sx}>\n                    {m.label && <FormLabel id={labelId}>{m.label}</FormLabel>}\n                    <MuiRadioGroup\n                        aria-labelledby={m.label ? labelId : undefined}\n                        name={c.id}\n                        value={m.value}\n                        onChange={(e) => m.onChange(e.target.value)}\n                        row={m.row}\n                    >\n                        {m.options.map((opt) => (\n                            <FormControlLabel\n                                key={opt.value}\n                                value={opt.value}\n                                label={opt.label}\n                                control={<Radio color={m.color} size={m.size} />}\n                            />\n                        ))}\n                    </MuiRadioGroup>\n                    {m.helperText && <FormHelperText>{m.helperText}</FormHelperText>}\n                </FormControl>\n            );\n        },\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type RadioGroupStruct = Struct;\n\nexport const RadioGroup = toReact(useRadioGroup);\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["MuiRadioGroup"],"mappings":";;;;;AA4CO,MAAM,gBAAgB,wBAAC,WAAuD;AACjF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,SAAS,CAAA;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,UAAU,GAAG,EAAE,EAAE;AACvB,aACI,sBAAA,cAAC,eAAY,OAAO,EAAE,OAAO,UAAU,EAAE,EAAE,YAAY,IAAI,EAAE,GAAA,GACxD,EAAE,SAAS,sBAAA,cAAC,WAAA,EAAU,IAAI,QAAA,GAAU,EAAE,KAAM,GAC7C,sBAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG,mBAAiB,EAAE,QAAQ,UAAU;AAAA,UACrC,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,GAAhC;AAAA,UACV,KAAK,EAAE;AAAA,QAAA;AAAA,QAEN,EAAE,QAAQ,IAAI,CAAC,QACZ,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK,IAAI;AAAA,YACT,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,6CAAU,OAAA,EAAM,OAAO,EAAE,OAAO,MAAM,EAAE,KAAA,CAAM;AAAA,UAAA;AAAA,QAAA,CAErD;AAAA,MAAA,GAEJ,EAAE,kDAAe,gBAAA,MAAgB,EAAE,UAAW,CACnD;AAAA,IAER,GAxBM;AAAA,EAwBN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAhD6B;AAoDtB,MAAM,aAAa,QAAQ,aAAa;AAC/C,WAAW,cAAc;"}

package/dist/Rating.es.js

@@ -1,9 +1,12 @@
-import o from "react";
-import { Rating as t } from "@mui/material";
-import { toReact as s, useComponent as r } from "@actdim/dynstruct/componentModel/react/react";
-const l = (i) => {
-  let a, e;
-  return a = r({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Rating as Rating$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useRating = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Rating",
     props: {
       value: null,
@@ -11,27 +14,31 @@ const l = (i) => {
       max: 5,
       precision: 1,
       size: "medium",
-      readOnly: !1,
+      readOnly: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      t,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Rating$1,
       {
-        value: e.value,
-        onChange: (p, n) => e.onChange?.(n),
-        max: e.max,
-        precision: e.precision,
-        size: e.size,
-        readOnly: e.readOnly,
-        disabled: e.$.isDisabled,
-        sx: e.sx
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((_, newValue) => m.onChange?.(newValue), "onChange"),
+        max: m.max,
+        precision: m.precision,
+        size: m.size,
+        readOnly: m.readOnly,
+        disabled: m.$.isDisabled,
+        sx: m.sx
       }
-    )
-  }, i), e = a.model, a;
-}, m = s(l);
-m.displayName = "Rating";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useRating");
+const Rating = toReact(useRating);
+Rating.displayName = "Rating";
 export {
-  m as Rating,
-  l as useRating
+  Rating,
+  useRating
 };
 //# sourceMappingURL=Rating.es.js.map

package/dist/Rating.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Rating.tsx"],"sourcesContent":null,"names":["useRating","params","c","m","useComponent","React","MuiRating","_","newValue","Rating","toReact"],"mappings":";;;AA2BO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AA2BJ,SAAAD,IAAIE,EAzB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,MACL,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,UAAU,CAACI,GAAGC,MAAaL,EAAE,WAAWK,CAAQ;AAAA,QAChD,KAAKL,EAAE;AAAA,QACP,WAAWA,EAAE;AAAA,QACb,MAAMA,EAAE;AAAA,QACR,UAAUA,EAAE;AAAA,QACZ,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaO,IAASC,EAAQV,CAAS;AACvCS,EAAO,cAAc;"}
+{"version":3,"file":"Rating.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Rating.tsx"],"sourcesContent":["import React from 'react';\nimport { Rating as MuiRating, type RatingProps as MuiRatingProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: number | null;\n            onChange?: (value: number | null) => void;\n            max?: number;\n            precision?: number;\n            size?: MuiRatingProps['size'];\n            readOnly?: boolean;\n            sx?: MuiRatingProps['sx'];\n        };\n    }\n>;\n\nexport const useRating = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Rating',\n        props: {\n            value: null,\n            onChange: undefined,\n            max: 5,\n            precision: 1,\n            size: 'medium',\n            readOnly: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiRating\n                value={m.value}\n                onChange={(_, newValue) => m.onChange?.(newValue)}\n                max={m.max}\n                precision={m.precision}\n                size={m.size}\n                readOnly={m.readOnly}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type RatingStruct = Struct;\n\nexport const Rating = toReact(useRating);\nRating.displayName = 'Rating';\n"],"names":["MuiRating"],"mappings":";;;;;AA2BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,MACL,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa,EAAE,WAAW,QAAQ,GAAtC;AAAA,QACV,KAAK,EAAE;AAAA,QACP,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,UAAU,EAAE;AAAA,QACZ,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GATR;AAAA,EAUF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAhCyB;AAoClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}