@actdim/dynstruct-mui 0.9.1 → 1.5.5

package/dist/SpeedDial.es.js

@@ -1,42 +1,49 @@
-import i from "react";
-import { SpeedDial as o, SpeedDialIcon as t, SpeedDialAction as c } from "@mui/material";
-import { toReact as d, useComponent as r } from "@actdim/dynstruct/componentModel/react/hooks";
-const p = (l) => {
-  let a, e;
-  return a = r({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { SpeedDial as SpeedDial$1, SpeedDialIcon, SpeedDialAction } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useSpeedDial = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "SpeedDial",
     props: {
       ariaLabel: "",
       actions: [],
       icon: void 0,
       direction: "up",
-      hidden: !1,
+      hidden: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ i.createElement(
-      o,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      SpeedDial$1,
       {
-        ariaLabel: e.ariaLabel,
-        icon: e.icon ? /* @__PURE__ */ i.createElement(e.icon, null) : /* @__PURE__ */ i.createElement(t, null),
-        direction: e.direction,
-        hidden: e.hidden,
-        sx: e.sx
+        ariaLabel: m.ariaLabel,
+        icon: m.icon ? /* @__PURE__ */ React.createElement(m.icon, null) : /* @__PURE__ */ React.createElement(SpeedDialIcon, null),
+        direction: m.direction,
+        hidden: m.hidden,
+        sx: m.sx
       },
-      e.actions.map((n) => /* @__PURE__ */ i.createElement(
-        c,
+      m.actions.map((action) => /* @__PURE__ */ React.createElement(
+        SpeedDialAction,
         {
-          key: n.name,
-          icon: /* @__PURE__ */ i.createElement(n.icon, null),
-          title: n.name,
-          onClick: n.onClick
+          key: action.name,
+          icon: /* @__PURE__ */ React.createElement(action.icon, null),
+          title: action.name,
+          onClick: action.onClick
         }
       ))
-    )
-  }, l), e = a.model, a;
-}, m = d(p);
-m.displayName = "SpeedDial";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useSpeedDial");
+const SpeedDial = toReact(useSpeedDial);
+SpeedDial.displayName = "SpeedDial";
 export {
-  m as SpeedDial,
-  p as useSpeedDial
+  SpeedDial,
+  useSpeedDial
 };
 //# sourceMappingURL=SpeedDial.es.js.map

package/dist/SpeedDial.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/SpeedDial.tsx"],"sourcesContent":null,"names":["useSpeedDial","params","c","m","useComponent","React","MuiSpeedDial","SpeedDialIcon","action","SpeedDialAction","SpeedDial","toReact"],"mappings":";;;AAqCO,MAAMA,IAAe,CAACC,MAAuD;AAChF,MAAIC,GACAC;AAgCJ,SAAAD,IAAIE,EA9B8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,WAAW;AAAA,MACX,SAAS,CAAA;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,WAAWH,EAAE;AAAA,QACb,MAAMA,EAAE,OAAO,gBAAAE,EAAA,cAACF,EAAE,MAAF,IAAO,IAAK,gBAAAE,EAAA,cAACE,GAAA,IAAc;AAAA,QAC3C,WAAWJ,EAAE;AAAA,QACb,QAAQA,EAAE;AAAA,QACV,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,QAAQ,IAAI,CAACK,MACZ,gBAAAH,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKD,EAAO;AAAA,UACZ,MAAM,gBAAAH,EAAA,cAACG,EAAO,MAAP,IAAY;AAAA,UACnB,OAAOA,EAAO;AAAA,UACd,SAASA,EAAO;AAAA,QAAA;AAAA,MAAA,CAEvB;AAAA,IAAA;AAAA,EACL,GAIcP,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaQ,IAAYC,EAAQX,CAAY;AAC7CU,EAAU,cAAc;"}
+{"version":3,"file":"SpeedDial.es.js","sources":["../src/SpeedDial.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    SpeedDial as MuiSpeedDial,\r\n    SpeedDialAction,\r\n    SpeedDialIcon,\r\n    type SpeedDialProps as MuiSpeedDialProps,\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 SpeedDialActionDef = {\r\n    name: string;\r\n    icon: React.FC;\r\n    onClick?: () => void;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            ariaLabel: string;\r\n            actions: SpeedDialActionDef[];\r\n            icon?: React.FC;\r\n            direction?: MuiSpeedDialProps['direction'];\r\n            hidden?: boolean;\r\n            sx?: MuiSpeedDialProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useSpeedDial = (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: 'SpeedDial',\r\n        props: {\r\n            ariaLabel: '',\r\n            actions: [],\r\n            icon: undefined,\r\n            direction: 'up',\r\n            hidden: false,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiSpeedDial\r\n                ariaLabel={m.ariaLabel}\r\n                icon={m.icon ? <m.icon /> : <SpeedDialIcon />}\r\n                direction={m.direction}\r\n                hidden={m.hidden}\r\n                sx={m.sx}\r\n            >\r\n                {m.actions.map((action) => (\r\n                    <SpeedDialAction\r\n                        key={action.name}\r\n                        icon={<action.icon />}\r\n                        title={action.name}\r\n                        onClick={action.onClick}\r\n                    />\r\n                ))}\r\n            </MuiSpeedDial>\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 SpeedDialStruct = Struct;\r\n\r\nexport const SpeedDial = toReact(useSpeedDial);\r\nSpeedDial.displayName = 'SpeedDial';\r\n"],"names":["MuiSpeedDial"],"mappings":";;;;;AAqCO,MAAM,eAAe,wBAAC,WAAuD;AAChF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,WAAW;AAAA,MACX,SAAS,CAAA;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,WAAW,EAAE;AAAA,QACb,MAAM,EAAE,OAAO,sBAAA,cAAC,EAAE,MAAF,IAAO,IAAK,sBAAA,cAAC,eAAA,IAAc;AAAA,QAC3C,WAAW,EAAE;AAAA,QACb,QAAQ,EAAE;AAAA,QACV,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,QAAQ,IAAI,CAAC,WACZ,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,OAAO;AAAA,UACZ,MAAM,sBAAA,cAAC,OAAO,MAAP,IAAY;AAAA,UACnB,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,QAAA;AAAA,MAAA,CAEvB;AAAA,IAAA,GAfH;AAAA,EAgBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GArC4B;AAyCrB,MAAM,YAAY,QAAQ,YAAY;AAC7C,UAAU,cAAc;"}

package/dist/Stepper.es.js

@@ -1,40 +1,47 @@
-import t from "react";
-import { Stepper as r, Step as i, StepLabel as l, Typography as m } from "@mui/material";
-import { toReact as s, useComponent as c } from "@actdim/dynstruct/componentModel/react/hooks";
-const S = (n) => {
-  let a, e;
-  return a = c({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Stepper as Stepper$1, Step, StepLabel, Typography } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useStepper = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Stepper",
     props: {
       activeStep: 0,
       steps: [],
       orientation: "horizontal",
-      alternativeLabel: !1,
-      nonLinear: !1,
+      alternativeLabel: false,
+      nonLinear: false,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ t.createElement(
-      r,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Stepper$1,
       {
-        activeStep: e.activeStep,
-        orientation: e.orientation,
-        alternativeLabel: e.alternativeLabel,
-        nonLinear: e.nonLinear,
-        sx: e.sx
+        activeStep: m.activeStep,
+        orientation: m.orientation,
+        alternativeLabel: m.alternativeLabel,
+        nonLinear: m.nonLinear,
+        sx: m.sx
       },
-      e.steps.map((o, p) => /* @__PURE__ */ t.createElement(i, { key: p }, /* @__PURE__ */ t.createElement(
-        l,
+      m.steps.map((step, i) => /* @__PURE__ */ React.createElement(Step, { key: i }, /* @__PURE__ */ React.createElement(
+        StepLabel,
         {
-          optional: o.optional ? /* @__PURE__ */ t.createElement(m, { variant: "caption" }, o.optional) : void 0
+          optional: step.optional ? /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, step.optional) : void 0
         },
-        o.label
+        step.label
       )))
-    )
-  }, n), e = a.model, a;
-}, v = s(S);
-v.displayName = "Stepper";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useStepper");
+const Stepper = toReact(useStepper);
+Stepper.displayName = "Stepper";
 export {
-  v as Stepper,
-  S as useStepper
+  Stepper,
+  useStepper
 };
 //# sourceMappingURL=Stepper.es.js.map

package/dist/Stepper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Stepper.tsx"],"sourcesContent":null,"names":["useStepper","params","c","m","useComponent","React","MuiStepper","step","i","Step","StepLabel","Typography","Stepper","toReact"],"mappings":";;;AAqCO,MAAMA,IAAa,CAACC,MAAuD;AAC9E,MAAIC,GACAC;AAqCJ,SAAAD,IAAIE,EAnC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MACP,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,YAAYH,EAAE;AAAA,QACd,aAAaA,EAAE;AAAA,QACf,kBAAkBA,EAAE;AAAA,QACpB,WAAWA,EAAE;AAAA,QACb,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,MAAM,IAAI,CAACI,GAAMC,MAChB,gBAAAH,EAAA,cAACI,GAAA,EAAK,KAAKD,EAAA,GACP,gBAAAH,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,UACIH,EAAK,WACD,gBAAAF,EAAA,cAACM,KAAW,SAAQ,UAAA,GAAWJ,EAAK,QAAS,IAC7C;AAAA,QAAA;AAAA,QAGPA,EAAK;AAAA,MAAA,CAEd,CACH;AAAA,IAAA;AAAA,EACL,GAIcN,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaU,IAAUC,EAAQb,CAAU;AACzCY,EAAQ,cAAc;"}
+{"version":3,"file":"Stepper.es.js","sources":["../src/Stepper.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Stepper as MuiStepper,\r\n    Step,\r\n    StepLabel,\r\n    Typography,\r\n    type StepperProps as MuiStepperProps,\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 StepDef = {\r\n    label: string;\r\n    optional?: string;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            activeStep: number;\r\n            steps: StepDef[];\r\n            orientation?: MuiStepperProps['orientation'];\r\n            alternativeLabel?: boolean;\r\n            nonLinear?: boolean;\r\n            sx?: MuiStepperProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useStepper = (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: 'Stepper',\r\n        props: {\r\n            activeStep: 0,\r\n            steps: [],\r\n            orientation: 'horizontal',\r\n            alternativeLabel: false,\r\n            nonLinear: false,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiStepper\r\n                activeStep={m.activeStep}\r\n                orientation={m.orientation}\r\n                alternativeLabel={m.alternativeLabel}\r\n                nonLinear={m.nonLinear}\r\n                sx={m.sx}\r\n            >\r\n                {m.steps.map((step, i) => (\r\n                    <Step key={i}>\r\n                        <StepLabel\r\n                            optional={\r\n                                step.optional ? (\r\n                                    <Typography variant=\"caption\">{step.optional}</Typography>\r\n                                ) : undefined\r\n                            }\r\n                        >\r\n                            {step.label}\r\n                        </StepLabel>\r\n                    </Step>\r\n                ))}\r\n            </MuiStepper>\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 StepperStruct = Struct;\r\n\r\nexport const Stepper = toReact(useStepper);\r\nStepper.displayName = 'Stepper';\r\n"],"names":["MuiStepper"],"mappings":";;;;;AAqCO,MAAM,aAAa,wBAAC,WAAuD;AAC9E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,MACP,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,YAAY,EAAE;AAAA,QACd,aAAa,EAAE;AAAA,QACf,kBAAkB,EAAE;AAAA,QACpB,WAAW,EAAE;AAAA,QACb,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM,IAAI,CAAC,MAAM,MAChB,sBAAA,cAAC,MAAA,EAAK,KAAK,EAAA,GACP,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UACI,KAAK,WACD,sBAAA,cAAC,cAAW,SAAQ,UAAA,GAAW,KAAK,QAAS,IAC7C;AAAA,QAAA;AAAA,QAGP,KAAK;AAAA,MAAA,CAEd,CACH;AAAA,IAAA,GApBH;AAAA,EAqBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA1C0B;AA8CnB,MAAM,UAAU,QAAQ,UAAU;AACzC,QAAQ,cAAc;"}

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":["../src/Switch.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Switch as MuiSwitch,\r\n    FormControl,\r\n    FormControlLabel,\r\n    FormHelperText,\r\n    type SwitchProps as MuiSwitchProps,\r\n    type FormControlProps as MuiFormControlProps,\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            checked: boolean;\r\n            onChange: (checked: boolean) => void;\r\n            label?: string;\r\n            helperText?: string;\r\n            error?: boolean;\r\n            color?: MuiSwitchProps['color'];\r\n            size?: MuiSwitchProps['size'];\r\n            sx?: MuiFormControlProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useSwitch = (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: 'Switch',\r\n        props: {\r\n            checked: false,\r\n            onChange: () => {},\r\n            label: undefined,\r\n            helperText: undefined,\r\n            error: false,\r\n            color: 'primary',\r\n            size: 'medium',\r\n            sx: undefined,\r\n        },\r\n        view: () => {\r\n            const sw = (\r\n                <MuiSwitch\r\n                    checked={m.checked}\r\n                    onChange={(e) => m.onChange(e.target.checked)}\r\n                    color={m.color}\r\n                    size={m.size}\r\n                />\r\n            );\r\n            return (\r\n                <FormControl\r\n                    error={m.error}\r\n                    disabled={m.$.isDisabled}\r\n                    sx={m.sx}\r\n                >\r\n                    {m.label != null ? (\r\n                        <FormControlLabel control={sw} label={m.label} />\r\n                    ) : (\r\n                        sw\r\n                    )}\r\n                    {m.helperText && <FormHelperText>{m.helperText}</FormHelperText>}\r\n                </FormControl>\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 SwitchStruct = Struct;\r\n\r\nexport const Switch = toReact(useSwitch);\r\nSwitch.displayName = 'Switch';\r\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":["../src/Table.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    TableContainer,\r\n    Table as MuiTable,\r\n    TableHead,\r\n    TableBody,\r\n    TableRow,\r\n    TableCell,\r\n    Paper,\r\n    type TableProps as MuiTableProps,\r\n    type TableContainerProps as MuiTableContainerProps,\r\n    type TableCellProps as MuiTableCellProps,\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 TableColumn = {\r\n    id: string;\r\n    label: string;\r\n    align?: MuiTableCellProps['align'];\r\n    minWidth?: number;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            columns: TableColumn[];\r\n            rows: Record<string, React.ReactNode>[];\r\n            stickyHeader?: boolean;\r\n            size?: MuiTableProps['size'];\r\n            sx?: MuiTableContainerProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useTable = (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: 'Table',\r\n        props: {\r\n            columns: [],\r\n            rows: [],\r\n            stickyHeader: false,\r\n            size: 'medium',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <TableContainer component={Paper} sx={m.sx}>\r\n                <MuiTable stickyHeader={m.stickyHeader} size={m.size}>\r\n                    <TableHead>\r\n                        <TableRow>\r\n                            {m.columns.map((col) => (\r\n                                <TableCell\r\n                                    key={col.id}\r\n                                    align={col.align}\r\n                                    style={col.minWidth ? { minWidth: col.minWidth } : undefined}\r\n                                >\r\n                                    {col.label}\r\n                                </TableCell>\r\n                            ))}\r\n                        </TableRow>\r\n                    </TableHead>\r\n                    <TableBody>\r\n                        {m.rows.map((row, i) => (\r\n                            <TableRow key={i} hover>\r\n                                {m.columns.map((col) => (\r\n                                    <TableCell key={col.id} align={col.align}>\r\n                                        {row[col.id]}\r\n                                    </TableCell>\r\n                                ))}\r\n                            </TableRow>\r\n                        ))}\r\n                    </TableBody>\r\n                </MuiTable>\r\n            </TableContainer>\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 TableStruct = Struct;\r\n\r\nexport const Table = toReact(useTable);\r\nTable.displayName = 'Table';\r\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":["../src/Tabs.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, type TabsProps as MuiTabsProps } 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 TabItem = {\r\n    value: string;\r\n    label: string;\r\n    content?: React.FC;\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            value: string;\r\n            onChange: (value: string) => void;\r\n            tabs: TabItem[];\r\n            orientation?: MuiTabsProps['orientation'];\r\n            variant?: MuiTabsProps['variant'];\r\n            sx?: MuiTabsProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useTabs = (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: 'Tabs',\r\n        props: {\r\n            value: '',\r\n            onChange: () => {},\r\n            tabs: [],\r\n            orientation: 'horizontal',\r\n            variant: 'standard',\r\n            sx: undefined,\r\n        },\r\n        view: () =>\r\n            m.orientation === 'vertical' ? (\r\n                <Box sx={{ display: 'flex' }}>\r\n                    <Box sx={{ borderRight: 1, borderColor: 'divider' }}>\r\n                        <MuiTabs\r\n                            value={m.value}\r\n                            onChange={(_, v: string) => m.onChange(v)}\r\n                            orientation=\"vertical\"\r\n                            variant={m.variant}\r\n                            sx={m.sx}\r\n                        >\r\n                            {m.tabs.map((tab) => (\r\n                                <MuiTab key={tab.value} value={tab.value} label={tab.label} disabled={tab.disabled} />\r\n                            ))}\r\n                        </MuiTabs>\r\n                    </Box>\r\n                    <Box sx={{ flex: 1 }}>\r\n                        {m.tabs.map((tab) => (\r\n                            <div key={tab.value} role=\"tabpanel\" hidden={m.value !== tab.value}>\r\n                                {m.value === tab.value && tab.content && <tab.content />}\r\n                            </div>\r\n                        ))}\r\n                    </Box>\r\n                </Box>\r\n            ) : (\r\n                <>\r\n                    <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\r\n                        <MuiTabs\r\n                            value={m.value}\r\n                            onChange={(_, v: string) => m.onChange(v)}\r\n                            variant={m.variant}\r\n                            sx={m.sx}\r\n                        >\r\n                            {m.tabs.map((tab) => (\r\n                                <MuiTab key={tab.value} value={tab.value} label={tab.label} disabled={tab.disabled} />\r\n                            ))}\r\n                        </MuiTabs>\r\n                    </Box>\r\n                    {m.tabs.map((tab) => (\r\n                        <div key={tab.value} role=\"tabpanel\" hidden={m.value !== tab.value}>\r\n                            {m.value === tab.value && tab.content && <tab.content />}\r\n                        </div>\r\n                    ))}\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 TabsStruct = Struct;\r\n\r\nexport const Tabs = toReact(useTabs);\r\nTabs.displayName = 'Tabs';\r\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":["../src/TextField.tsx"],"sourcesContent":["import React from 'react';\r\nimport { TextField as MuiTextField, type TextFieldProps as MuiTextFieldProps } 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            value: string;\r\n            onChange: (value: string) => void;\r\n            label?: string;\r\n            placeholder?: string;\r\n            helperText?: string;\r\n            error?: boolean;\r\n            type?: string;\r\n            multiline?: boolean;\r\n            rows?: number;\r\n            fullWidth?: boolean;\r\n            variant?: MuiTextFieldProps['variant'];\r\n            size?: MuiTextFieldProps['size'];\r\n            color?: MuiTextFieldProps['color'];\r\n            sx?: MuiTextFieldProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useTextField = (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: 'TextField',\r\n        props: {\r\n            value: '',\r\n            onChange: () => {},\r\n            label: undefined,\r\n            placeholder: undefined,\r\n            helperText: undefined,\r\n            error: false,\r\n            type: 'text',\r\n            multiline: false,\r\n            rows: undefined,\r\n            fullWidth: false,\r\n            variant: 'outlined',\r\n            size: 'medium',\r\n            color: 'primary',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiTextField\r\n                value={m.value}\r\n                onChange={(e) => m.onChange(e.target.value)}\r\n                label={m.label}\r\n                placeholder={m.placeholder}\r\n                helperText={m.helperText}\r\n                error={m.error}\r\n                type={m.type}\r\n                multiline={m.multiline}\r\n                rows={m.rows}\r\n                fullWidth={m.fullWidth}\r\n                variant={m.variant}\r\n                size={m.size}\r\n                color={m.color}\r\n                disabled={m.$.isDisabled}\r\n                slotProps={{ input: { readOnly: m.$.isReadOnly } }}\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 TextFieldStruct = Struct;\r\n\r\nexport const TextField = toReact(useTextField);\r\nTextField.displayName = 'TextField';\r\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;"}