@actdim/dynstruct-mui 0.9.2 → 1.5.6

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":["import React from 'react';\nimport { Rating as MuiRating, type RatingProps as MuiRatingProps } 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 | null;\n            onChange?: (value: number | null) => void;\n            max?: number;\n            precision?: number;\n            size?: MuiRatingProps['size'];\n            readOnly?: boolean;\n            sx?: MuiRatingProps['sx'];\n        };\n    }\n>;\n\nexport const useRating = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Rating',\n        props: {\n            value: null,\n            onChange: undefined,\n            max: 5,\n            precision: 1,\n            size: 'medium',\n            readOnly: false,\n            sx: undefined,\n        },\n        view: () => (\n            <MuiRating\n                value={m.value}\n                onChange={(_, newValue) => m.onChange?.(newValue)}\n                max={m.max}\n                precision={m.precision}\n                size={m.size}\n                readOnly={m.readOnly}\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 RatingStruct = Struct;\n\nexport const Rating = toReact(useRating);\nRating.displayName = 'Rating';\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;"}
+{"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.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type SelectOption = {
+    value: string;
+    label: string;
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        value: string;
+        onChange: (value: string) => void;
+        options: SelectOption[];
+        label?: string;
+        helperText?: string;
+        error?: boolean;
+        fullWidth?: boolean;
+        variant?: MuiSelectProps['variant'];
+        size?: MuiSelectProps['size'];
+        color?: MuiSelectProps['color'];
+        sx?: MuiSelectProps['sx'];
+    };
+}>;
+export declare const useSelect: (params: ComponentParams<Struct>) => Component<Struct>;
+export type SelectStruct = Struct;
+export declare const Select: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAMH,KAAK,WAAW,IAAI,cAAc,EACrC,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,OAAO,EAAE,YAAY,EAAE,CAAC;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAChC,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;KAC7B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAsD3E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,eAAO,MAAM,MAAM,qDAAqB,CAAC"}

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":["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;"}
+{"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.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SkeletonProps as MuiSkeletonProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        variant?: MuiSkeletonProps['variant'];
+        width?: number | string;
+        height?: number | string;
+        animation?: MuiSkeletonProps['animation'];
+        sx?: MuiSkeletonProps['sx'];
+    };
+}>;
+export declare const useSkeleton: (params: ComponentParams<Struct>) => Component<Struct>;
+export type SkeletonStruct = Struct;
+export declare const Skeleton: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../src/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA2B,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC1C,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;KAC/B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA2B7E,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,eAAO,MAAM,QAAQ,qDAAuB,CAAC"}

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":["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;"}
+{"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.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SliderProps as MuiSliderProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        value: number;
+        onChange: (value: number) => void;
+        min?: number;
+        max?: number;
+        step?: number;
+        marks?: boolean;
+        color?: MuiSliderProps['color'];
+        size?: MuiSliderProps['size'];
+        valueLabelDisplay?: MuiSliderProps['valueLabelDisplay'];
+        track?: MuiSliderProps['track'];
+        sx?: MuiSliderProps['sx'];
+    };
+}>;
+export declare const useSlider: (params: ComponentParams<Struct>) => Component<Struct>;
+export type SliderStruct = Struct;
+export declare const Slider: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Slider.d.ts.map

package/dist/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACxD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAChC,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;KAC7B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAwC3E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,eAAO,MAAM,MAAM,qDAAqB,CAAC"}

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":["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;"}
+{"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.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        open: boolean;
+        onClose: () => void;
+        message: string;
+        autoHideDuration?: number | null;
+        anchorOrigin?: MuiSnackbarProps['anchorOrigin'];
+        action?: React.ReactNode;
+        sx?: MuiSnackbarProps['sx'];
+    };
+}>;
+export declare const useSnackbar: (params: ComponentParams<Struct>) => Component<Struct>;
+export type SnackbarStruct = Struct;
+export declare const Snackbar: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Snackbar.d.ts.map

package/dist/Snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../src/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEH,KAAK,aAAa,IAAI,gBAAgB,EACzC,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,IAAI,EAAE,OAAO,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;KAC/B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA+B7E,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,eAAO,MAAM,QAAQ,qDAAuB,CAAC"}

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":["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;"}
+{"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;"}

