@actdim/dynstruct-mui 0.9.0 → 0.9.2

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/react";
-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":["D:/Src/my/actdim/public/dynstruct-mui/src/Select.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    FormControl,\n    FormHelperText,\n    InputLabel,\n    MenuItem,\n    Select as MuiSelect,\n    type SelectProps as MuiSelectProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type SelectOption = {\n    value: string;\n    label: string;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string;\n            onChange: (value: string) => void;\n            options: SelectOption[];\n            label?: string;\n            helperText?: string;\n            error?: boolean;\n            fullWidth?: boolean;\n            variant?: MuiSelectProps['variant'];\n            size?: MuiSelectProps['size'];\n            color?: MuiSelectProps['color'];\n            sx?: MuiSelectProps['sx'];\n        };\n    }\n>;\n\nexport const useSelect = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Select',\n        props: {\n            value: '',\n            onChange: () => {},\n            options: [],\n            label: undefined,\n            helperText: undefined,\n            error: false,\n            fullWidth: false,\n            variant: 'outlined',\n            size: 'medium',\n            color: 'primary',\n            sx: undefined,\n        },\n        view: () => {\n            const labelId = `${c.id}-label`;\n            return (\n                <FormControl\n                    fullWidth={m.fullWidth}\n                    variant={m.variant}\n                    size={m.size}\n                    error={m.error}\n                    disabled={m.$.isDisabled}\n                    sx={m.sx}\n                >\n                    {m.label && <InputLabel id={labelId}>{m.label}</InputLabel>}\n                    <MuiSelect\n                        labelId={m.label ? labelId : undefined}\n                        label={m.label}\n                        value={m.value}\n                        onChange={(e) => m.onChange(e.target.value as string)}\n                        color={m.color}\n                        inputProps={{ readOnly: m.$.isReadOnly }}\n                    >\n                        {m.options.map((opt) => (\n                            <MenuItem key={opt.value} value={opt.value}>\n                                {opt.label}\n                            </MenuItem>\n                        ))}\n                    </MuiSelect>\n                    {m.helperText && <FormHelperText>{m.helperText}</FormHelperText>}\n                </FormControl>\n            );\n        },\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type SelectStruct = Struct;\n\nexport const Select = toReact(useSelect);\nSelect.displayName = 'Select';\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/react";
-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":["D:/Src/my/actdim/public/dynstruct-mui/src/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Skeleton as MuiSkeleton, type SkeletonProps as MuiSkeletonProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            variant?: MuiSkeletonProps['variant'];\n            width?: number | string;\n            height?: number | string;\n            animation?: MuiSkeletonProps['animation'];\n            sx?: MuiSkeletonProps['sx'];\n        };\n    }\n>;\n\nexport const useSkeleton = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Skeleton',\n        props: {\n            variant: 'text',\n            width: undefined,\n            height: undefined,\n            animation: 'pulse',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiSkeleton\n                variant={m.variant}\n                width={m.width}\n                height={m.height}\n                animation={m.animation}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type SkeletonStruct = Struct;\n\nexport const Skeleton = toReact(useSkeleton);\nSkeleton.displayName = 'Skeleton';\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/react";
-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":["D:/Src/my/actdim/public/dynstruct-mui/src/Slider.tsx"],"sourcesContent":["import React from 'react';\nimport { Slider as MuiSlider, type SliderProps as MuiSliderProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: number;\n            onChange: (value: number) => void;\n            min?: number;\n            max?: number;\n            step?: number;\n            marks?: boolean;\n            color?: MuiSliderProps['color'];\n            size?: MuiSliderProps['size'];\n            valueLabelDisplay?: MuiSliderProps['valueLabelDisplay'];\n            track?: MuiSliderProps['track'];\n            sx?: MuiSliderProps['sx'];\n        };\n    }\n>;\n\nexport const useSlider = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Slider',\n        props: {\n            value: 0,\n            onChange: () => {},\n            min: 0,\n            max: 100,\n            step: 1,\n            marks: false,\n            color: 'primary',\n            size: 'medium',\n            valueLabelDisplay: 'auto',\n            track: 'normal',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiSlider\n                value={m.value}\n                onChange={(_, newValue) => m.onChange(newValue as number)}\n                min={m.min}\n                max={m.max}\n                step={m.step}\n                marks={m.marks}\n                color={m.color}\n                size={m.size}\n                valueLabelDisplay={m.valueLabelDisplay}\n                track={m.track}\n                disabled={m.$.isDisabled}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type SliderStruct = Struct;\n\nexport const Slider = toReact(useSlider);\nSlider.displayName = 'Slider';\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/react";
-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":["D:/Src/my/actdim/public/dynstruct-mui/src/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Snackbar as MuiSnackbar,\n    type SnackbarProps as MuiSnackbarProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            open: boolean;\n            onClose: () => void;\n            message: string;\n            autoHideDuration?: number | null;\n            anchorOrigin?: MuiSnackbarProps['anchorOrigin'];\n            action?: React.ReactNode;\n            sx?: MuiSnackbarProps['sx'];\n        };\n    }\n>;\n\nexport const useSnackbar = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Snackbar',\n        props: {\n            open: false,\n            onClose: () => {},\n            message: '',\n            autoHideDuration: 4000,\n            anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\n            action: undefined,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiSnackbar\n                open={m.open}\n                onClose={m.onClose}\n                message={m.message}\n                autoHideDuration={m.autoHideDuration}\n                anchorOrigin={m.anchorOrigin}\n                action={m.action}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type SnackbarStruct = Struct;\n\nexport const Snackbar = toReact(useSnackbar);\nSnackbar.displayName = 'Snackbar';\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;"}

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/react";
-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":["D:/Src/my/actdim/public/dynstruct-mui/src/SpeedDial.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    SpeedDial as MuiSpeedDial,\n    SpeedDialAction,\n    SpeedDialIcon,\n    type SpeedDialProps as MuiSpeedDialProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type SpeedDialActionDef = {\n    name: string;\n    icon: React.FC;\n    onClick?: () => void;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            ariaLabel: string;\n            actions: SpeedDialActionDef[];\n            icon?: React.FC;\n            direction?: MuiSpeedDialProps['direction'];\n            hidden?: boolean;\n            sx?: MuiSpeedDialProps['sx'];\n        };\n    }\n>;\n\nexport const useSpeedDial = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'SpeedDial',\n        props: {\n            ariaLabel: '',\n            actions: [],\n            icon: undefined,\n            direction: 'up',\n            hidden: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiSpeedDial\n                ariaLabel={m.ariaLabel}\n                icon={m.icon ? <m.icon /> : <SpeedDialIcon />}\n                direction={m.direction}\n                hidden={m.hidden}\n                sx={m.sx}\n            >\n                {m.actions.map((action) => (\n                    <SpeedDialAction\n                        key={action.name}\n                        icon={<action.icon />}\n                        title={action.name}\n                        onClick={action.onClick}\n                    />\n                ))}\n            </MuiSpeedDial>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type SpeedDialStruct = Struct;\n\nexport const SpeedDial = toReact(useSpeedDial);\nSpeedDial.displayName = 'SpeedDial';\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/react";
-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":["D:/Src/my/actdim/public/dynstruct-mui/src/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Stepper as MuiStepper,\n    Step,\n    StepLabel,\n    Typography,\n    type StepperProps as MuiStepperProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type StepDef = {\n    label: string;\n    optional?: string;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            activeStep: number;\n            steps: StepDef[];\n            orientation?: MuiStepperProps['orientation'];\n            alternativeLabel?: boolean;\n            nonLinear?: boolean;\n            sx?: MuiStepperProps['sx'];\n        };\n    }\n>;\n\nexport const useStepper = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Stepper',\n        props: {\n            activeStep: 0,\n            steps: [],\n            orientation: 'horizontal',\n            alternativeLabel: false,\n            nonLinear: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiStepper\n                activeStep={m.activeStep}\n                orientation={m.orientation}\n                alternativeLabel={m.alternativeLabel}\n                nonLinear={m.nonLinear}\n                sx={m.sx}\n            >\n                {m.steps.map((step, i) => (\n                    <Step key={i}>\n                        <StepLabel\n                            optional={\n                                step.optional ? (\n                                    <Typography variant=\"caption\">{step.optional}</Typography>\n                                ) : undefined\n                            }\n                        >\n                            {step.label}\n                        </StepLabel>\n                    </Step>\n                ))}\n            </MuiStepper>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type StepperStruct = Struct;\n\nexport const Stepper = toReact(useStepper);\nStepper.displayName = 'Stepper';\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;"}