@actdim/dynstruct-mui 0.9.1 → 1.5.5

package/dist/RadioGroup.es.js

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

package/dist/RadioGroup.es.js.map

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

package/dist/Rating.es.js

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

package/dist/Rating.es.js.map

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

package/dist/Select.es.js

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

package/dist/Select.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Select.tsx"],"sourcesContent":null,"names":["useSelect","params","c","m","useComponent","labelId","React","FormControl","InputLabel","MuiSelect","e","opt","MenuItem","FormHelperText","Select","toReact"],"mappings":";;;AA2CO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAiDJ,SAAAD,IAAIE,EA/C8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,CAAA;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MAAM;AACR,YAAMC,IAAU,GAAGH,EAAE,EAAE;AACvB,aACI,gBAAAI,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAWJ,EAAE;AAAA,UACb,SAASA,EAAE;AAAA,UACX,MAAMA,EAAE;AAAA,UACR,OAAOA,EAAE;AAAA,UACT,UAAUA,EAAE,EAAE;AAAA,UACd,IAAIA,EAAE;AAAA,QAAA;AAAA,QAELA,EAAE,SAAS,gBAAAG,EAAA,cAACE,KAAW,IAAIH,EAAA,GAAUF,EAAE,KAAM;AAAA,QAC9C,gBAAAG,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACG,SAASN,EAAE,QAAQE,IAAU;AAAA,YAC7B,OAAOF,EAAE;AAAA,YACT,OAAOA,EAAE;AAAA,YACT,UAAU,CAACO,MAAMP,EAAE,SAASO,EAAE,OAAO,KAAe;AAAA,YACpD,OAAOP,EAAE;AAAA,YACT,YAAY,EAAE,UAAUA,EAAE,EAAE,WAAA;AAAA,UAAW;AAAA,UAEtCA,EAAE,QAAQ,IAAI,CAACQ,MACZ,gBAAAL,EAAA,cAACM,GAAA,EAAS,KAAKD,EAAI,OAAO,OAAOA,EAAI,MAAA,GAChCA,EAAI,KACT,CACH;AAAA,QAAA;AAAA,QAEJR,EAAE,cAAc,gBAAAG,EAAA,cAACO,GAAA,MAAgBV,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D;AAAA,EAAA,GAGkBF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaY,IAASC,EAAQf,CAAS;AACvCc,EAAO,cAAc;"}
+{"version":3,"file":"Select.es.js","sources":["../src/Select.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    FormControl,\r\n    FormHelperText,\r\n    InputLabel,\r\n    MenuItem,\r\n    Select as MuiSelect,\r\n    type SelectProps as MuiSelectProps,\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 SelectOption = {\r\n    value: string;\r\n    label: string;\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            options: SelectOption[];\r\n            label?: string;\r\n            helperText?: string;\r\n            error?: boolean;\r\n            fullWidth?: boolean;\r\n            variant?: MuiSelectProps['variant'];\r\n            size?: MuiSelectProps['size'];\r\n            color?: MuiSelectProps['color'];\r\n            sx?: MuiSelectProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useSelect = (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: 'Select',\r\n        props: {\r\n            value: '',\r\n            onChange: () => {},\r\n            options: [],\r\n            label: undefined,\r\n            helperText: undefined,\r\n            error: false,\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            const labelId = `${c.id}-label`;\r\n            return (\r\n                <FormControl\r\n                    fullWidth={m.fullWidth}\r\n                    variant={m.variant}\r\n                    size={m.size}\r\n                    error={m.error}\r\n                    disabled={m.$.isDisabled}\r\n                    sx={m.sx}\r\n                >\r\n                    {m.label && <InputLabel id={labelId}>{m.label}</InputLabel>}\r\n                    <MuiSelect\r\n                        labelId={m.label ? labelId : undefined}\r\n                        label={m.label}\r\n                        value={m.value}\r\n                        onChange={(e) => m.onChange(e.target.value as string)}\r\n                        color={m.color}\r\n                        inputProps={{ readOnly: m.$.isReadOnly }}\r\n                    >\r\n                        {m.options.map((opt) => (\r\n                            <MenuItem key={opt.value} value={opt.value}>\r\n                                {opt.label}\r\n                            </MenuItem>\r\n                        ))}\r\n                    </MuiSelect>\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 SelectStruct = Struct;\r\n\r\nexport const Select = toReact(useSelect);\r\nSelect.displayName = 'Select';\r\n"],"names":["MuiSelect"],"mappings":";;;;;AA2CO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,SAAS,CAAA;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,UAAU,GAAG,EAAE,EAAE;AACvB,aACI,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,EAAE;AAAA,UACb,SAAS,EAAE;AAAA,UACX,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,UAAU,EAAE,EAAE;AAAA,UACd,IAAI,EAAE;AAAA,QAAA;AAAA,QAEL,EAAE,SAAS,sBAAA,cAAC,cAAW,IAAI,QAAA,GAAU,EAAE,KAAM;AAAA,QAC9C,sBAAA;AAAA,UAACA;AAAAA,UAAA;AAAA,YACG,SAAS,EAAE,QAAQ,UAAU;AAAA,YAC7B,OAAO,EAAE;AAAA,YACT,OAAO,EAAE;AAAA,YACT,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,KAAe,GAA1C;AAAA,YACV,OAAO,EAAE;AAAA,YACT,YAAY,EAAE,UAAU,EAAE,EAAE,WAAA;AAAA,UAAW;AAAA,UAEtC,EAAE,QAAQ,IAAI,CAAC,QACZ,sBAAA,cAAC,UAAA,EAAS,KAAK,IAAI,OAAO,OAAO,IAAI,MAAA,GAChC,IAAI,KACT,CACH;AAAA,QAAA;AAAA,QAEJ,EAAE,cAAc,sBAAA,cAAC,gBAAA,MAAgB,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D,GA7BM;AAAA,EA6BN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAtDyB;AA0DlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Skeleton.es.js

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

package/dist/Skeleton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Skeleton.tsx"],"sourcesContent":null,"names":["useSkeleton","params","c","m","useComponent","React","MuiSkeleton","Skeleton","toReact"],"mappings":";;;AAyBO,MAAMA,IAAc,CAACC,MAAuD;AAC/E,MAAIC,GACAC;AAsBJ,SAAAD,IAAIE,EApB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,QAAQA,EAAE;AAAA,QACV,WAAWA,EAAE;AAAA,QACb,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAWC,EAAQR,CAAW;AAC3CO,EAAS,cAAc;"}
+{"version":3,"file":"Skeleton.es.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Skeleton as MuiSkeleton, type SkeletonProps as MuiSkeletonProps } from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            variant?: MuiSkeletonProps['variant'];\r\n            width?: number | string;\r\n            height?: number | string;\r\n            animation?: MuiSkeletonProps['animation'];\r\n            sx?: MuiSkeletonProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useSkeleton = (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: 'Skeleton',\r\n        props: {\r\n            variant: 'text',\r\n            width: undefined,\r\n            height: undefined,\r\n            animation: 'pulse',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiSkeleton\r\n                variant={m.variant}\r\n                width={m.width}\r\n                height={m.height}\r\n                animation={m.animation}\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 SkeletonStruct = Struct;\r\n\r\nexport const Skeleton = toReact(useSkeleton);\r\nSkeleton.displayName = 'Skeleton';\r\n"],"names":["MuiSkeleton"],"mappings":";;;;;AAyBO,MAAM,cAAc,wBAAC,WAAuD;AAC/E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,QAAQ,EAAE;AAAA,QACV,WAAW,EAAE;AAAA,QACb,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GANR;AAAA,EAOF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA3B2B;AA+BpB,MAAM,WAAW,QAAQ,WAAW;AAC3C,SAAS,cAAc;"}