package/dist/SpeedDial.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SpeedDialProps as MuiSpeedDialProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type SpeedDialActionDef = {
+    name: string;
+    icon: React.FC;
+    onClick?: () => void;
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        ariaLabel: string;
+        actions: SpeedDialActionDef[];
+        icon?: React.FC;
+        direction?: MuiSpeedDialProps['direction'];
+        hidden?: boolean;
+        sx?: MuiSpeedDialProps['sx'];
+    };
+}>;
+export declare const useSpeedDial: (params: ComponentParams<Struct>) => Component<Struct>;
+export type SpeedDialStruct = Struct;
+export declare const SpeedDial: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=SpeedDial.d.ts.map

package/dist/SpeedDial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedDial.d.ts","sourceRoot":"","sources":["../src/SpeedDial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIH,KAAK,cAAc,IAAI,iBAAiB,EAC3C,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,kBAAkB,EAAE,CAAC;QAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAChB,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,EAAE,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAChC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAqC9E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AAErC,eAAO,MAAM,SAAS,qDAAwB,CAAC"}

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":["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;"}
+{"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.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { StepperProps as MuiStepperProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type StepDef = {
+    label: string;
+    optional?: string;
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        activeStep: number;
+        steps: StepDef[];
+        orientation?: MuiStepperProps['orientation'];
+        alternativeLabel?: boolean;
+        nonLinear?: boolean;
+        sx?: MuiStepperProps['sx'];
+    };
+}>;
+export declare const useStepper: (params: ComponentParams<Struct>) => Component<Struct>;
+export type StepperStruct = Struct;
+export declare const Stepper: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../src/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKH,KAAK,YAAY,IAAI,eAAe,EACvC,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,OAAO,EAAE,CAAC;QACjB,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;QAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;KAC9B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA0C5E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,eAAO,MAAM,OAAO,qDAAsB,CAAC"}

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":["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;"}
+{"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.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { SwitchProps as MuiSwitchProps, FormControlProps as MuiFormControlProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        checked: boolean;
+        onChange: (checked: boolean) => void;
+        label?: string;
+        helperText?: string;
+        error?: boolean;
+        color?: MuiSwitchProps['color'];
+        size?: MuiSwitchProps['size'];
+        sx?: MuiFormControlProps['sx'];
+    };
+}>;
+export declare const useSwitch: (params: ComponentParams<Struct>) => Component<Struct>;
+export type SwitchStruct = Struct;
+export declare const Switch: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKH,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,gBAAgB,IAAI,mBAAmB,EAC/C,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;KAClC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA6C3E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,eAAO,MAAM,MAAM,qDAAqB,CAAC"}

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":["import React from 'react';\nimport {\n    Switch as MuiSwitch,\n    FormControl,\n    FormControlLabel,\n    FormHelperText,\n    type SwitchProps as MuiSwitchProps,\n    type FormControlProps as MuiFormControlProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            checked: boolean;\n            onChange: (checked: boolean) => void;\n            label?: string;\n            helperText?: string;\n            error?: boolean;\n            color?: MuiSwitchProps['color'];\n            size?: MuiSwitchProps['size'];\n            sx?: MuiFormControlProps['sx'];\n        };\n    }\n>;\n\nexport const useSwitch = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Switch',\n        props: {\n            checked: false,\n            onChange: () => {},\n            label: undefined,\n            helperText: undefined,\n            error: false,\n            color: 'primary',\n            size: 'medium',\n            sx: undefined,\n        },\n        view: () => {\n            const sw = (\n                <MuiSwitch\n                    checked={m.checked}\n                    onChange={(e) => m.onChange(e.target.checked)}\n                    color={m.color}\n                    size={m.size}\n                />\n            );\n            return (\n                <FormControl\n                    error={m.error}\n                    disabled={m.$.isDisabled}\n                    sx={m.sx}\n                >\n                    {m.label != null ? (\n                        <FormControlLabel control={sw} label={m.label} />\n                    ) : (\n                        sw\n                    )}\n                    {m.helperText && <FormHelperText>{m.helperText}</FormHelperText>}\n                </FormControl>\n            );\n        },\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type SwitchStruct = Struct;\n\nexport const Switch = toReact(useSwitch);\nSwitch.displayName = 'Switch';\n"],"names":["MuiSwitch"],"mappings":";;;;;AAmCO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,KACF,sBAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG,SAAS,EAAE;AAAA,UACX,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,OAAO,GAAlC;AAAA,UACV,OAAO,EAAE;AAAA,UACT,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA;AAGhB,aACI,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,EAAE;AAAA,UACT,UAAU,EAAE,EAAE;AAAA,UACd,IAAI,EAAE;AAAA,QAAA;AAAA,QAEL,EAAE,SAAS,OACR,sBAAA,cAAC,kBAAA,EAAiB,SAAS,IAAI,OAAO,EAAE,MAAA,CAAO,IAE/C;AAAA,QAEH,EAAE,cAAc,sBAAA,cAAC,gBAAA,MAAgB,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D,GAvBM;AAAA,EAuBN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA7CyB;AAiDlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
+{"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.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { TableProps as MuiTableProps, TableContainerProps as MuiTableContainerProps, TableCellProps as MuiTableCellProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type TableColumn = {
+    id: string;
+    label: string;
+    align?: MuiTableCellProps['align'];
+    minWidth?: number;
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        columns: TableColumn[];
+        rows: Record<string, React.ReactNode>[];
+        stickyHeader?: boolean;
+        size?: MuiTableProps['size'];
+        sx?: MuiTableContainerProps['sx'];
+    };
+}>;
+export declare const useTable: (params: ComponentParams<Struct>) => Component<Struct>;
+export type TableStruct = Struct;
+export declare const Table: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Table.d.ts.map

