@actdim/dynstruct-mui 0.9.1 → 0.9.2

package/dist/Switch.es.js

@@ -1,47 +1,54 @@
-import r from "react";
-import { Switch as a, FormControl as n, FormControlLabel as i, FormHelperText as s } from "@mui/material";
-import { toReact as m, useComponent as h } from "@actdim/dynstruct/componentModel/react/hooks";
-const d = (l) => {
-  let o, e;
-  return o = h({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Switch as Switch$1, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useSwitch = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Switch",
     props: {
-      checked: !1,
-      onChange: () => {
-      },
+      checked: false,
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       label: void 0,
       helperText: void 0,
-      error: !1,
+      error: false,
       color: "primary",
       size: "medium",
       sx: void 0
     },
-    view: () => {
-      const t = /* @__PURE__ */ r.createElement(
-        a,
+    view: /* @__PURE__ */ __name(() => {
+      const sw = /* @__PURE__ */ React.createElement(
+        Switch$1,
         {
-          checked: e.checked,
-          onChange: (c) => e.onChange(c.target.checked),
-          color: e.color,
-          size: e.size
+          checked: m.checked,
+          onChange: /* @__PURE__ */ __name((e) => m.onChange(e.target.checked), "onChange"),
+          color: m.color,
+          size: m.size
         }
       );
-      return /* @__PURE__ */ r.createElement(
-        n,
+      return /* @__PURE__ */ React.createElement(
+        FormControl,
         {
-          error: e.error,
-          disabled: e.$.isDisabled,
-          sx: e.sx
+          error: m.error,
+          disabled: m.$.isDisabled,
+          sx: m.sx
         },
-        e.label != null ? /* @__PURE__ */ r.createElement(i, { control: t, label: e.label }) : t,
-        e.helperText && /* @__PURE__ */ r.createElement(s, null, e.helperText)
+        m.label != null ? /* @__PURE__ */ React.createElement(FormControlLabel, { control: sw, label: m.label }) : sw,
+        m.helperText && /* @__PURE__ */ React.createElement(FormHelperText, null, m.helperText)
       );
-    }
-  }, l), e = o.model, o;
-}, p = m(d);
-p.displayName = "Switch";
+    }, "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useSwitch");
+const Switch = toReact(useSwitch);
+Switch.displayName = "Switch";
 export {
-  p as Switch,
-  d as useSwitch
+  Switch,
+  useSwitch
 };
 //# sourceMappingURL=Switch.es.js.map

package/dist/Switch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Switch.tsx"],"sourcesContent":null,"names":["useSwitch","params","c","m","useComponent","sw","React","MuiSwitch","e","FormControl","FormControlLabel","FormHelperText","Switch","toReact"],"mappings":";;;AAmCO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAwCJ,SAAAD,IAAIE,EAtC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MAAM;AACR,YAAMC,IACF,gBAAAC,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,SAASJ,EAAE;AAAA,UACX,UAAU,CAACK,MAAML,EAAE,SAASK,EAAE,OAAO,OAAO;AAAA,UAC5C,OAAOL,EAAE;AAAA,UACT,MAAMA,EAAE;AAAA,QAAA;AAAA,MAAA;AAGhB,aACI,gBAAAG,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAON,EAAE;AAAA,UACT,UAAUA,EAAE,EAAE;AAAA,UACd,IAAIA,EAAE;AAAA,QAAA;AAAA,QAELA,EAAE,SAAS,OACR,gBAAAG,EAAA,cAACI,GAAA,EAAiB,SAASL,GAAI,OAAOF,EAAE,MAAA,CAAO,IAE/CE;AAAA,QAEHF,EAAE,cAAc,gBAAAG,EAAA,cAACK,GAAA,MAAgBR,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D;AAAA,EAAA,GAGkBF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaU,IAASC,EAAQb,CAAS;AACvCY,EAAO,cAAc;"}
+{"version":3,"file":"Switch.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Switch as MuiSwitch,\n    FormControl,\n    FormControlLabel,\n    FormHelperText,\n    type SwitchProps as MuiSwitchProps,\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\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            checked: boolean;\n            onChange: (checked: boolean) => void;\n            label?: string;\n            helperText?: string;\n            error?: boolean;\n            color?: MuiSwitchProps['color'];\n            size?: MuiSwitchProps['size'];\n            sx?: MuiFormControlProps['sx'];\n        };\n    }\n>;\n\nexport const useSwitch = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Switch',\n        props: {\n            checked: false,\n            onChange: () => {},\n            label: undefined,\n            helperText: undefined,\n            error: false,\n            color: 'primary',\n            size: 'medium',\n            sx: undefined,\n        },\n        view: () => {\n            const sw = (\n                <MuiSwitch\n                    checked={m.checked}\n                    onChange={(e) => m.onChange(e.target.checked)}\n                    color={m.color}\n                    size={m.size}\n                />\n            );\n            return (\n                <FormControl\n                    error={m.error}\n                    disabled={m.$.isDisabled}\n                    sx={m.sx}\n                >\n                    {m.label != null ? (\n                        <FormControlLabel control={sw} label={m.label} />\n                    ) : (\n                        sw\n                    )}\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 SwitchStruct = Struct;\n\nexport const Switch = toReact(useSwitch);\nSwitch.displayName = 'Switch';\n"],"names":["MuiSwitch"],"mappings":";;;;;AAmCO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,KACF,sBAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG,SAAS,EAAE;AAAA,UACX,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,OAAO,GAAlC;AAAA,UACV,OAAO,EAAE;AAAA,UACT,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA;AAGhB,aACI,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,EAAE;AAAA,UACT,UAAU,EAAE,EAAE;AAAA,UACd,IAAI,EAAE;AAAA,QAAA;AAAA,QAEL,EAAE,SAAS,OACR,sBAAA,cAAC,kBAAA,EAAiB,SAAS,IAAI,OAAO,EAAE,MAAA,CAAO,IAE/C;AAAA,QAEH,EAAE,cAAc,sBAAA,cAAC,gBAAA,MAAgB,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D,GAvBM;AAAA,EAuBN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA7CyB;AAiDlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Table.es.js

@@ -1,31 +1,38 @@
-import e from "react";
-import { TableContainer as o, Paper as d, Table as c, TableHead as p, TableRow as m, TableCell as i, TableBody as b } from "@mui/material";
-import { toReact as T, useComponent as u } from "@actdim/dynstruct/componentModel/react/hooks";
-const y = (r) => {
-  let l, t;
-  return l = u({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { TableContainer, Paper, Table as Table$1, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useTable = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Table",
     props: {
       columns: [],
       rows: [],
-      stickyHeader: !1,
+      stickyHeader: false,
       size: "medium",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ e.createElement(o, { component: d, sx: t.sx }, /* @__PURE__ */ e.createElement(c, { stickyHeader: t.stickyHeader, size: t.size }, /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(m, null, t.columns.map((a) => /* @__PURE__ */ e.createElement(
-      i,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(TableContainer, { component: Paper, sx: m.sx }, /* @__PURE__ */ React.createElement(Table$1, { stickyHeader: m.stickyHeader, size: m.size }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, m.columns.map((col) => /* @__PURE__ */ React.createElement(
+      TableCell,
       {
-        key: a.id,
-        align: a.align,
-        style: a.minWidth ? { minWidth: a.minWidth } : void 0
+        key: col.id,
+        align: col.align,
+        style: col.minWidth ? { minWidth: col.minWidth } : void 0
       },
-      a.label
-    )))), /* @__PURE__ */ e.createElement(b, null, t.rows.map((a, s) => /* @__PURE__ */ e.createElement(m, { key: s, hover: !0 }, t.columns.map((n) => /* @__PURE__ */ e.createElement(i, { key: n.id, align: n.align }, a[n.id])))))))
-  }, r), t = l.model, l;
-}, E = T(y);
-E.displayName = "Table";
+      col.label
+    )))), /* @__PURE__ */ React.createElement(TableBody, null, m.rows.map((row, i) => /* @__PURE__ */ React.createElement(TableRow, { key: i, hover: true }, m.columns.map((col) => /* @__PURE__ */ React.createElement(TableCell, { key: col.id, align: col.align }, row[col.id]))))))), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useTable");
+const Table = toReact(useTable);
+Table.displayName = "Table";
 export {
-  E as Table,
-  y as useTable
+  Table,
+  useTable
 };
 //# sourceMappingURL=Table.es.js.map

package/dist/Table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Table.tsx"],"sourcesContent":null,"names":["useTable","params","c","m","useComponent","React","TableContainer","Paper","MuiTable","TableHead","TableRow","col","TableCell","TableBody","row","i","Table","toReact"],"mappings":";;;AA2CO,MAAMA,IAAW,CAACC,MAAuD;AAC5E,MAAIC,GACAC;AA2CJ,SAAAD,IAAIE,EAzC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,CAAA;AAAA,MACT,MAAM,CAAA;AAAA,MACN,cAAc;AAAA,MACd,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAe,WAAWC,GAAO,IAAIJ,EAAE,GAAA,GACpC,gBAAAE,EAAA,cAACG,GAAA,EAAS,cAAcL,EAAE,cAAc,MAAMA,EAAE,KAAA,GAC5C,gBAAAE,EAAA,cAACI,GAAA,MACG,gBAAAJ,EAAA,cAACK,GAAA,MACIP,EAAE,QAAQ,IAAI,CAACQ,MACZ,gBAAAN,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,KAAKD,EAAI;AAAA,QACT,OAAOA,EAAI;AAAA,QACX,OAAOA,EAAI,WAAW,EAAE,UAAUA,EAAI,aAAa;AAAA,MAAA;AAAA,MAElDA,EAAI;AAAA,IAAA,CAEZ,CACL,CACJ,GACA,gBAAAN,EAAA,cAACQ,GAAA,MACIV,EAAE,KAAK,IAAI,CAACW,GAAKC,MACd,gBAAAV,EAAA,cAACK,GAAA,EAAS,KAAKK,GAAG,OAAK,MAClBZ,EAAE,QAAQ,IAAI,CAACQ,MACZ,gBAAAN,EAAA,cAACO,GAAA,EAAU,KAAKD,EAAI,IAAI,OAAOA,EAAI,MAAA,GAC9BG,EAAIH,EAAI,EAAE,CACf,CACH,CACL,CACH,CACL,CACJ,CACJ;AAAA,EAAA,GAIcV,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIac,IAAQC,EAAQjB,CAAQ;AACrCgB,EAAM,cAAc;"}
+{"version":3,"file":"Table.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Table.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    TableContainer,\n    Table as MuiTable,\n    TableHead,\n    TableBody,\n    TableRow,\n    TableCell,\n    Paper,\n    type TableProps as MuiTableProps,\n    type TableContainerProps as MuiTableContainerProps,\n    type TableCellProps as MuiTableCellProps,\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 TableColumn = {\n    id: string;\n    label: string;\n    align?: MuiTableCellProps['align'];\n    minWidth?: number;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            columns: TableColumn[];\n            rows: Record<string, React.ReactNode>[];\n            stickyHeader?: boolean;\n            size?: MuiTableProps['size'];\n            sx?: MuiTableContainerProps['sx'];\n        };\n    }\n>;\n\nexport const useTable = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Table',\n        props: {\n            columns: [],\n            rows: [],\n            stickyHeader: false,\n            size: 'medium',\n            sx: undefined,\n        },\n        view: () => (\n            <TableContainer component={Paper} sx={m.sx}>\n                <MuiTable stickyHeader={m.stickyHeader} size={m.size}>\n                    <TableHead>\n                        <TableRow>\n                            {m.columns.map((col) => (\n                                <TableCell\n                                    key={col.id}\n                                    align={col.align}\n                                    style={col.minWidth ? { minWidth: col.minWidth } : undefined}\n                                >\n                                    {col.label}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    </TableHead>\n                    <TableBody>\n                        {m.rows.map((row, i) => (\n                            <TableRow key={i} hover>\n                                {m.columns.map((col) => (\n                                    <TableCell key={col.id} align={col.align}>\n                                        {row[col.id]}\n                                    </TableCell>\n                                ))}\n                            </TableRow>\n                        ))}\n                    </TableBody>\n                </MuiTable>\n            </TableContainer>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TableStruct = Struct;\n\nexport const Table = toReact(useTable);\nTable.displayName = 'Table';\n"],"names":["MuiTable"],"mappings":";;;;;AA2CO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,CAAA;AAAA,MACT,MAAM,CAAA;AAAA,MACN,cAAc;AAAA,MACd,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAAC,gBAAA,EAAe,WAAW,OAAO,IAAI,EAAE,GAAA,GACpC,sBAAA,cAACA,SAAA,EAAS,cAAc,EAAE,cAAc,MAAM,EAAE,KAAA,GAC5C,sBAAA,cAAC,WAAA,MACG,sBAAA,cAAC,UAAA,MACI,EAAE,QAAQ,IAAI,CAAC,QACZ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK,IAAI;AAAA,QACT,OAAO,IAAI;AAAA,QACX,OAAO,IAAI,WAAW,EAAE,UAAU,IAAI,aAAa;AAAA,MAAA;AAAA,MAElD,IAAI;AAAA,IAAA,CAEZ,CACL,CACJ,GACA,sBAAA,cAAC,WAAA,MACI,EAAE,KAAK,IAAI,CAAC,KAAK,MACd,sBAAA,cAAC,UAAA,EAAS,KAAK,GAAG,OAAK,QAClB,EAAE,QAAQ,IAAI,CAAC,QACZ,sBAAA,cAAC,WAAA,EAAU,KAAK,IAAI,IAAI,OAAO,IAAI,MAAA,GAC9B,IAAI,IAAI,EAAE,CACf,CACH,CACL,CACH,CACL,CACJ,CACJ,GA5BE;AAAA,EA4BF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAhDwB;AAoDjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}

package/dist/Tabs.es.js

@@ -1,44 +1,51 @@
-import l from "react";
-import { Box as t, Tabs as o, Tab as i } from "@mui/material";
-import { toReact as v, useComponent as d } from "@actdim/dynstruct/componentModel/react/hooks";
-const m = (s) => {
-  let n, a;
-  return n = d({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Box, Tabs as Tabs$1, Tab } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useTabs = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Tabs",
     props: {
       value: "",
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       tabs: [],
       orientation: "horizontal",
       variant: "standard",
       sx: void 0
     },
-    view: () => a.orientation === "vertical" ? /* @__PURE__ */ l.createElement(t, { sx: { display: "flex" } }, /* @__PURE__ */ l.createElement(t, { sx: { borderRight: 1, borderColor: "divider" } }, /* @__PURE__ */ l.createElement(
-      o,
+    view: /* @__PURE__ */ __name(() => m.orientation === "vertical" ? /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex" } }, /* @__PURE__ */ React.createElement(Box, { sx: { borderRight: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
+      Tabs$1,
       {
-        value: a.value,
-        onChange: (e, r) => a.onChange(r),
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((_, v) => m.onChange(v), "onChange"),
         orientation: "vertical",
-        variant: a.variant,
-        sx: a.sx
+        variant: m.variant,
+        sx: m.sx
       },
-      a.tabs.map((e) => /* @__PURE__ */ l.createElement(i, { key: e.value, value: e.value, label: e.label, disabled: e.disabled }))
-    )), /* @__PURE__ */ l.createElement(t, { sx: { flex: 1 } }, a.tabs.map((e) => /* @__PURE__ */ l.createElement("div", { key: e.value, role: "tabpanel", hidden: a.value !== e.value }, a.value === e.value && e.content && /* @__PURE__ */ l.createElement(e.content, null))))) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(t, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ l.createElement(
-      o,
+      m.tabs.map((tab) => /* @__PURE__ */ React.createElement(Tab, { key: tab.value, value: tab.value, label: tab.label, disabled: tab.disabled }))
+    )), /* @__PURE__ */ React.createElement(Box, { sx: { flex: 1 } }, m.tabs.map((tab) => /* @__PURE__ */ React.createElement("div", { key: tab.value, role: "tabpanel", hidden: m.value !== tab.value }, m.value === tab.value && tab.content && /* @__PURE__ */ React.createElement(tab.content, null))))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
+      Tabs$1,
       {
-        value: a.value,
-        onChange: (e, r) => a.onChange(r),
-        variant: a.variant,
-        sx: a.sx
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((_, v) => m.onChange(v), "onChange"),
+        variant: m.variant,
+        sx: m.sx
       },
-      a.tabs.map((e) => /* @__PURE__ */ l.createElement(i, { key: e.value, value: e.value, label: e.label, disabled: e.disabled }))
-    )), a.tabs.map((e) => /* @__PURE__ */ l.createElement("div", { key: e.value, role: "tabpanel", hidden: a.value !== e.value }, a.value === e.value && e.content && /* @__PURE__ */ l.createElement(e.content, null))))
-  }, s), a = n.model, n;
-}, u = v(m);
-u.displayName = "Tabs";
+      m.tabs.map((tab) => /* @__PURE__ */ React.createElement(Tab, { key: tab.value, value: tab.value, label: tab.label, disabled: tab.disabled }))
+    )), m.tabs.map((tab) => /* @__PURE__ */ React.createElement("div", { key: tab.value, role: "tabpanel", hidden: m.value !== tab.value }, m.value === tab.value && tab.content && /* @__PURE__ */ React.createElement(tab.content, null)))), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useTabs");
+const Tabs = toReact(useTabs);
+Tabs.displayName = "Tabs";
 export {
-  u as Tabs,
-  m as useTabs
+  Tabs,
+  useTabs
 };
 //# sourceMappingURL=Tabs.es.js.map