package/dist/Slider.es.js

@@ -1,46 +1,53 @@
-import o from "react";
-import { Slider as s } from "@mui/material";
-import { toReact as i, useComponent as m } from "@actdim/dynstruct/componentModel/react/hooks";
-const t = (l) => {
-  let a, e;
-  return a = m({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Slider as Slider$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useSlider = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Slider",
     props: {
       value: 0,
-      onChange: () => {
-      },
+      onChange: /* @__PURE__ */ __name(() => {
+      }, "onChange"),
       min: 0,
       max: 100,
       step: 1,
-      marks: !1,
+      marks: false,
       color: "primary",
       size: "medium",
       valueLabelDisplay: "auto",
       track: "normal",
       sx: void 0
     },
-    view: () => /* @__PURE__ */ o.createElement(
-      s,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Slider$1,
       {
-        value: e.value,
-        onChange: (d, r) => e.onChange(r),
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        marks: e.marks,
-        color: e.color,
-        size: e.size,
-        valueLabelDisplay: e.valueLabelDisplay,
-        track: e.track,
-        disabled: e.$.isDisabled,
-        sx: e.sx
+        value: m.value,
+        onChange: /* @__PURE__ */ __name((_, newValue) => m.onChange(newValue), "onChange"),
+        min: m.min,
+        max: m.max,
+        step: m.step,
+        marks: m.marks,
+        color: m.color,
+        size: m.size,
+        valueLabelDisplay: m.valueLabelDisplay,
+        track: m.track,
+        disabled: m.$.isDisabled,
+        sx: m.sx
       }
-    )
-  }, l), e = a.model, a;
-}, n = i(t);
-n.displayName = "Slider";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useSlider");
+const Slider = toReact(useSlider);
+Slider.displayName = "Slider";
 export {
-  n as Slider,
-  t as useSlider
+  Slider,
+  useSlider
 };
 //# sourceMappingURL=Slider.es.js.map