package/dist/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAQH,KAAK,UAAU,IAAI,aAAa,EAChC,KAAK,mBAAmB,IAAI,sBAAsB,EAClD,KAAK,cAAc,IAAI,iBAAiB,EAC3C,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,WAAW,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,OAAO,EAAE,WAAW,EAAE,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;QACxC,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7B,EAAE,CAAC,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;KACrC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAgD1E,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,eAAO,MAAM,KAAK,qDAAoB,CAAC"}

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":["import React from 'react';\nimport {\n    TableContainer,\n    Table as MuiTable,\n    TableHead,\n    TableBody,\n    TableRow,\n    TableCell,\n    Paper,\n    type TableProps as MuiTableProps,\n    type TableContainerProps as MuiTableContainerProps,\n    type TableCellProps as MuiTableCellProps,\n} from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type TableColumn = {\n    id: string;\n    label: string;\n    align?: MuiTableCellProps['align'];\n    minWidth?: number;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            columns: TableColumn[];\n            rows: Record<string, React.ReactNode>[];\n            stickyHeader?: boolean;\n            size?: MuiTableProps['size'];\n            sx?: MuiTableContainerProps['sx'];\n        };\n    }\n>;\n\nexport const useTable = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Table',\n        props: {\n            columns: [],\n            rows: [],\n            stickyHeader: false,\n            size: 'medium',\n            sx: undefined,\n        },\n        view: () => (\n            <TableContainer component={Paper} sx={m.sx}>\n                <MuiTable stickyHeader={m.stickyHeader} size={m.size}>\n                    <TableHead>\n                        <TableRow>\n                            {m.columns.map((col) => (\n                                <TableCell\n                                    key={col.id}\n                                    align={col.align}\n                                    style={col.minWidth ? { minWidth: col.minWidth } : undefined}\n                                >\n                                    {col.label}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    </TableHead>\n                    <TableBody>\n                        {m.rows.map((row, i) => (\n                            <TableRow key={i} hover>\n                                {m.columns.map((col) => (\n                                    <TableCell key={col.id} align={col.align}>\n                                        {row[col.id]}\n                                    </TableCell>\n                                ))}\n                            </TableRow>\n                        ))}\n                    </TableBody>\n                </MuiTable>\n            </TableContainer>\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TableStruct = Struct;\n\nexport const Table = toReact(useTable);\nTable.displayName = 'Table';\n"],"names":["MuiTable"],"mappings":";;;;;AA2CO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,CAAA;AAAA,MACT,MAAM,CAAA;AAAA,MACN,cAAc;AAAA,MACd,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAAC,gBAAA,EAAe,WAAW,OAAO,IAAI,EAAE,GAAA,GACpC,sBAAA,cAACA,SAAA,EAAS,cAAc,EAAE,cAAc,MAAM,EAAE,KAAA,GAC5C,sBAAA,cAAC,WAAA,MACG,sBAAA,cAAC,UAAA,MACI,EAAE,QAAQ,IAAI,CAAC,QACZ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK,IAAI;AAAA,QACT,OAAO,IAAI;AAAA,QACX,OAAO,IAAI,WAAW,EAAE,UAAU,IAAI,aAAa;AAAA,MAAA;AAAA,MAElD,IAAI;AAAA,IAAA,CAEZ,CACL,CACJ,GACA,sBAAA,cAAC,WAAA,MACI,EAAE,KAAK,IAAI,CAAC,KAAK,MACd,sBAAA,cAAC,UAAA,EAAS,KAAK,GAAG,OAAK,QAClB,EAAE,QAAQ,IAAI,CAAC,QACZ,sBAAA,cAAC,WAAA,EAAU,KAAK,IAAI,IAAI,OAAO,IAAI,MAAA,GAC9B,IAAI,IAAI,EAAE,CACf,CACH,CACL,CACH,CACL,CACJ,CACJ,GA5BE;AAAA,EA4BF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAhDwB;AAoDjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}
+{"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.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { TabsProps as MuiTabsProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type TabItem = {
+    value: string;
+    label: string;
+    content?: React.FC;
+    disabled?: boolean;
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        value: string;
+        onChange: (value: string) => void;
+        tabs: TabItem[];
+        orientation?: MuiTabsProps['orientation'];
+        variant?: MuiTabsProps['variant'];
+        sx?: MuiTabsProps['sx'];
+    };
+}>;
+export declare const useTabs: (params: ComponentParams<Struct>) => Component<Struct>;
+export type TabsStruct = Struct;
+export declare const Tabs: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuC,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,IAAI,EAAE,OAAO,EAAE,CAAC;QAChB,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;QAC1C,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAClC,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAgEzE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,eAAO,MAAM,IAAI,qDAAmB,CAAC"}

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":["import React from 'react';\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, type TabsProps as MuiTabsProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\nexport type TabItem = {\n    value: string;\n    label: string;\n    content?: React.FC;\n    disabled?: boolean;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string;\n            onChange: (value: string) => void;\n            tabs: TabItem[];\n            orientation?: MuiTabsProps['orientation'];\n            variant?: MuiTabsProps['variant'];\n            sx?: MuiTabsProps['sx'];\n        };\n    }\n>;\n\nexport const useTabs = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'Tabs',\n        props: {\n            value: '',\n            onChange: () => {},\n            tabs: [],\n            orientation: 'horizontal',\n            variant: 'standard',\n            sx: undefined,\n        },\n        view: () =>\n            m.orientation === 'vertical' ? (\n                <Box sx={{ display: 'flex' }}>\n                    <Box sx={{ borderRight: 1, borderColor: 'divider' }}>\n                        <MuiTabs\n                            value={m.value}\n                            onChange={(_, v: string) => m.onChange(v)}\n                            orientation=\"vertical\"\n                            variant={m.variant}\n                            sx={m.sx}\n                        >\n                            {m.tabs.map((tab) => (\n                                <MuiTab key={tab.value} value={tab.value} label={tab.label} disabled={tab.disabled} />\n                            ))}\n                        </MuiTabs>\n                    </Box>\n                    <Box sx={{ flex: 1 }}>\n                        {m.tabs.map((tab) => (\n                            <div key={tab.value} role=\"tabpanel\" hidden={m.value !== tab.value}>\n                                {m.value === tab.value && tab.content && <tab.content />}\n                            </div>\n                        ))}\n                    </Box>\n                </Box>\n            ) : (\n                <>\n                    <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n                        <MuiTabs\n                            value={m.value}\n                            onChange={(_, v: string) => m.onChange(v)}\n                            variant={m.variant}\n                            sx={m.sx}\n                        >\n                            {m.tabs.map((tab) => (\n                                <MuiTab key={tab.value} value={tab.value} label={tab.label} disabled={tab.disabled} />\n                            ))}\n                        </MuiTabs>\n                    </Box>\n                    {m.tabs.map((tab) => (\n                        <div key={tab.value} role=\"tabpanel\" hidden={m.value !== tab.value}>\n                            {m.value === tab.value && tab.content && <tab.content />}\n                        </div>\n                    ))}\n                </>\n            ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TabsStruct = Struct;\n\nexport const Tabs = toReact(useTabs);\nTabs.displayName = 'Tabs';\n"],"names":["MuiTabs","MuiTab"],"mappings":";;;;;AAiCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,MAAM,CAAA;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,EAAE,gBAAgB,aACd,sBAAA,cAAC,KAAA,EAAI,IAAI,EAAE,SAAS,YAChB,sBAAA,cAAC,OAAI,IAAI,EAAE,aAAa,GAAG,aAAa,YAAU,GAC9C,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,MAAc,EAAE,SAAS,CAAC,GAA9B;AAAA,QACV,aAAY;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAACC,OAAO,KAAK,IAAI,OAAO,OAAO,IAAI,OAAO,OAAO,IAAI,OAAO,UAAU,IAAI,UAAU,CACvF;AAAA,IAAA,CAET,GACA,sBAAA,cAAC,KAAA,EAAI,IAAI,EAAE,MAAM,EAAA,EAAE,GACd,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAAC,OAAA,EAAI,KAAK,IAAI,OAAO,MAAK,YAAW,QAAQ,EAAE,UAAU,IAAI,SACxD,EAAE,UAAU,IAAI,SAAS,IAAI,WAAW,sBAAA,cAAC,IAAI,SAAJ,IAAY,CAC1D,CACH,CACL,CACJ,IAEA,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,KAAA,EAAI,IAAI,EAAE,cAAc,GAAG,aAAa,UAAA,EAAU,GAC/C,sBAAA;AAAA,MAACD;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,MAAc,EAAE,SAAS,CAAC,GAA9B;AAAA,QACV,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAACC,OAAO,KAAK,IAAI,OAAO,OAAO,IAAI,OAAO,OAAO,IAAI,OAAO,UAAU,IAAI,UAAU,CACvF;AAAA,IAAA,CAET,GACC,EAAE,KAAK,IAAI,CAAC,QACT,sBAAA,cAAC,OAAA,EAAI,KAAK,IAAI,OAAO,MAAK,YAAW,QAAQ,EAAE,UAAU,IAAI,MAAA,GACxD,EAAE,UAAU,IAAI,SAAS,IAAI,WAAW,sBAAA,cAAC,IAAI,SAAJ,IAAY,CAC1D,CACH,CACL,GA3CF;AAAA,EA2CE;AAIZ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAhEuB;AAoEhB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
+{"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.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        value: string;
+        onChange: (value: string) => void;
+        label?: string;
+        placeholder?: string;
+        helperText?: string;
+        error?: boolean;
+        type?: string;
+        multiline?: boolean;
+        rows?: number;
+        fullWidth?: boolean;
+        variant?: MuiTextFieldProps['variant'];
+        size?: MuiTextFieldProps['size'];
+        color?: MuiTextFieldProps['color'];
+        sx?: MuiTextFieldProps['sx'];
+    };
+}>;
+export declare const useTextField: (params: ComponentParams<Struct>) => Component<Struct>;
+export type TextFieldStruct = Struct;
+export declare const TextField: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=TextField.d.ts.map

