@actdim/dynstruct-mui 0.9.1 → 1.5.5

package/dist/Dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Dialog.tsx"],"sourcesContent":null,"names":["useDialog","params","c","m","useComponent","React","MuiDialog","DialogTitle","DialogContent","DialogActions","Dialog","toReact"],"mappings":";;;AAmCO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAuCJ,SAAAD,IAAIE,EArC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,MAAMH,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE;AAAA,QACZ,WAAWA,EAAE;AAAA,QACb,YAAYA,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,SAAS,gBAAAE,EAAA,cAACE,GAAA,MAAaJ,EAAE,KAAM;AAAA,MACjCA,EAAE,WACC,gBAAAE,EAAA,cAACG,GAAA,sCACIL,EAAE,SAAF,IAAU,CACf;AAAA,MAEHA,EAAE,WACC,gBAAAE,EAAA,cAACI,GAAA,sCACIN,EAAE,SAAF,IAAU,CACf;AAAA,IAAA;AAAA,EAER,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaQ,IAASC,EAAQX,CAAS;AACvCU,EAAO,cAAc;"}
+{"version":3,"file":"Dialog.es.js","sources":["../src/Dialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Dialog as MuiDialog,\r\n    DialogTitle,\r\n    DialogContent,\r\n    DialogActions,\r\n    type DialogProps as MuiDialogProps,\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\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            title?: string;\r\n            content?: React.FC;\r\n            actions?: React.FC;\r\n            maxWidth?: MuiDialogProps['maxWidth'];\r\n            fullWidth?: boolean;\r\n            fullScreen?: boolean;\r\n            sx?: MuiDialogProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useDialog = (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: 'Dialog',\r\n        props: {\r\n            open: false,\r\n            onClose: () => {},\r\n            title: undefined,\r\n            content: undefined,\r\n            actions: undefined,\r\n            maxWidth: 'sm',\r\n            fullWidth: true,\r\n            fullScreen: false,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiDialog\r\n                open={m.open}\r\n                onClose={m.onClose}\r\n                maxWidth={m.maxWidth}\r\n                fullWidth={m.fullWidth}\r\n                fullScreen={m.fullScreen}\r\n                sx={m.sx}\r\n            >\r\n                {m.title && <DialogTitle>{m.title}</DialogTitle>}\r\n                {m.content && (\r\n                    <DialogContent>\r\n                        <m.content />\r\n                    </DialogContent>\r\n                )}\r\n                {m.actions && (\r\n                    <DialogActions>\r\n                        <m.actions />\r\n                    </DialogActions>\r\n                )}\r\n            </MuiDialog>\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 DialogStruct = Struct;\r\n\r\nexport const Dialog = toReact(useDialog);\r\nDialog.displayName = 'Dialog';\r\n"],"names":["MuiDialog"],"mappings":";;;;;AAmCO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,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;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,WAAW,EAAE;AAAA,QACb,YAAY,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,SAAS,sBAAA,cAAC,aAAA,MAAa,EAAE,KAAM;AAAA,MACjC,EAAE,WACC,sBAAA,cAAC,eAAA,0CACI,EAAE,SAAF,IAAU,CACf;AAAA,MAEH,EAAE,WACC,sBAAA,cAAC,eAAA,0CACI,EAAE,SAAF,IAAU,CACf;AAAA,IAAA,GAlBN;AAAA,EAoBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5CyB;AAgDlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Drawer.es.js

@@ -1,35 +1,42 @@
-import o from "react";
-import { Drawer as n } from "@mui/material";
-import { toReact as t, useComponent as l } from "@actdim/dynstruct/componentModel/react/hooks";
-const s = (a) => {
-  let r, e;
-  return r = l({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Drawer as Drawer$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useDrawer = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Drawer",
     props: {
-      open: !1,
-      onClose: () => {
-      },
-      children: () => null,
+      open: false,
+      onClose: /* @__PURE__ */ __name(() => {
+      }, "onClose"),
+      children: /* @__PURE__ */ __name(() => null, "children"),
       anchor: "left",
       variant: "temporary",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      n,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Drawer$1,
       {
-        open: e.open,
-        onClose: e.onClose,
-        anchor: e.anchor,
-        variant: e.variant,
-        sx: e.sx
+        open: m.open,
+        onClose: m.onClose,
+        anchor: m.anchor,
+        variant: m.variant,
+        sx: m.sx
       },
-      /* @__PURE__ */ o.createElement(e.children, null)
-    )
-  }, a), e = r.model, r;
-}, c = t(s);
-c.displayName = "Drawer";
+      /* @__PURE__ */ React.createElement(m.children, null)
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useDrawer");
+const Drawer = toReact(useDrawer);
+Drawer.displayName = "Drawer";
 export {
-  c as Drawer,
-  s as useDrawer
+  Drawer,
+  useDrawer
 };
 //# sourceMappingURL=Drawer.es.js.map

package/dist/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Drawer.tsx"],"sourcesContent":null,"names":["useDrawer","params","c","m","useComponent","React","MuiDrawer","Drawer","toReact"],"mappings":";;;AA0BO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAyBJ,SAAAD,IAAIE,EAvB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,MAAMH,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,QAAQA,EAAE;AAAA,QACV,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAEN,gBAAAE,EAAA,cAACF,EAAE,UAAF,IAAW;AAAA,IAAA;AAAA,EAChB,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAASC,EAAQR,CAAS;AACvCO,EAAO,cAAc;"}
+{"version":3,"file":"Drawer.es.js","sources":["../src/Drawer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Drawer as MuiDrawer, type DrawerProps as MuiDrawerProps } 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\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            children: React.FC;\r\n            anchor?: MuiDrawerProps['anchor'];\r\n            variant?: MuiDrawerProps['variant'];\r\n            sx?: MuiDrawerProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useDrawer = (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: 'Drawer',\r\n        props: {\r\n            open: false,\r\n            onClose: () => {},\r\n            children: () => null,\r\n            anchor: 'left',\r\n            variant: 'temporary',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiDrawer\r\n                open={m.open}\r\n                onClose={m.onClose}\r\n                anchor={m.anchor}\r\n                variant={m.variant}\r\n                sx={m.sx}\r\n            >\r\n                <m.children />\r\n            </MuiDrawer>\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 DrawerStruct = Struct;\r\n\r\nexport const Drawer = toReact(useDrawer);\r\nDrawer.displayName = 'Drawer';\r\n"],"names":["MuiDrawer"],"mappings":";;;;;AA0BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,UAAU,6BAAM,MAAN;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,QAAQ,EAAE;AAAA,QACV,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,UAAF,IAAW;AAAA,IAAA,GARd;AAAA,EASF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA9ByB;AAkClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Fab.es.js

@@ -1,14 +1,17 @@
-import l from "react";
-import { Fab as r } from "@mui/material";
-import { toReact as i, useComponent as t } from "@actdim/dynstruct/componentModel/react/hooks";
-const n = (o) => {
-  let a, e;
-  return a = t({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Fab as Fab$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useFab = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Fab",
     props: {
-      icon: () => null,
-      onClick: () => {
-      },
+      icon: /* @__PURE__ */ __name(() => null, "icon"),
+      onClick: /* @__PURE__ */ __name(() => {
+      }, "onClick"),
       ariaLabel: "",
       color: "primary",
       size: "large",
@@ -16,25 +19,29 @@ const n = (o) => {
       label: void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ l.createElement(
-      r,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Fab$1,
       {
-        color: e.color,
-        size: e.size,
-        variant: e.variant,
-        "aria-label": e.ariaLabel,
-        disabled: e.$.isDisabled,
-        onClick: e.onClick,
-        sx: e.sx
+        color: m.color,
+        size: m.size,
+        variant: m.variant,
+        "aria-label": m.ariaLabel,
+        disabled: m.$.isDisabled,
+        onClick: m.onClick,
+        sx: m.sx
       },
-      /* @__PURE__ */ l.createElement(e.icon, null),
-      e.variant === "extended" && e.label
-    )
-  }, o), e = a.model, a;
-}, c = i(n);
-c.displayName = "Fab";
+      /* @__PURE__ */ React.createElement(m.icon, null),
+      m.variant === "extended" && m.label
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useFab");
+const Fab = toReact(useFab);
+Fab.displayName = "Fab";
 export {
-  c as Fab,
-  n as useFab
+  Fab,
+  useFab
 };
 //# sourceMappingURL=Fab.es.js.map

package/dist/Fab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fab.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Fab.tsx"],"sourcesContent":null,"names":["useFab","params","c","m","useComponent","React","MuiFab","Fab","toReact"],"mappings":";;;AA4BO,MAAMA,IAAS,CAACC,MAAuD;AAC1E,MAAIC,GACAC;AA8BJ,SAAAD,IAAIE,EA5B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM,MAAM;AAAA,MACZ,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,cAAYA,EAAE;AAAA,QACd,UAAUA,EAAE,EAAE;AAAA,QACd,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAEN,gBAAAE,EAAA,cAACF,EAAE,MAAF,IAAO;AAAA,MACPA,EAAE,YAAY,cAAcA,EAAE;AAAA,IAAA;AAAA,EACnC,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAMC,EAAQR,CAAM;AACjCO,EAAI,cAAc;"}
+{"version":3,"file":"Fab.es.js","sources":["../src/Fab.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Fab as MuiFab, type FabProps as MuiFabProps } 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\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            icon: React.FC;\r\n            onClick: () => void;\r\n            ariaLabel: string;\r\n            color?: MuiFabProps['color'];\r\n            size?: MuiFabProps['size'];\r\n            variant?: MuiFabProps['variant'];\r\n            label?: string;\r\n            sx?: MuiFabProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useFab = (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: 'Fab',\r\n        props: {\r\n            icon: () => null,\r\n            onClick: () => {},\r\n            ariaLabel: '',\r\n            color: 'primary',\r\n            size: 'large',\r\n            variant: 'circular',\r\n            label: undefined,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiFab\r\n                color={m.color}\r\n                size={m.size}\r\n                variant={m.variant}\r\n                aria-label={m.ariaLabel}\r\n                disabled={m.$.isDisabled}\r\n                onClick={m.onClick}\r\n                sx={m.sx}\r\n            >\r\n                <m.icon />\r\n                {m.variant === 'extended' && m.label}\r\n            </MuiFab>\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 FabStruct = Struct;\r\n\r\nexport const Fab = toReact(useFab);\r\nFab.displayName = 'Fab';\r\n"],"names":["MuiFab"],"mappings":";;;;;AA4BO,MAAM,SAAS,wBAAC,WAAuD;AAC1E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM,6BAAM,MAAN;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,cAAY,EAAE;AAAA,QACd,UAAU,EAAE,EAAE;AAAA,QACd,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,MAAF,IAAO;AAAA,MACP,EAAE,YAAY,cAAc,EAAE;AAAA,IAAA,GAXjC;AAAA,EAYF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAnCsB;AAuCf,MAAM,MAAM,QAAQ,MAAM;AACjC,IAAI,cAAc;"}

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/hooks";
-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":["../src/IconButton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconButton as MuiIconButton, type IconButtonProps as MuiIconButtonProps } 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\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            onClick: () => void;\r\n            icon: React.ReactNode;\r\n            color?: MuiIconButtonProps['color'];\r\n            size?: MuiIconButtonProps['size'];\r\n            edge?: MuiIconButtonProps['edge'];\r\n            loading?: boolean;\r\n            'aria-label'?: string;\r\n            sx?: MuiIconButtonProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useIconButton = (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: 'IconButton',\r\n        props: {\r\n            onClick: () => {},\r\n            icon: null,\r\n            color: 'default',\r\n            size: 'medium',\r\n            edge: false,\r\n            loading: false,\r\n            'aria-label': undefined,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiIconButton\r\n                onClick={m.onClick}\r\n                color={m.color}\r\n                size={m.size}\r\n                edge={m.edge}\r\n                loading={m.loading}\r\n                disabled={m.$.isDisabled}\r\n                aria-label={m['aria-label']}\r\n                sx={m.sx}\r\n            >\r\n                {m.icon}\r\n            </MuiIconButton>\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 IconButtonStruct = Struct;\r\n\r\nexport const IconButton = toReact(useIconButton);\r\nIconButton.displayName = 'IconButton';\r\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/hooks";
-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":["../src/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    LinearProgress as MuiLinearProgress,\r\n    type LinearProgressProps as MuiLinearProgressProps,\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\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            variant?: MuiLinearProgressProps['variant'];\r\n            value?: number;\r\n            valueBuffer?: number;\r\n            color?: MuiLinearProgressProps['color'];\r\n            sx?: MuiLinearProgressProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useLinearProgress = (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: 'LinearProgress',\r\n        props: {\r\n            variant: 'indeterminate',\r\n            value: undefined,\r\n            valueBuffer: undefined,\r\n            color: 'primary',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiLinearProgress\r\n                variant={m.variant}\r\n                value={m.value}\r\n                valueBuffer={m.valueBuffer}\r\n                color={m.color}\r\n                sx={m.sx}\r\n            />\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 LinearProgressStruct = Struct;\r\n\r\nexport const LinearProgress = toReact(useLinearProgress);\r\nLinearProgress.displayName = 'LinearProgress';\r\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/hooks";
-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":["../src/List.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    List as MuiList,\r\n    ListItem,\r\n    ListItemButton,\r\n    ListItemIcon,\r\n    ListItemText,\r\n    Divider,\r\n    type ListProps as MuiListProps,\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 ListItemDef = {\r\n    primary: React.ReactNode;\r\n    secondary?: React.ReactNode;\r\n    icon?: React.FC;\r\n    onClick?: () => void;\r\n    divider?: boolean;\r\n    disabled?: boolean;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            items: ListItemDef[];\r\n            dense?: boolean;\r\n            disablePadding?: boolean;\r\n            sx?: MuiListProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useList = (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: 'List',\r\n        props: {\r\n            items: [],\r\n            dense: false,\r\n            disablePadding: false,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiList dense={m.dense} disablePadding={m.disablePadding} sx={m.sx}>\r\n                {m.items.map((item, i) =>\r\n                    item.divider ? (\r\n                        <Divider key={i} component=\"li\" />\r\n                    ) : item.onClick ? (\r\n                        <ListItem key={i} disablePadding>\r\n                            <ListItemButton onClick={item.onClick} disabled={item.disabled}>\r\n                                {item.icon && (\r\n                                    <ListItemIcon>\r\n                                        <item.icon />\r\n                                    </ListItemIcon>\r\n                                )}\r\n                                <ListItemText primary={item.primary} secondary={item.secondary} />\r\n                            </ListItemButton>\r\n                        </ListItem>\r\n                    ) : (\r\n                        <ListItem key={i}>\r\n                            {item.icon && (\r\n                                <ListItemIcon>\r\n                                    <item.icon />\r\n                                </ListItemIcon>\r\n                            )}\r\n                            <ListItemText primary={item.primary} secondary={item.secondary} />\r\n                        </ListItem>\r\n                    ),\r\n                )}\r\n            </MuiList>\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 ListStruct = Struct;\r\n\r\nexport const List = toReact(useList);\r\nList.displayName = 'List';\r\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/hooks";
-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":["../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/hooks";
-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":["../src/Pagination.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Pagination as MuiPagination, type PaginationProps as MuiPaginationProps } 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\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            count: number;\r\n            page: number;\r\n            onChange: (page: number) => void;\r\n            size?: MuiPaginationProps['size'];\r\n            color?: MuiPaginationProps['color'];\r\n            shape?: MuiPaginationProps['shape'];\r\n            variant?: MuiPaginationProps['variant'];\r\n            sx?: MuiPaginationProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const usePagination = (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: 'Pagination',\r\n        props: {\r\n            count: 1,\r\n            page: 1,\r\n            onChange: () => {},\r\n            size: 'medium',\r\n            color: 'standard',\r\n            shape: 'circular',\r\n            variant: 'text',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiPagination\r\n                count={m.count}\r\n                page={m.page}\r\n                onChange={(_, page) => m.onChange(page)}\r\n                size={m.size}\r\n                color={m.color}\r\n                shape={m.shape}\r\n                variant={m.variant}\r\n                disabled={m.$.isDisabled}\r\n                sx={m.sx}\r\n            />\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 PaginationStruct = Struct;\r\n\r\nexport const Pagination = toReact(usePagination);\r\nPagination.displayName = 'Pagination';\r\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;"}