package/dist/Slider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Slider.tsx"],"sourcesContent":null,"names":["useSlider","params","c","m","useComponent","React","MuiSlider","_","newValue","Slider","toReact"],"mappings":";;;AA+BO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAmCJ,SAAAD,IAAIE,EAjC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,UAAU,CAACI,GAAGC,MAAaL,EAAE,SAASK,CAAkB;AAAA,QACxD,KAAKL,EAAE;AAAA,QACP,KAAKA,EAAE;AAAA,QACP,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,mBAAmBA,EAAE;AAAA,QACrB,OAAOA,EAAE;AAAA,QACT,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaO,IAASC,EAAQV,CAAS;AACvCS,EAAO,cAAc;"}
+{"version":3,"file":"Slider.es.js","sources":["../src/Slider.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Slider as MuiSlider, type SliderProps as MuiSliderProps } 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: number;\r\n            onChange: (value: number) => void;\r\n            min?: number;\r\n            max?: number;\r\n            step?: number;\r\n            marks?: boolean;\r\n            color?: MuiSliderProps['color'];\r\n            size?: MuiSliderProps['size'];\r\n            valueLabelDisplay?: MuiSliderProps['valueLabelDisplay'];\r\n            track?: MuiSliderProps['track'];\r\n            sx?: MuiSliderProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useSlider = (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: 'Slider',\r\n        props: {\r\n            value: 0,\r\n            onChange: () => {},\r\n            min: 0,\r\n            max: 100,\r\n            step: 1,\r\n            marks: false,\r\n            color: 'primary',\r\n            size: 'medium',\r\n            valueLabelDisplay: 'auto',\r\n            track: 'normal',\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiSlider\r\n                value={m.value}\r\n                onChange={(_, newValue) => m.onChange(newValue as number)}\r\n                min={m.min}\r\n                max={m.max}\r\n                step={m.step}\r\n                marks={m.marks}\r\n                color={m.color}\r\n                size={m.size}\r\n                valueLabelDisplay={m.valueLabelDisplay}\r\n                track={m.track}\r\n                disabled={m.$.isDisabled}\r\n                sx={m.sx}\r\n            />\r\n        ),\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n    return c;\r\n};\r\n\r\nexport type SliderStruct = Struct;\r\n\r\nexport const Slider = toReact(useSlider);\r\nSlider.displayName = 'Slider';\r\n"],"names":["MuiSlider"],"mappings":";;;;;AA+BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa,EAAE,SAAS,QAAkB,GAA9C;AAAA,QACV,KAAK,EAAE;AAAA,QACP,KAAK,EAAE;AAAA,QACP,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,mBAAmB,EAAE;AAAA,QACrB,OAAO,EAAE;AAAA,QACT,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAbR;AAAA,EAcF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAxCyB;AA4ClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}

package/dist/Snackbar.es.js

@@ -1,37 +1,44 @@
-import n from "react";
-import { Snackbar as t } from "@mui/material";
-import { toReact as r, useComponent as i } from "@actdim/dynstruct/componentModel/react/hooks";
-const s = (a) => {
-  let e, o;
-  return e = i({
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { Snackbar as Snackbar$1 } from "@mui/material";
+import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
+const useSnackbar = /* @__PURE__ */ __name((params) => {
+  let c;
+  let m;
+  const def = {
     regType: "Snackbar",
     props: {
-      open: !1,
-      onClose: () => {
-      },
+      open: false,
+      onClose: /* @__PURE__ */ __name(() => {
+      }, "onClose"),
       message: "",
       autoHideDuration: 4e3,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       action: void 0,
       sx: void 0
     },
-    view: () => /* @__PURE__ */ n.createElement(
-      t,
+    view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
+      Snackbar$1,
       {
-        open: o.open,
-        onClose: o.onClose,
-        message: o.message,
-        autoHideDuration: o.autoHideDuration,
-        anchorOrigin: o.anchorOrigin,
-        action: o.action,
-        sx: o.sx
+        open: m.open,
+        onClose: m.onClose,
+        message: m.message,
+        autoHideDuration: m.autoHideDuration,
+        anchorOrigin: m.anchorOrigin,
+        action: m.action,
+        sx: m.sx
       }
-    )
-  }, a), o = e.model, e;
-}, c = r(s);
-c.displayName = "Snackbar";
+    ), "view")
+  };
+  c = useComponent(def, params);
+  m = c.model;
+  return c;
+}, "useSnackbar");
+const Snackbar = toReact(useSnackbar);
+Snackbar.displayName = "Snackbar";
 export {
-  c as Snackbar,
-  s as useSnackbar
+  Snackbar,
+  useSnackbar
 };
 //# sourceMappingURL=Snackbar.es.js.map