package/dist/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA6B,KAAK,cAAc,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EACH,KAAK,eAAe,EAEpB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEjB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACvC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACnC,EAAE,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAChC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA+C9E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AAErC,eAAO,MAAM,SAAS,qDAAwB,CAAC"}

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":["import React from 'react';\nimport { TextField as MuiTextField, type TextFieldProps as MuiTextFieldProps } from '@mui/material';\nimport {\n    type ComponentStruct,\n    type ComponentDef,\n    type ComponentParams,\n    type Component,\n    type ComponentModel,\n} from '@actdim/dynstruct/componentModel/contracts';\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n    TMsgStruct,\n    {\n        props: {\n            value: string;\n            onChange: (value: string) => void;\n            label?: string;\n            placeholder?: string;\n            helperText?: string;\n            error?: boolean;\n            type?: string;\n            multiline?: boolean;\n            rows?: number;\n            fullWidth?: boolean;\n            variant?: MuiTextFieldProps['variant'];\n            size?: MuiTextFieldProps['size'];\n            color?: MuiTextFieldProps['color'];\n            sx?: MuiTextFieldProps['sx'];\n        };\n    }\n>;\n\nexport const useTextField = (params: ComponentParams<Struct>): Component<Struct> => {\n    let c: Component<Struct>;\n    let m: ComponentModel<Struct>;\n\n    const def: ComponentDef<Struct> = {\n        regType: 'TextField',\n        props: {\n            value: '',\n            onChange: () => {},\n            label: undefined,\n            placeholder: undefined,\n            helperText: undefined,\n            error: false,\n            type: 'text',\n            multiline: false,\n            rows: undefined,\n            fullWidth: false,\n            variant: 'outlined',\n            size: 'medium',\n            color: 'primary',\n            sx: undefined,\n        },\n        view: () => (\n            <MuiTextField\n                value={m.value}\n                onChange={(e) => m.onChange(e.target.value)}\n                label={m.label}\n                placeholder={m.placeholder}\n                helperText={m.helperText}\n                error={m.error}\n                type={m.type}\n                multiline={m.multiline}\n                rows={m.rows}\n                fullWidth={m.fullWidth}\n                variant={m.variant}\n                size={m.size}\n                color={m.color}\n                disabled={m.$.isDisabled}\n                slotProps={{ input: { readOnly: m.$.isReadOnly } }}\n                sx={m.sx}\n            />\n        ),\n    };\n\n    c = useComponent(def, params);\n    m = c.model;\n    return c;\n};\n\nexport type TextFieldStruct = Struct;\n\nexport const TextField = toReact(useTextField);\nTextField.displayName = 'TextField';\n"],"names":["MuiTextField"],"mappings":";;;;;AAkCO,MAAM,eAAe,wBAAC,WAAuD;AAChF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,GAAhC;AAAA,QACV,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,YAAY,EAAE;AAAA,QACd,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,SAAS,EAAE;AAAA,QACX,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,UAAU,EAAE,EAAE;AAAA,QACd,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,aAAW;AAAA,QAC/C,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAjBR;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA/C4B;AAmDrB,MAAM,YAAY,QAAQ,YAAY;AAC7C,UAAU,cAAc;"}
+{"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;"}