package/dist/Tabs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Tabs.tsx"],"sourcesContent":null,"names":["useTabs","params","c","m","useComponent","React","Box","MuiTabs","_","v","tab","MuiTab","Tabs","toReact"],"mappings":";;;AAiCO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AA2DJ,SAAAD,IAAIE,EAzD8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,MAAM,CAAA;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACFD,EAAE,gBAAgB,aACd,gBAAAE,EAAA,cAACC,GAAA,EAAI,IAAI,EAAE,SAAS,YAChB,gBAAAD,EAAA,cAACC,KAAI,IAAI,EAAE,aAAa,GAAG,aAAa,YAAU,GAC9C,gBAAAD,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,OAAOJ,EAAE;AAAA,QACT,UAAU,CAACK,GAAGC,MAAcN,EAAE,SAASM,CAAC;AAAA,QACxC,aAAY;AAAA,QACZ,SAASN,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,KAAK,IAAI,CAACO,MACT,gBAAAL,EAAA,cAACM,KAAO,KAAKD,EAAI,OAAO,OAAOA,EAAI,OAAO,OAAOA,EAAI,OAAO,UAAUA,EAAI,UAAU,CACvF;AAAA,IAAA,CAET,GACA,gBAAAL,EAAA,cAACC,GAAA,EAAI,IAAI,EAAE,MAAM,EAAA,EAAE,GACdH,EAAE,KAAK,IAAI,CAACO,MACT,gBAAAL,EAAA,cAAC,OAAA,EAAI,KAAKK,EAAI,OAAO,MAAK,YAAW,QAAQP,EAAE,UAAUO,EAAI,SACxDP,EAAE,UAAUO,EAAI,SAASA,EAAI,WAAW,gBAAAL,EAAA,cAACK,EAAI,SAAJ,IAAY,CAC1D,CACH,CACL,CACJ,IAEA,gBAAAL,EAAA,cAAAA,EAAA,UAAA,MACI,gBAAAA,EAAA,cAACC,GAAA,EAAI,IAAI,EAAE,cAAc,GAAG,aAAa,UAAA,EAAU,GAC/C,gBAAAD,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,OAAOJ,EAAE;AAAA,QACT,UAAU,CAACK,GAAGC,MAAcN,EAAE,SAASM,CAAC;AAAA,QACxC,SAASN,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,KAAK,IAAI,CAACO,MACT,gBAAAL,EAAA,cAACM,KAAO,KAAKD,EAAI,OAAO,OAAOA,EAAI,OAAO,OAAOA,EAAI,OAAO,UAAUA,EAAI,UAAU,CACvF;AAAA,IAAA,CAET,GACCP,EAAE,KAAK,IAAI,CAACO,MACT,gBAAAL,EAAA,cAAC,OAAA,EAAI,KAAKK,EAAI,OAAO,MAAK,YAAW,QAAQP,EAAE,UAAUO,EAAI,MAAA,GACxDP,EAAE,UAAUO,EAAI,SAASA,EAAI,WAAW,gBAAAL,EAAA,cAACK,EAAI,SAAJ,IAAY,CAC1D,CACH,CACL;AAAA,EAAA,GAIUT,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaU,IAAOC,EAAQb,CAAO;AACnCY,EAAK,cAAc;"}
+{"version":3,"file":"Tabs.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, type TabsProps as MuiTabsProps } 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 TabItem = {\n    value: string;\n    label: string;\n    content?: React.FC;\n    disabled?: boolean;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string;\n            onChange: (value: string) => void;\n            tabs: TabItem[];\n            orientation?: MuiTabsProps['orientation'];\n            variant?: MuiTabsProps['variant'];\n            sx?: MuiTabsProps['sx'];\n        };\n    }\n>;\n\nexport const useTabs = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Tabs',\n        props: {\n            value: '',\n            onChange: () => {},\n            tabs: [],\n            orientation: 'horizontal',\n            variant: 'standard',\n            sx: undefined,\n        },\n        view: () =>\n            m.orientation === 'vertical' ? (\n                <Box sx={{ display: 'flex' }}>\n                    <Box sx={{ borderRight: 1, borderColor: 'divider' }}>\n                        <MuiTabs\n                            value={m.value}\n                            onChange={(_, v: string) => m.onChange(v)}\n                            orientation=\"vertical\"\n                            variant={m.variant}\n                            sx={m.sx}\n                        >\n                            {m.tabs.map((tab) => (\n                                <MuiTab key={tab.value} value={tab.value} label={tab.label} disabled={tab.disabled} />\n                            ))}\n                        </MuiTabs>\n                    </Box>\n                    <Box sx={{ flex: 1 }}>\n                        {m.tabs.map((tab) => (\n                            <div key={tab.value} role=\"tabpanel\" hidden={m.value !== tab.value}>\n                                {m.value === tab.value && tab.content && <tab.content />}\n                            </div>\n                        ))}\n                    </Box>\n                </Box>\n            ) : (\n                <>\n                    <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n                        <MuiTabs\n                            value={m.value}\n                            onChange={(_, v: string) => m.onChange(v)}\n                            variant={m.variant}\n                            sx={m.sx}\n                        >\n                            {m.tabs.map((tab) => (\n                                <MuiTab key={tab.value} value={tab.value} label={tab.label} disabled={tab.disabled} />\n                            ))}\n                        </MuiTabs>\n                    </Box>\n                    {m.tabs.map((tab) => (\n                        <div key={tab.value} role=\"tabpanel\" hidden={m.value !== tab.value}>\n                            {m.value === tab.value && tab.content && <tab.content />}\n                        </div>\n                    ))}\n                </>\n            ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TabsStruct = Struct;\n\nexport const Tabs = toReact(useTabs);\nTabs.displayName = 'Tabs';\n"],"names":["MuiTabs","MuiTab"],"mappings":";;;;;AAiCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,MAAM,CAAA;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,EAAE,gBAAgB,aACd,sBAAA,cAAC,KAAA,EAAI,IAAI,EAAE,SAAS,YAChB,sBAAA,cAAC,OAAI,IAAI,EAAE,aAAa,GAAG,aAAa,YAAU,GAC9C,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,MAAc,EAAE,SAAS,CAAC,GAA9B;AAAA,QACV,aAAY;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAACC,OAAO,KAAK,IAAI,OAAO,OAAO,IAAI,OAAO,OAAO,IAAI,OAAO,UAAU,IAAI,UAAU,CACvF;AAAA,IAAA,CAET,GACA,sBAAA,cAAC,KAAA,EAAI,IAAI,EAAE,MAAM,EAAA,EAAE,GACd,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAAC,OAAA,EAAI,KAAK,IAAI,OAAO,MAAK,YAAW,QAAQ,EAAE,UAAU,IAAI,SACxD,EAAE,UAAU,IAAI,SAAS,IAAI,WAAW,sBAAA,cAAC,IAAI,SAAJ,IAAY,CAC1D,CACH,CACL,CACJ,IAEA,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,KAAA,EAAI,IAAI,EAAE,cAAc,GAAG,aAAa,UAAA,EAAU,GAC/C,sBAAA;AAAA,MAACD;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,MAAc,EAAE,SAAS,CAAC,GAA9B;AAAA,QACV,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAACC,OAAO,KAAK,IAAI,OAAO,OAAO,IAAI,OAAO,OAAO,IAAI,OAAO,UAAU,IAAI,UAAU,CACvF;AAAA,IAAA,CAET,GACC,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAAC,OAAA,EAAI,KAAK,IAAI,OAAO,MAAK,YAAW,QAAQ,EAAE,UAAU,IAAI,MAAA,GACxD,EAAE,UAAU,IAAI,SAAS,IAAI,WAAW,sBAAA,cAAC,IAAI,SAAJ,IAAY,CAC1D,CACH,CACL,GA3CF;AAAA,EA2CE;AAIZ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAhEuB;AAoEhB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}