package/dist/Snackbar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Snackbar.tsx"],"sourcesContent":null,"names":["useSnackbar","params","c","m","useComponent","React","MuiSnackbar","Snackbar","toReact"],"mappings":";;;AA8BO,MAAMA,IAAc,CAACC,MAAuD;AAC/E,MAAIC,GACAC;AA0BJ,SAAAD,IAAIE,EAxB8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,SAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,cAAc,EAAE,UAAU,UAAU,YAAY,OAAA;AAAA,MAChD,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,MAAMH,EAAE;AAAA,QACR,SAASA,EAAE;AAAA,QACX,SAASA,EAAE;AAAA,QACX,kBAAkBA,EAAE;AAAA,QACpB,cAAcA,EAAE;AAAA,QAChB,QAAQA,EAAE;AAAA,QACV,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAWC,EAAQR,CAAW;AAC3CO,EAAS,cAAc;"}
+{"version":3,"file":"Snackbar.es.js","sources":["../src/Snackbar.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n    Snackbar as MuiSnackbar,\r\n    type SnackbarProps as MuiSnackbarProps,\r\n} from '@mui/material';\r\nimport {\r\n    type ComponentStruct,\r\n    type ComponentDef,\r\n    type ComponentParams,\r\n    type Component,\r\n    type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n    TMsgStruct,\r\n    {\r\n        props: {\r\n            open: boolean;\r\n            onClose: () => void;\r\n            message: string;\r\n            autoHideDuration?: number | null;\r\n            anchorOrigin?: MuiSnackbarProps['anchorOrigin'];\r\n            action?: React.ReactNode;\r\n            sx?: MuiSnackbarProps['sx'];\r\n        };\r\n    }\r\n>;\r\n\r\nexport const useSnackbar = (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: 'Snackbar',\r\n        props: {\r\n            open: false,\r\n            onClose: () => {},\r\n            message: '',\r\n            autoHideDuration: 4000,\r\n            anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\r\n            action: undefined,\r\n            sx: undefined,\r\n        },\r\n        view: () => (\r\n            <MuiSnackbar\r\n                open={m.open}\r\n                onClose={m.onClose}\r\n                message={m.message}\r\n                autoHideDuration={m.autoHideDuration}\r\n                anchorOrigin={m.anchorOrigin}\r\n                action={m.action}\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 SnackbarStruct = Struct;\r\n\r\nexport const Snackbar = toReact(useSnackbar);\r\nSnackbar.displayName = 'Snackbar';\r\n"],"names":["MuiSnackbar"],"mappings":";;;;;AA8BO,MAAM,cAAc,wBAAC,WAAuD;AAC/E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,SAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,cAAc,EAAE,UAAU,UAAU,YAAY,OAAA;AAAA,MAChD,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,kBAAkB,EAAE;AAAA,QACpB,cAAc,EAAE;AAAA,QAChB,QAAQ,EAAE;AAAA,QACV,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GARR;AAAA,EASF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA/B2B;AAmCpB,MAAM,WAAW,QAAQ,WAAW;AAC3C,SAAS,cAAc;"}