@actdim/dynstruct-mui 0.9.1 → 1.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +91 -91
- package/dist/Accordion.es.js +28 -21
- package/dist/Accordion.es.js.map +1 -1
- package/dist/Alert.es.js +26 -19
- package/dist/Alert.es.js.map +1 -1
- package/dist/Autocomplete.es.js +46 -39
- package/dist/Autocomplete.es.js.map +1 -1
- package/dist/Avatar.es.js +19 -12
- package/dist/Avatar.es.js.map +1 -1
- package/dist/Badge.es.js +31 -24
- package/dist/Badge.es.js.map +1 -1
- package/dist/Breadcrumbs.es.js +32 -25
- package/dist/Breadcrumbs.es.js.map +1 -1
- package/dist/Button.es.js +36 -29
- package/dist/Button.es.js.map +1 -1
- package/dist/Card.es.js +27 -20
- package/dist/Card.es.js.map +1 -1
- package/dist/Checkbox.es.js +39 -32
- package/dist/Checkbox.es.js.map +1 -1
- package/dist/Chip.es.js +30 -23
- package/dist/Chip.es.js.map +1 -1
- package/dist/CircularProgress.es.js +27 -20
- package/dist/CircularProgress.es.js.map +1 -1
- package/dist/Dialog.es.js +35 -28
- package/dist/Dialog.es.js.map +1 -1
- package/dist/Drawer.es.js +31 -24
- package/dist/Drawer.es.js.map +1 -1
- package/dist/Fab.es.js +33 -26
- package/dist/Fab.es.js.map +1 -1
- package/dist/IconButton.es.js +34 -27
- package/dist/IconButton.es.js.map +1 -1
- package/dist/LinearProgress.es.js +26 -19
- package/dist/LinearProgress.es.js.map +1 -1
- package/dist/List.es.js +23 -16
- package/dist/List.es.js.map +1 -1
- package/dist/Menu.es.js +32 -24
- package/dist/Menu.es.js.map +1 -1
- package/dist/Pagination.es.js +32 -25
- package/dist/Pagination.es.js.map +1 -1
- package/dist/RadioGroup.es.js +39 -32
- package/dist/RadioGroup.es.js.map +1 -1
- package/dist/Rating.es.js +30 -23
- package/dist/Rating.es.js.map +1 -1
- package/dist/Select.es.js +44 -37
- package/dist/Select.es.js.map +1 -1
- package/dist/Skeleton.es.js +26 -19
- package/dist/Skeleton.es.js.map +1 -1
- package/dist/Slider.es.js +36 -29
- package/dist/Slider.es.js.map +1 -1
- package/dist/Snackbar.es.js +31 -24
- package/dist/Snackbar.es.js.map +1 -1
- package/dist/SpeedDial.es.js +33 -26
- package/dist/SpeedDial.es.js.map +1 -1
- package/dist/Stepper.es.js +32 -25
- package/dist/Stepper.es.js.map +1 -1
- package/dist/Switch.es.js +37 -30
- package/dist/Switch.es.js.map +1 -1
- package/dist/Table.es.js +26 -19
- package/dist/Table.es.js.map +1 -1
- package/dist/Tabs.es.js +35 -28
- package/dist/Tabs.es.js.map +1 -1
- package/dist/TextField.es.js +42 -35
- package/dist/TextField.es.js.map +1 -1
- package/dist/ToggleButtonGroup.es.js +37 -30
- package/dist/ToggleButtonGroup.es.js.map +1 -1
- package/dist/Tooltip.es.js +21 -14
- package/dist/Tooltip.es.js.map +1 -1
- package/dist/index.es.js +99 -99
- package/dist/index.es.js.map +1 -1
- package/package.json +132 -134
- package/dist/Accordion.d.ts +0 -19
- package/dist/Accordion.d.ts.map +0 -1
- package/dist/Alert.d.ts +0 -18
- package/dist/Alert.d.ts.map +0 -1
- package/dist/Autocomplete.d.ts +0 -26
- package/dist/Autocomplete.d.ts.map +0 -1
- package/dist/Avatar.d.ts +0 -18
- package/dist/Avatar.d.ts.map +0 -1
- package/dist/Badge.d.ts +0 -21
- package/dist/Badge.d.ts.map +0 -1
- package/dist/Breadcrumbs.d.ts +0 -22
- package/dist/Breadcrumbs.d.ts.map +0 -1
- package/dist/Button.d.ts +0 -23
- package/dist/Button.d.ts.map +0 -1
- package/dist/Card.d.ts +0 -21
- package/dist/Card.d.ts.map +0 -1
- package/dist/Checkbox.d.ts +0 -22
- package/dist/Checkbox.d.ts.map +0 -1
- package/dist/Chip.d.ts +0 -21
- package/dist/Chip.d.ts.map +0 -1
- package/dist/CircularProgress.d.ts +0 -19
- package/dist/CircularProgress.d.ts.map +0 -1
- package/dist/Dialog.d.ts +0 -22
- package/dist/Dialog.d.ts.map +0 -1
- package/dist/Drawer.d.ts +0 -19
- package/dist/Drawer.d.ts.map +0 -1
- package/dist/Fab.d.ts +0 -21
- package/dist/Fab.d.ts.map +0 -1
- package/dist/IconButton.d.ts +0 -21
- package/dist/IconButton.d.ts.map +0 -1
- package/dist/LinearProgress.d.ts +0 -18
- package/dist/LinearProgress.d.ts.map +0 -1
- package/dist/List.d.ts +0 -25
- package/dist/List.d.ts.map +0 -1
- package/dist/Menu.d.ts +0 -24
- package/dist/Menu.d.ts.map +0 -1
- package/dist/Pagination.d.ts +0 -21
- package/dist/Pagination.d.ts.map +0 -1
- package/dist/RadioGroup.d.ts +0 -27
- package/dist/RadioGroup.d.ts.map +0 -1
- package/dist/Rating.d.ts +0 -20
- package/dist/Rating.d.ts.map +0 -1
- package/dist/Select.d.ts +0 -28
- package/dist/Select.d.ts.map +0 -1
- package/dist/Skeleton.d.ts +0 -18
- package/dist/Skeleton.d.ts.map +0 -1
- package/dist/Slider.d.ts +0 -24
- package/dist/Slider.d.ts.map +0 -1
- package/dist/Snackbar.d.ts +0 -20
- package/dist/Snackbar.d.ts.map +0 -1
- package/dist/SpeedDial.d.ts +0 -24
- package/dist/SpeedDial.d.ts.map +0 -1
- package/dist/Stepper.d.ts +0 -23
- package/dist/Stepper.d.ts.map +0 -1
- package/dist/Switch.d.ts +0 -21
- package/dist/Switch.d.ts.map +0 -1
- package/dist/Table.d.ts +0 -24
- package/dist/Table.d.ts.map +0 -1
- package/dist/Tabs.d.ts +0 -25
- package/dist/Tabs.d.ts.map +0 -1
- package/dist/TextField.d.ts +0 -27
- package/dist/TextField.d.ts.map +0 -1
- package/dist/ToggleButtonGroup.d.ts +0 -28
- package/dist/ToggleButtonGroup.d.ts.map +0 -1
- package/dist/Tooltip.d.ts +0 -17
- package/dist/Tooltip.d.ts.map +0 -1
- package/dist/index.d.ts +0 -34
- package/dist/index.d.ts.map +0 -1
package/dist/Breadcrumbs.es.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Breadcrumbs as Breadcrumbs$1, Typography, Link } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useBreadcrumbs = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "Breadcrumbs",
|
|
8
11
|
props: {
|
|
9
12
|
items: [],
|
|
@@ -11,34 +14,38 @@ const d = (t) => {
|
|
|
11
14
|
maxItems: 8,
|
|
12
15
|
sx: void 0
|
|
13
16
|
},
|
|
14
|
-
view: () => /* @__PURE__ */
|
|
15
|
-
|
|
17
|
+
view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
|
|
18
|
+
Breadcrumbs$1,
|
|
16
19
|
{
|
|
17
|
-
separator:
|
|
18
|
-
maxItems:
|
|
20
|
+
separator: m.separator,
|
|
21
|
+
maxItems: m.maxItems,
|
|
19
22
|
"aria-label": "breadcrumb",
|
|
20
|
-
sx:
|
|
23
|
+
sx: m.sx
|
|
21
24
|
},
|
|
22
|
-
|
|
23
|
-
(
|
|
24
|
-
|
|
25
|
+
m.items.map(
|
|
26
|
+
(item, i) => i === m.items.length - 1 ? /* @__PURE__ */ React.createElement(Typography, { key: i, sx: { color: "text.primary" } }, item.label) : /* @__PURE__ */ React.createElement(
|
|
27
|
+
Link,
|
|
25
28
|
{
|
|
26
|
-
key:
|
|
29
|
+
key: i,
|
|
27
30
|
underline: "hover",
|
|
28
31
|
color: "inherit",
|
|
29
|
-
href:
|
|
30
|
-
onClick:
|
|
31
|
-
sx: { cursor:
|
|
32
|
+
href: item.href,
|
|
33
|
+
onClick: item.onClick,
|
|
34
|
+
sx: { cursor: item.onClick && !item.href ? "pointer" : void 0 }
|
|
32
35
|
},
|
|
33
|
-
|
|
36
|
+
item.label
|
|
34
37
|
)
|
|
35
38
|
)
|
|
36
|
-
)
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
), "view")
|
|
40
|
+
};
|
|
41
|
+
c = useComponent(def, params);
|
|
42
|
+
m = c.model;
|
|
43
|
+
return c;
|
|
44
|
+
}, "useBreadcrumbs");
|
|
45
|
+
const Breadcrumbs = toReact(useBreadcrumbs);
|
|
46
|
+
Breadcrumbs.displayName = "Breadcrumbs";
|
|
40
47
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
48
|
+
Breadcrumbs,
|
|
49
|
+
useBreadcrumbs
|
|
43
50
|
};
|
|
44
51
|
//# sourceMappingURL=Breadcrumbs.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.es.js","sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Breadcrumbs as MuiBreadcrumbs,\r\n Link,\r\n Typography,\r\n type BreadcrumbsProps as MuiBreadcrumbsProps,\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 BreadcrumbItem = {\r\n label: string;\r\n href?: string;\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 items: BreadcrumbItem[];\r\n separator?: React.ReactNode;\r\n maxItems?: number;\r\n sx?: MuiBreadcrumbsProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useBreadcrumbs = (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: 'Breadcrumbs',\r\n props: {\r\n items: [],\r\n separator: undefined,\r\n maxItems: 8,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiBreadcrumbs\r\n separator={m.separator}\r\n maxItems={m.maxItems}\r\n aria-label=\"breadcrumb\"\r\n sx={m.sx}\r\n >\r\n {m.items.map((item, i) =>\r\n i === m.items.length - 1 ? (\r\n <Typography key={i} sx={{ color: 'text.primary' }}>\r\n {item.label}\r\n </Typography>\r\n ) : (\r\n <Link\r\n key={i}\r\n underline=\"hover\"\r\n color=\"inherit\"\r\n href={item.href}\r\n onClick={item.onClick}\r\n sx={{ cursor: item.onClick && !item.href ? 'pointer' : undefined }}\r\n >\r\n {item.label}\r\n </Link>\r\n ),\r\n )}\r\n </MuiBreadcrumbs>\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 BreadcrumbsStruct = Struct;\r\n\r\nexport const Breadcrumbs = toReact(useBreadcrumbs);\r\nBreadcrumbs.displayName = 'Breadcrumbs';\r\n"],"names":["MuiBreadcrumbs"],"mappings":";;;;;AAmCO,MAAM,iBAAiB,wBAAC,WAAuD;AAClF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,WAAW,EAAE;AAAA,QACb,UAAU,EAAE;AAAA,QACZ,cAAW;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM;AAAA,QAAI,CAAC,MAAM,MAChB,MAAM,EAAE,MAAM,SAAS,IACnB,sBAAA,cAAC,cAAW,KAAK,GAAG,IAAI,EAAE,OAAO,iBAAe,GAC3C,KAAK,KACV,IAEA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAM,KAAK;AAAA,YACX,SAAS,KAAK;AAAA,YACd,IAAI,EAAE,QAAQ,KAAK,WAAW,CAAC,KAAK,OAAO,YAAY,OAAA;AAAA,UAAU;AAAA,UAEhE,KAAK;AAAA,QAAA;AAAA,MACV;AAAA,IAER,GAxBF;AAAA,EAyBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5C8B;AAgDvB,MAAM,cAAc,QAAQ,cAAc;AACjD,YAAY,cAAc;"}
|
package/dist/Button.es.js
CHANGED
|
@@ -1,44 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Button as Button$1 } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useButton = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "Button",
|
|
8
11
|
props: {
|
|
9
12
|
label: "",
|
|
10
|
-
onClick: () => {
|
|
11
|
-
},
|
|
13
|
+
onClick: /* @__PURE__ */ __name(() => {
|
|
14
|
+
}, "onClick"),
|
|
12
15
|
variant: "contained",
|
|
13
16
|
color: "primary",
|
|
14
17
|
size: "medium",
|
|
15
|
-
fullWidth:
|
|
18
|
+
fullWidth: false,
|
|
16
19
|
startIcon: void 0,
|
|
17
20
|
endIcon: void 0,
|
|
18
|
-
loading:
|
|
21
|
+
loading: false,
|
|
19
22
|
sx: void 0
|
|
20
23
|
},
|
|
21
|
-
view: () => /* @__PURE__ */
|
|
22
|
-
|
|
24
|
+
view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
|
|
25
|
+
Button$1,
|
|
23
26
|
{
|
|
24
|
-
variant:
|
|
25
|
-
color:
|
|
26
|
-
size:
|
|
27
|
-
fullWidth:
|
|
28
|
-
disabled:
|
|
29
|
-
loading:
|
|
30
|
-
startIcon:
|
|
31
|
-
endIcon:
|
|
32
|
-
sx:
|
|
33
|
-
onClick:
|
|
27
|
+
variant: m.variant,
|
|
28
|
+
color: m.color,
|
|
29
|
+
size: m.size,
|
|
30
|
+
fullWidth: m.fullWidth,
|
|
31
|
+
disabled: m.$.isDisabled,
|
|
32
|
+
loading: m.loading,
|
|
33
|
+
startIcon: m.startIcon,
|
|
34
|
+
endIcon: m.endIcon,
|
|
35
|
+
sx: m.sx,
|
|
36
|
+
onClick: m.onClick
|
|
34
37
|
},
|
|
35
|
-
|
|
36
|
-
)
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
m.label
|
|
39
|
+
), "view")
|
|
40
|
+
};
|
|
41
|
+
c = useComponent(def, params);
|
|
42
|
+
m = c.model;
|
|
43
|
+
return c;
|
|
44
|
+
}, "useButton");
|
|
45
|
+
const Button = toReact(useButton);
|
|
46
|
+
Button.displayName = "Button";
|
|
40
47
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
48
|
+
Button,
|
|
49
|
+
useButton
|
|
43
50
|
};
|
|
44
51
|
//# sourceMappingURL=Button.es.js.map
|
package/dist/Button.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Button.es.js","sources":["../src/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button as MuiButton, type ButtonProps as MuiButtonProps } 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 label: string;\r\n onClick: () => void;\r\n variant?: MuiButtonProps['variant'];\r\n color?: MuiButtonProps['color'];\r\n size?: MuiButtonProps['size'];\r\n fullWidth?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n loading?: boolean;\r\n sx?: MuiButtonProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useButton = (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: 'Button',\r\n props: {\r\n label: '',\r\n onClick: () => {},\r\n variant: 'contained',\r\n color: 'primary',\r\n size: 'medium',\r\n fullWidth: false,\r\n startIcon: undefined,\r\n endIcon: undefined,\r\n loading: false,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiButton\r\n variant={m.variant}\r\n color={m.color}\r\n size={m.size}\r\n fullWidth={m.fullWidth}\r\n disabled={m.$.isDisabled}\r\n loading={m.loading}\r\n startIcon={m.startIcon}\r\n endIcon={m.endIcon}\r\n sx={m.sx}\r\n onClick={m.onClick}\r\n >\r\n {m.label}\r\n </MuiButton>\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 ButtonStruct = Struct;\r\n\r\nexport const Button = toReact(useButton);\r\nButton.displayName = 'Button';\r\n"],"names":["MuiButton"],"mappings":";;;;;AA8BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,UAAU,EAAE,EAAE;AAAA,QACd,SAAS,EAAE;AAAA,QACX,WAAW,EAAE;AAAA,QACb,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,QACN,SAAS,EAAE;AAAA,MAAA;AAAA,MAEV,EAAE;AAAA,IAAA,GAbL;AAAA,EAcF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAvCyB;AA2ClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
|
package/dist/Card.es.js
CHANGED
|
@@ -1,34 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Card as Card$1, CardHeader, CardContent, CardActions } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useCard = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "Card",
|
|
8
11
|
props: {
|
|
9
|
-
content: () => null,
|
|
12
|
+
content: /* @__PURE__ */ __name(() => null, "content"),
|
|
10
13
|
title: void 0,
|
|
11
14
|
subheader: void 0,
|
|
12
15
|
avatar: void 0,
|
|
13
16
|
headerAction: void 0,
|
|
14
17
|
actions: void 0,
|
|
15
|
-
raised:
|
|
18
|
+
raised: false,
|
|
16
19
|
sx: void 0
|
|
17
20
|
},
|
|
18
|
-
view: () => /* @__PURE__ */
|
|
19
|
-
|
|
21
|
+
view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(Card$1, { raised: m.raised, sx: m.sx }, (m.title || m.subheader || m.avatar || m.headerAction) && /* @__PURE__ */ React.createElement(
|
|
22
|
+
CardHeader,
|
|
20
23
|
{
|
|
21
|
-
title:
|
|
22
|
-
subheader:
|
|
23
|
-
avatar:
|
|
24
|
-
action:
|
|
24
|
+
title: m.title,
|
|
25
|
+
subheader: m.subheader,
|
|
26
|
+
avatar: m.avatar,
|
|
27
|
+
action: m.headerAction ? /* @__PURE__ */ React.createElement(m.headerAction, null) : void 0
|
|
25
28
|
}
|
|
26
|
-
), /* @__PURE__ */
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
m
|
|
29
|
+
), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(m.content, null)), m.actions && /* @__PURE__ */ React.createElement(CardActions, null, /* @__PURE__ */ React.createElement(m.actions, null))), "view")
|
|
30
|
+
};
|
|
31
|
+
c = useComponent(def, params);
|
|
32
|
+
m = c.model;
|
|
33
|
+
return c;
|
|
34
|
+
}, "useCard");
|
|
35
|
+
const Card = toReact(useCard);
|
|
36
|
+
Card.displayName = "Card";
|
|
30
37
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
38
|
+
Card,
|
|
39
|
+
useCard
|
|
33
40
|
};
|
|
34
41
|
//# sourceMappingURL=Card.es.js.map
|
package/dist/Card.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Card.es.js","sources":["../src/Card.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Card as MuiCard,\r\n CardHeader,\r\n CardContent,\r\n CardActions,\r\n type CardProps as MuiCardProps,\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 content: React.FC;\r\n title?: React.ReactNode;\r\n subheader?: React.ReactNode;\r\n avatar?: React.ReactNode;\r\n headerAction?: React.FC;\r\n actions?: React.FC;\r\n raised?: boolean;\r\n sx?: MuiCardProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useCard = (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: 'Card',\r\n props: {\r\n content: () => null,\r\n title: undefined,\r\n subheader: undefined,\r\n avatar: undefined,\r\n headerAction: undefined,\r\n actions: undefined,\r\n raised: false,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiCard raised={m.raised} sx={m.sx}>\r\n {(m.title || m.subheader || m.avatar || m.headerAction) && (\r\n <CardHeader\r\n title={m.title}\r\n subheader={m.subheader}\r\n avatar={m.avatar}\r\n action={m.headerAction ? <m.headerAction /> : undefined}\r\n />\r\n )}\r\n <CardContent>\r\n <m.content />\r\n </CardContent>\r\n {m.actions && (\r\n <CardActions>\r\n <m.actions />\r\n </CardActions>\r\n )}\r\n </MuiCard>\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 CardStruct = Struct;\r\n\r\nexport const Card = toReact(useCard);\r\nCard.displayName = 'Card';\r\n"],"names":["MuiCard"],"mappings":";;;;;AAkCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,6BAAM,MAAN;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,QAAQ,EAAE,QAAQ,IAAI,EAAE,GAAA,IAC3B,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,iBACtC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,WAAW,EAAE;AAAA,QACb,QAAQ,EAAE;AAAA,QACV,QAAQ,EAAE,mDAAgB,EAAE,cAAF,IAAe,IAAK;AAAA,MAAA;AAAA,IAAA,GAGtD,sBAAA,cAAC,aAAA,0CACI,EAAE,SAAF,IAAU,CACf,GACC,EAAE,+CACE,aAAA,MACG,sBAAA,cAAC,EAAE,SAAF,IAAU,CACf,CAER,GAlBE;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAzCuB;AA6ChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
|
package/dist/Checkbox.es.js
CHANGED
|
@@ -1,49 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Checkbox as Checkbox$1, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useCheckbox = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "Checkbox",
|
|
8
11
|
props: {
|
|
9
|
-
checked:
|
|
10
|
-
onChange: () => {
|
|
11
|
-
},
|
|
12
|
+
checked: false,
|
|
13
|
+
onChange: /* @__PURE__ */ __name(() => {
|
|
14
|
+
}, "onChange"),
|
|
12
15
|
label: void 0,
|
|
13
16
|
helperText: void 0,
|
|
14
|
-
error:
|
|
17
|
+
error: false,
|
|
15
18
|
color: "primary",
|
|
16
19
|
size: "medium",
|
|
17
|
-
indeterminate:
|
|
20
|
+
indeterminate: false,
|
|
18
21
|
sx: void 0
|
|
19
22
|
},
|
|
20
|
-
view: () => {
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
+
view: /* @__PURE__ */ __name(() => {
|
|
24
|
+
const checkbox = /* @__PURE__ */ React.createElement(
|
|
25
|
+
Checkbox$1,
|
|
23
26
|
{
|
|
24
|
-
checked:
|
|
25
|
-
onChange: (
|
|
26
|
-
color:
|
|
27
|
-
size:
|
|
28
|
-
indeterminate:
|
|
27
|
+
checked: m.checked,
|
|
28
|
+
onChange: /* @__PURE__ */ __name((e) => m.onChange(e.target.checked), "onChange"),
|
|
29
|
+
color: m.color,
|
|
30
|
+
size: m.size,
|
|
31
|
+
indeterminate: m.indeterminate
|
|
29
32
|
}
|
|
30
33
|
);
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
34
|
+
return /* @__PURE__ */ React.createElement(
|
|
35
|
+
FormControl,
|
|
33
36
|
{
|
|
34
|
-
error:
|
|
35
|
-
disabled:
|
|
36
|
-
sx:
|
|
37
|
+
error: m.error,
|
|
38
|
+
disabled: m.$.isDisabled,
|
|
39
|
+
sx: m.sx
|
|
37
40
|
},
|
|
38
|
-
|
|
39
|
-
|
|
41
|
+
m.label != null ? /* @__PURE__ */ React.createElement(FormControlLabel, { control: checkbox, label: m.label }) : checkbox,
|
|
42
|
+
m.helperText && /* @__PURE__ */ React.createElement(FormHelperText, null, m.helperText)
|
|
40
43
|
);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
}, "view")
|
|
45
|
+
};
|
|
46
|
+
c = useComponent(def, params);
|
|
47
|
+
m = c.model;
|
|
48
|
+
return c;
|
|
49
|
+
}, "useCheckbox");
|
|
50
|
+
const Checkbox = toReact(useCheckbox);
|
|
51
|
+
Checkbox.displayName = "Checkbox";
|
|
45
52
|
export {
|
|
46
|
-
|
|
47
|
-
|
|
53
|
+
Checkbox,
|
|
54
|
+
useCheckbox
|
|
48
55
|
};
|
|
49
56
|
//# sourceMappingURL=Checkbox.es.js.map
|
package/dist/Checkbox.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Checkbox.es.js","sources":["../src/Checkbox.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Checkbox as MuiCheckbox,\r\n FormControl,\r\n FormControlLabel,\r\n FormHelperText,\r\n type CheckboxProps as MuiCheckboxProps,\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?: MuiCheckboxProps['color'];\r\n size?: MuiCheckboxProps['size'];\r\n indeterminate?: boolean;\r\n sx?: MuiFormControlProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useCheckbox = (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: 'Checkbox',\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 indeterminate: false,\r\n sx: undefined,\r\n },\r\n view: () => {\r\n const checkbox = (\r\n <MuiCheckbox\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 indeterminate={m.indeterminate}\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={checkbox} label={m.label} />\r\n ) : (\r\n checkbox\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 CheckboxStruct = Struct;\r\n\r\nexport const Checkbox = toReact(useCheckbox);\r\nCheckbox.displayName = 'Checkbox';\r\n"],"names":["MuiCheckbox"],"mappings":";;;;;AAoCO,MAAM,cAAc,wBAAC,WAAuD;AAC/E,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,eAAe;AAAA,MACf,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,WACF,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,UACR,eAAe,EAAE;AAAA,QAAA;AAAA,MAAA;AAGzB,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,UAAU,OAAO,EAAE,MAAA,CAAO,IAErD;AAAA,QAEH,EAAE,cAAc,sBAAA,cAAC,gBAAA,MAAgB,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D,GAxBM;AAAA,EAwBN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA/C2B;AAmDpB,MAAM,WAAW,QAAQ,WAAW;AAC3C,SAAS,cAAc;"}
|
package/dist/Chip.es.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Chip as Chip$1 } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useChip = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "Chip",
|
|
8
11
|
props: {
|
|
9
12
|
label: "",
|
|
@@ -15,25 +18,29 @@ const r = (i) => {
|
|
|
15
18
|
icon: void 0,
|
|
16
19
|
sx: void 0
|
|
17
20
|
},
|
|
18
|
-
view: () => /* @__PURE__ */
|
|
19
|
-
|
|
21
|
+
view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
|
|
22
|
+
Chip$1,
|
|
20
23
|
{
|
|
21
|
-
label:
|
|
22
|
-
onClick:
|
|
23
|
-
onDelete:
|
|
24
|
-
variant:
|
|
25
|
-
color:
|
|
26
|
-
size:
|
|
27
|
-
icon:
|
|
28
|
-
disabled:
|
|
29
|
-
sx:
|
|
24
|
+
label: m.label,
|
|
25
|
+
onClick: m.onClick,
|
|
26
|
+
onDelete: m.onDelete,
|
|
27
|
+
variant: m.variant,
|
|
28
|
+
color: m.color,
|
|
29
|
+
size: m.size,
|
|
30
|
+
icon: m.icon,
|
|
31
|
+
disabled: m.$.isDisabled,
|
|
32
|
+
sx: m.sx
|
|
30
33
|
}
|
|
31
|
-
)
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
), "view")
|
|
35
|
+
};
|
|
36
|
+
c = useComponent(def, params);
|
|
37
|
+
m = c.model;
|
|
38
|
+
return c;
|
|
39
|
+
}, "useChip");
|
|
40
|
+
const Chip = toReact(useChip);
|
|
41
|
+
Chip.displayName = "Chip";
|
|
35
42
|
export {
|
|
36
|
-
|
|
37
|
-
|
|
43
|
+
Chip,
|
|
44
|
+
useChip
|
|
38
45
|
};
|
|
39
46
|
//# sourceMappingURL=Chip.es.js.map
|
package/dist/Chip.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Chip.es.js","sources":["../src/Chip.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Chip as MuiChip, type ChipProps as MuiChipProps } 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 label: string;\r\n onClick?: () => void;\r\n onDelete?: () => void;\r\n variant?: MuiChipProps['variant'];\r\n color?: MuiChipProps['color'];\r\n size?: MuiChipProps['size'];\r\n icon?: React.ReactNode;\r\n sx?: MuiChipProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useChip = (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: 'Chip',\r\n props: {\r\n label: '',\r\n onClick: undefined,\r\n onDelete: undefined,\r\n variant: 'filled',\r\n color: 'default',\r\n size: 'medium',\r\n icon: undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiChip\r\n label={m.label}\r\n onClick={m.onClick}\r\n onDelete={m.onDelete}\r\n variant={m.variant}\r\n color={m.color}\r\n size={m.size}\r\n icon={m.icon as React.ReactElement | undefined}\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 ChipStruct = Struct;\r\n\r\nexport const Chip = toReact(useChip);\r\nChip.displayName = 'Chip';\r\n"],"names":["MuiChip"],"mappings":";;;;;AA4BO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAVR;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlCuB;AAsChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { CircularProgress as CircularProgress$1 } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useCircularProgress = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "CircularProgress",
|
|
8
11
|
props: {
|
|
9
12
|
variant: "indeterminate",
|
|
@@ -13,22 +16,26 @@ const c = (s) => {
|
|
|
13
16
|
thickness: 3.6,
|
|
14
17
|
sx: void 0
|
|
15
18
|
},
|
|
16
|
-
view: () => /* @__PURE__ */
|
|
17
|
-
|
|
19
|
+
view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
|
|
20
|
+
CircularProgress$1,
|
|
18
21
|
{
|
|
19
|
-
variant:
|
|
20
|
-
value:
|
|
21
|
-
color:
|
|
22
|
-
size:
|
|
23
|
-
thickness:
|
|
24
|
-
sx:
|
|
22
|
+
variant: m.variant,
|
|
23
|
+
value: m.value,
|
|
24
|
+
color: m.color,
|
|
25
|
+
size: m.size,
|
|
26
|
+
thickness: m.thickness,
|
|
27
|
+
sx: m.sx
|
|
25
28
|
}
|
|
26
|
-
)
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
), "view")
|
|
30
|
+
};
|
|
31
|
+
c = useComponent(def, params);
|
|
32
|
+
m = c.model;
|
|
33
|
+
return c;
|
|
34
|
+
}, "useCircularProgress");
|
|
35
|
+
const CircularProgress = toReact(useCircularProgress);
|
|
36
|
+
CircularProgress.displayName = "CircularProgress";
|
|
30
37
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
38
|
+
CircularProgress,
|
|
39
|
+
useCircularProgress
|
|
33
40
|
};
|
|
34
41
|
//# sourceMappingURL=CircularProgress.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"CircularProgress.es.js","sources":["../src/CircularProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n CircularProgress as MuiCircularProgress,\r\n type CircularProgressProps as MuiCircularProgressProps,\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 variant?: MuiCircularProgressProps['variant'];\r\n value?: number;\r\n color?: MuiCircularProgressProps['color'];\r\n size?: number | string;\r\n thickness?: number;\r\n sx?: MuiCircularProgressProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useCircularProgress = (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: 'CircularProgress',\r\n props: {\r\n variant: 'indeterminate',\r\n value: undefined,\r\n color: 'primary',\r\n size: 40,\r\n thickness: 3.6,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiCircularProgress\r\n variant={m.variant}\r\n value={m.value}\r\n color={m.color}\r\n size={m.size}\r\n thickness={m.thickness}\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 CircularProgressStruct = Struct;\r\n\r\nexport const CircularProgress = toReact(useCircularProgress);\r\nCircularProgress.displayName = 'CircularProgress';\r\n"],"names":["MuiCircularProgress"],"mappings":";;;;;AA6BO,MAAM,sBAAsB,wBAAC,WAAuD;AACvF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,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,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAPR;AAAA,EAQF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA7BmC;AAiC5B,MAAM,mBAAmB,QAAQ,mBAAmB;AAC3D,iBAAiB,cAAc;"}
|
package/dist/Dialog.es.js
CHANGED
|
@@ -1,41 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions } from "@mui/material";
|
|
5
|
+
import { toReact, useComponent } from "@actdim/dynstruct/componentModel/react/hooks";
|
|
6
|
+
const useDialog = /* @__PURE__ */ __name((params) => {
|
|
7
|
+
let c;
|
|
8
|
+
let m;
|
|
9
|
+
const def = {
|
|
7
10
|
regType: "Dialog",
|
|
8
11
|
props: {
|
|
9
|
-
open:
|
|
10
|
-
onClose: () => {
|
|
11
|
-
},
|
|
12
|
+
open: false,
|
|
13
|
+
onClose: /* @__PURE__ */ __name(() => {
|
|
14
|
+
}, "onClose"),
|
|
12
15
|
title: void 0,
|
|
13
16
|
content: void 0,
|
|
14
17
|
actions: void 0,
|
|
15
18
|
maxWidth: "sm",
|
|
16
|
-
fullWidth:
|
|
17
|
-
fullScreen:
|
|
19
|
+
fullWidth: true,
|
|
20
|
+
fullScreen: false,
|
|
18
21
|
sx: void 0
|
|
19
22
|
},
|
|
20
|
-
view: () => /* @__PURE__ */
|
|
21
|
-
|
|
23
|
+
view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
|
|
24
|
+
Dialog$1,
|
|
22
25
|
{
|
|
23
|
-
open:
|
|
24
|
-
onClose:
|
|
25
|
-
maxWidth:
|
|
26
|
-
fullWidth:
|
|
27
|
-
fullScreen:
|
|
28
|
-
sx:
|
|
26
|
+
open: m.open,
|
|
27
|
+
onClose: m.onClose,
|
|
28
|
+
maxWidth: m.maxWidth,
|
|
29
|
+
fullWidth: m.fullWidth,
|
|
30
|
+
fullScreen: m.fullScreen,
|
|
31
|
+
sx: m.sx
|
|
29
32
|
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
)
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
m.title && /* @__PURE__ */ React.createElement(DialogTitle, null, m.title),
|
|
34
|
+
m.content && /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(m.content, null)),
|
|
35
|
+
m.actions && /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(m.actions, null))
|
|
36
|
+
), "view")
|
|
37
|
+
};
|
|
38
|
+
c = useComponent(def, params);
|
|
39
|
+
m = c.model;
|
|
40
|
+
return c;
|
|
41
|
+
}, "useDialog");
|
|
42
|
+
const Dialog = toReact(useDialog);
|
|
43
|
+
Dialog.displayName = "Dialog";
|
|
37
44
|
export {
|
|
38
|
-
|
|
39
|
-
|
|
45
|
+
Dialog,
|
|
46
|
+
useDialog
|
|
40
47
|
};
|
|
41
48
|
//# sourceMappingURL=Dialog.es.js.map
|