package/dist/TextField.es.js

@@ -1,53 +1,60 @@
-import r from "react";
-import { TextField as i } from "@mui/material";
-import { toReact as a, useComponent as d } from "@actdim/dynstruct/componentModel/react/hooks";
-const s = (t) => {
-  let l, e;
-  return l = d({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { TextField as TextField$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useTextField = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "TextField",
     props: {
       value: "",
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       label: void 0,
       placeholder: void 0,
       helperText: void 0,
-      error: !1,
+      error: false,
       type: "text",
-      multiline: !1,
+      multiline: false,
       rows: void 0,
-      fullWidth: !1,
+      fullWidth: false,
       variant: "outlined",
       size: "medium",
       color: "primary",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ r.createElement(
-      i,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      TextField$1,
       {
-        value: e.value,
-        onChange: (o) => e.onChange(o.target.value),
-        label: e.label,
-        placeholder: e.placeholder,
-        helperText: e.helperText,
-        error: e.error,
-        type: e.type,
-        multiline: e.multiline,
-        rows: e.rows,
-        fullWidth: e.fullWidth,
-        variant: e.variant,
-        size: e.size,
-        color: e.color,
-        disabled: e.$.isDisabled,
-        slotProps: { input: { readOnly: e.$.isReadOnly } },
-        sx: e.sx
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((e) => m.onChange(e.target.value), "onChange"),
+        label: m.label,
+        placeholder: m.placeholder,
+        helperText: m.helperText,
+        error: m.error,
+        type: m.type,
+        multiline: m.multiline,
+        rows: m.rows,
+        fullWidth: m.fullWidth,
+        variant: m.variant,
+        size: m.size,
+        color: m.color,
+        disabled: m.$.isDisabled,
+        slotProps: { input: { readOnly: m.$.isReadOnly } },
+        sx: m.sx
       }
-    )
-  }, t), e = l.model, l;
-}, n = a(s);
-n.displayName = "TextField";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useTextField");
+const TextField = toReact(useTextField);
+TextField.displayName = "TextField";
 export {
-  n as TextField,
-  s as useTextField
+  TextField,
+  useTextField
 };
 //# sourceMappingURL=TextField.es.js.map

package/dist/TextField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/TextField.tsx"],"sourcesContent":null,"names":["useTextField","params","c","m","useComponent","React","MuiTextField","e","TextField","toReact"],"mappings":";;;AAkCO,MAAMA,IAAe,CAACC,MAAuD;AAChF,MAAIC,GACAC;AA0CJ,SAAAD,IAAIE,EAxC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,UAAU,CAACI,MAAMJ,EAAE,SAASI,EAAE,OAAO,KAAK;AAAA,QAC1C,OAAOJ,EAAE;AAAA,QACT,aAAaA,EAAE;AAAA,QACf,YAAYA,EAAE;AAAA,QACd,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,WAAWA,EAAE;AAAA,QACb,MAAMA,EAAE;AAAA,QACR,WAAWA,EAAE;AAAA,QACb,SAASA,EAAE;AAAA,QACX,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,QACT,UAAUA,EAAE,EAAE;AAAA,QACd,WAAW,EAAE,OAAO,EAAE,UAAUA,EAAE,EAAE,aAAW;AAAA,QAC/C,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaM,IAAYC,EAAQT,CAAY;AAC7CQ,EAAU,cAAc;"}
+{"version":3,"file":"TextField.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/TextField.tsx"],"sourcesContent":["import React from 'react';\nimport { TextField as MuiTextField, type TextFieldProps as MuiTextFieldProps } 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: string;\n            onChange: (value: string) => void;\n            label?: string;\n            placeholder?: string;\n            helperText?: string;\n            error?: boolean;\n            type?: string;\n            multiline?: boolean;\n            rows?: number;\n            fullWidth?: boolean;\n            variant?: MuiTextFieldProps['variant'];\n            size?: MuiTextFieldProps['size'];\n            color?: MuiTextFieldProps['color'];\n            sx?: MuiTextFieldProps['sx'];\n        };\n    }\n>;\n\nexport const useTextField = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'TextField',\n        props: {\n            value: '',\n            onChange: () => {},\n            label: undefined,\n            placeholder: undefined,\n            helperText: undefined,\n            error: false,\n            type: 'text',\n            multiline: false,\n            rows: undefined,\n            fullWidth: false,\n            variant: 'outlined',\n            size: 'medium',\n            color: 'primary',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiTextField\n                value={m.value}\n                onChange={(e) => m.onChange(e.target.value)}\n                label={m.label}\n                placeholder={m.placeholder}\n                helperText={m.helperText}\n                error={m.error}\n                type={m.type}\n                multiline={m.multiline}\n                rows={m.rows}\n                fullWidth={m.fullWidth}\n                variant={m.variant}\n                size={m.size}\n                color={m.color}\n                disabled={m.$.isDisabled}\n                slotProps={{ input: { readOnly: m.$.isReadOnly } }}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TextFieldStruct = Struct;\n\nexport const TextField = toReact(useTextField);\nTextField.displayName = 'TextField';\n"],"names":["MuiTextField"],"mappings":";;;;;AAkCO,MAAM,eAAe,wBAAC,WAAuD;AAChF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,GAAhC;AAAA,QACV,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,YAAY,EAAE;AAAA,QACd,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,SAAS,EAAE;AAAA,QACX,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,UAAU,EAAE,EAAE;AAAA,QACd,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,aAAW;AAAA,QAC/C,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAjBR;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA/C4B;AAmDrB,MAAM,YAAY,QAAQ,YAAY;AAC7C,UAAU,cAAc;"}

package/dist/ToggleButtonGroup.es.js

@@ -1,44 +1,51 @@
-import t from "react";
-import { ToggleButtonGroup as u, ToggleButton as i } from "@mui/material";
-import { toReact as r, useComponent as s } from "@actdim/dynstruct/componentModel/react/hooks";
-const d = (a) => {
-  let l, e;
-  return l = s({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { ToggleButtonGroup as ToggleButtonGroup$1, ToggleButton } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useToggleButtonGroup = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "ToggleButtonGroup",
     props: {
       value: [],
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       items: [],
-      exclusive: !1,
+      exclusive: false,
       size: "medium",
       color: "standard",
       orientation: "horizontal",
-      fullWidth: !1,
+      fullWidth: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(
-      u,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      ToggleButtonGroup$1,
       {
-        value: e.value,
-        onChange: (o, n) => {
-          n !== null && e.onChange(n);
-        },
-        exclusive: e.exclusive,
-        size: e.size,
-        color: e.color,
-        orientation: e.orientation,
-        fullWidth: e.fullWidth,
-        disabled: e.$.isDisabled,
-        sx: e.sx
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((_, newValue) => {
+          if (newValue !== null) m.onChange(newValue);
+        }, "onChange"),
+        exclusive: m.exclusive,
+        size: m.size,
+        color: m.color,
+        orientation: m.orientation,
+        fullWidth: m.fullWidth,
+        disabled: m.$.isDisabled,
+        sx: m.sx
       },
-      e.items.map((o) => /* @__PURE__ */ t.createElement(i, { key: o.value, value: o.value, disabled: o.disabled }, o.icon && /* @__PURE__ */ t.createElement(o.icon, null), o.label))
-    )
-  }, a), e = l.model, l;
-}, g = r(d);
-g.displayName = "ToggleButtonGroup";
+      m.items.map((item) => /* @__PURE__ */ React.createElement(ToggleButton, { key: item.value, value: item.value, disabled: item.disabled }, item.icon && /* @__PURE__ */ React.createElement(item.icon, null), item.label))
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useToggleButtonGroup");
+const ToggleButtonGroup = toReact(useToggleButtonGroup);
+ToggleButtonGroup.displayName = "ToggleButtonGroup";
 export {
-  g as ToggleButtonGroup,
-  d as useToggleButtonGroup
+  ToggleButtonGroup,
+  useToggleButtonGroup
 };
 //# sourceMappingURL=ToggleButtonGroup.es.js.map

package/dist/ToggleButtonGroup.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/ToggleButtonGroup.tsx"],"sourcesContent":null,"names":["useToggleButtonGroup","params","c","m","useComponent","React","MuiToggleButtonGroup","_","newValue","item","MuiToggleButton","ToggleButtonGroup","toReact"],"mappings":";;;AAwCO,MAAMA,IAAuB,CAACC,MAAuD;AACxF,MAAIC,GACAC;AAuCJ,SAAAD,IAAIE,EArC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,UAAU,CAACI,GAAGC,MAAa;AACvB,UAAIA,MAAa,QAAML,EAAE,SAASK,CAAQ;AAAA,QAC9C;AAAA,QACA,WAAWL,EAAE;AAAA,QACb,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,QACT,aAAaA,EAAE;AAAA,QACf,WAAWA,EAAE;AAAA,QACb,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,MAAM,IAAI,CAACM,sCACTC,GAAA,EAAgB,KAAKD,EAAK,OAAO,OAAOA,EAAK,OAAO,UAAUA,EAAK,YAC/DA,EAAK,QAAQ,gBAAAJ,EAAA,cAACI,EAAK,MAAL,IAAU,GACxBA,EAAK,KACV,CACH;AAAA,IAAA;AAAA,EACL,GAIcR,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaS,IAAoBC,EAAQZ,CAAoB;AAC7DW,EAAkB,cAAc;"}
+{"version":3,"file":"ToggleButtonGroup.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/ToggleButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    ToggleButtonGroup as MuiToggleButtonGroup,\n    ToggleButton as MuiToggleButton,\n    type ToggleButtonGroupProps as MuiToggleButtonGroupProps,\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 ToggleItem = {\n    value: string;\n    label?: React.ReactNode;\n    icon?: React.FC;\n    disabled?: boolean;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string | string[];\n            onChange: (value: string | string[]) => void;\n            items: ToggleItem[];\n            exclusive?: boolean;\n            size?: MuiToggleButtonGroupProps['size'];\n            color?: MuiToggleButtonGroupProps['color'];\n            orientation?: MuiToggleButtonGroupProps['orientation'];\n            fullWidth?: boolean;\n            sx?: MuiToggleButtonGroupProps['sx'];\n        };\n    }\n>;\n\nexport const useToggleButtonGroup = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'ToggleButtonGroup',\n        props: {\n            value: [],\n            onChange: () => {},\n            items: [],\n            exclusive: false,\n            size: 'medium',\n            color: 'standard',\n            orientation: 'horizontal',\n            fullWidth: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiToggleButtonGroup\n                value={m.value}\n                onChange={(_, newValue) => {\n                    if (newValue !== null) m.onChange(newValue);\n                }}\n                exclusive={m.exclusive}\n                size={m.size}\n                color={m.color}\n                orientation={m.orientation}\n                fullWidth={m.fullWidth}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            >\n                {m.items.map((item) => (\n                    <MuiToggleButton key={item.value} value={item.value} disabled={item.disabled}>\n                        {item.icon && <item.icon />}\n                        {item.label}\n                    </MuiToggleButton>\n                ))}\n            </MuiToggleButtonGroup>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type ToggleButtonGroupStruct = Struct;\n\nexport const ToggleButtonGroup = toReact(useToggleButtonGroup);\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\n"],"names":["MuiToggleButtonGroup","MuiToggleButton"],"mappings":";;;;;AAwCO,MAAM,uBAAuB,wBAAC,WAAuD;AACxF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa;AACvB,cAAI,aAAa,KAAM,GAAE,SAAS,QAAQ;AAAA,QAC9C,GAFU;AAAA,QAGV,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,WAAW,EAAE;AAAA,QACb,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM,IAAI,CAAC,6CACTC,cAAA,EAAgB,KAAK,KAAK,OAAO,OAAO,KAAK,OAAO,UAAU,KAAK,YAC/D,KAAK,QAAQ,sBAAA,cAAC,KAAK,MAAL,IAAU,GACxB,KAAK,KACV,CACH;AAAA,IAAA,GAnBH;AAAA,EAoBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5CoC;AAgD7B,MAAM,oBAAoB,QAAQ,oBAAoB;AAC7D,kBAAkB,cAAc;"}

package/dist/Tooltip.es.js

@@ -1,22 +1,29 @@
-import o from "react";
-import { Tooltip as r } from "@mui/material";
-import { toReact as p, useComponent as n } from "@actdim/dynstruct/componentModel/react/hooks";
-const m = (l) => {
-  let t, e;
-  return t = n({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Tooltip as Tooltip$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useTooltip = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Tooltip",
     props: {
       title: "",
-      children: () => null,
+      children: /* @__PURE__ */ __name(() => null, "children"),
       placement: "bottom",
-      arrow: !1
+      arrow: false
     },
-    view: () => /* @__PURE__ */ o.createElement(r, { title: e.title, placement: e.placement, arrow: e.arrow }, /* @__PURE__ */ o.createElement("span", null, /* @__PURE__ */ o.createElement(e.children, null)))
-  }, l), e = t.model, t;
-}, a = p(m);
-a.displayName = "Tooltip";
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(Tooltip$1, { title: m.title, placement: m.placement, arrow: m.arrow }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(m.children, null))), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useTooltip");
+const Tooltip = toReact(useTooltip);
+Tooltip.displayName = "Tooltip";
 export {
-  a as Tooltip,
-  m as useTooltip
+  Tooltip,
+  useTooltip
 };
 //# sourceMappingURL=Tooltip.es.js.map