package/dist/Toast.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { SnackbarProps as MuiSnackbarProps, AlertProps as MuiAlertProps } from '@mui/material';
+import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
+import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
+export type ToastItem = {
+    id: string;
+    message: string;
+    title?: string;
+    severity?: MuiAlertProps['severity'];
+    variant?: MuiAlertProps['variant'];
+    autoHideDuration?: number | null;
+    action?: React.ReactNode;
+    alertSx?: MuiAlertProps['sx'];
+};
+type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
+    props: {
+        items?: ToastItem[];
+        onDismiss?: (id: string) => void;
+        open?: boolean;
+        onClose?: () => void;
+        message?: string;
+        title?: string;
+        severity?: MuiAlertProps['severity'];
+        variant?: MuiAlertProps['variant'];
+        autoHideDuration?: number | null;
+        anchorOrigin?: MuiSnackbarProps['anchorOrigin'];
+        action?: React.ReactNode;
+        sx?: MuiSnackbarProps['sx'];
+        alertSx?: MuiAlertProps['sx'];
+    };
+}>;
+export declare const useToast: (params: ComponentParams<Struct>) => Component<Struct>;
+export type ToastStruct = Struct;
+export declare const Toast: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
+export {};
+//# sourceMappingURL=Toast.d.ts.map