package/dist/Tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Tooltip.tsx"],"sourcesContent":null,"names":["useTooltip","params","c","m","useComponent","React","MuiTooltip","Tooltip","toReact"],"mappings":";;;AAyBO,MAAMA,IAAa,CAACC,MAAuD;AAC9E,MAAIC,GACAC;AAmBJ,SAAAD,IAAIE,EAjB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAChB,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAEX,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAW,OAAOH,EAAE,OAAO,WAAWA,EAAE,WAAW,OAAOA,EAAE,MAAA,mCACxD,QAAA,MACG,gBAAAE,EAAA,cAACF,EAAE,UAAF,IAAW,CAChB,CACJ;AAAA,EAAA,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAUC,EAAQR,CAAU;AACzCO,EAAQ,cAAc;"}
+{"version":3,"file":"Tooltip.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip as MuiTooltip, type TooltipProps as MuiTooltipProps } 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';\nimport { KeyPath } from '@actdim/utico/typeCore';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            title: React.ReactNode;\n            children: React.FC;\n            placement?: MuiTooltipProps['placement'];\n            arrow?: boolean;\n        };\n    }\n>;\n\nexport const useTooltip = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Tooltip',\n        props: {\n            title: '',\n            children: () => null,\n            placement: 'bottom',\n            arrow: false,\n        },\n        view: () => (\n            <MuiTooltip title={m.title} placement={m.placement} arrow={m.arrow}>\n                <span>\n                    <m.children />\n                </span>\n            </MuiTooltip>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TooltipStruct = Struct;\n\nexport const Tooltip = toReact(useTooltip);\nTooltip.displayName = 'Tooltip';\n"],"names":["MuiTooltip"],"mappings":";;;;;AAyBO,MAAM,aAAa,wBAAC,WAAuD;AAC9E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM,MAAN;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,IAEX,MAAM,6BACF,sBAAA,cAACA,WAAA,EAAW,OAAO,EAAE,OAAO,WAAW,EAAE,WAAW,OAAO,EAAE,MAAA,uCACxD,QAAA,MACG,sBAAA,cAAC,EAAE,UAAF,IAAW,CAChB,CACJ,GALE;AAAA,EAKF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAxB0B;AA4BnB,MAAM,UAAU,QAAQ,UAAU;AACzC,QAAQ,cAAc;"}