@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.
Files changed (138) hide show
  1. package/README.md +91 -91
  2. package/dist/Accordion.es.js +28 -21
  3. package/dist/Accordion.es.js.map +1 -1
  4. package/dist/Alert.es.js +26 -19
  5. package/dist/Alert.es.js.map +1 -1
  6. package/dist/Autocomplete.es.js +46 -39
  7. package/dist/Autocomplete.es.js.map +1 -1
  8. package/dist/Avatar.es.js +19 -12
  9. package/dist/Avatar.es.js.map +1 -1
  10. package/dist/Badge.es.js +31 -24
  11. package/dist/Badge.es.js.map +1 -1
  12. package/dist/Breadcrumbs.es.js +32 -25
  13. package/dist/Breadcrumbs.es.js.map +1 -1
  14. package/dist/Button.es.js +36 -29
  15. package/dist/Button.es.js.map +1 -1
  16. package/dist/Card.es.js +27 -20
  17. package/dist/Card.es.js.map +1 -1
  18. package/dist/Checkbox.es.js +39 -32
  19. package/dist/Checkbox.es.js.map +1 -1
  20. package/dist/Chip.es.js +30 -23
  21. package/dist/Chip.es.js.map +1 -1
  22. package/dist/CircularProgress.es.js +27 -20
  23. package/dist/CircularProgress.es.js.map +1 -1
  24. package/dist/Dialog.es.js +35 -28
  25. package/dist/Dialog.es.js.map +1 -1
  26. package/dist/Drawer.es.js +31 -24
  27. package/dist/Drawer.es.js.map +1 -1
  28. package/dist/Fab.es.js +33 -26
  29. package/dist/Fab.es.js.map +1 -1
  30. package/dist/IconButton.es.js +34 -27
  31. package/dist/IconButton.es.js.map +1 -1
  32. package/dist/LinearProgress.es.js +26 -19
  33. package/dist/LinearProgress.es.js.map +1 -1
  34. package/dist/List.es.js +23 -16
  35. package/dist/List.es.js.map +1 -1
  36. package/dist/Menu.es.js +32 -24
  37. package/dist/Menu.es.js.map +1 -1
  38. package/dist/Pagination.es.js +32 -25
  39. package/dist/Pagination.es.js.map +1 -1
  40. package/dist/RadioGroup.es.js +39 -32
  41. package/dist/RadioGroup.es.js.map +1 -1
  42. package/dist/Rating.es.js +30 -23
  43. package/dist/Rating.es.js.map +1 -1
  44. package/dist/Select.es.js +44 -37
  45. package/dist/Select.es.js.map +1 -1
  46. package/dist/Skeleton.es.js +26 -19
  47. package/dist/Skeleton.es.js.map +1 -1
  48. package/dist/Slider.es.js +36 -29
  49. package/dist/Slider.es.js.map +1 -1
  50. package/dist/Snackbar.es.js +31 -24
  51. package/dist/Snackbar.es.js.map +1 -1
  52. package/dist/SpeedDial.es.js +33 -26
  53. package/dist/SpeedDial.es.js.map +1 -1
  54. package/dist/Stepper.es.js +32 -25
  55. package/dist/Stepper.es.js.map +1 -1
  56. package/dist/Switch.es.js +37 -30
  57. package/dist/Switch.es.js.map +1 -1
  58. package/dist/Table.es.js +26 -19
  59. package/dist/Table.es.js.map +1 -1
  60. package/dist/Tabs.es.js +35 -28
  61. package/dist/Tabs.es.js.map +1 -1
  62. package/dist/TextField.es.js +42 -35
  63. package/dist/TextField.es.js.map +1 -1
  64. package/dist/ToggleButtonGroup.es.js +37 -30
  65. package/dist/ToggleButtonGroup.es.js.map +1 -1
  66. package/dist/Tooltip.es.js +21 -14
  67. package/dist/Tooltip.es.js.map +1 -1
  68. package/dist/index.es.js +99 -99
  69. package/dist/index.es.js.map +1 -1
  70. package/package.json +132 -134
  71. package/dist/Accordion.d.ts +0 -19
  72. package/dist/Accordion.d.ts.map +0 -1
  73. package/dist/Alert.d.ts +0 -18
  74. package/dist/Alert.d.ts.map +0 -1
  75. package/dist/Autocomplete.d.ts +0 -26
  76. package/dist/Autocomplete.d.ts.map +0 -1
  77. package/dist/Avatar.d.ts +0 -18
  78. package/dist/Avatar.d.ts.map +0 -1
  79. package/dist/Badge.d.ts +0 -21
  80. package/dist/Badge.d.ts.map +0 -1
  81. package/dist/Breadcrumbs.d.ts +0 -22
  82. package/dist/Breadcrumbs.d.ts.map +0 -1
  83. package/dist/Button.d.ts +0 -23
  84. package/dist/Button.d.ts.map +0 -1
  85. package/dist/Card.d.ts +0 -21
  86. package/dist/Card.d.ts.map +0 -1
  87. package/dist/Checkbox.d.ts +0 -22
  88. package/dist/Checkbox.d.ts.map +0 -1
  89. package/dist/Chip.d.ts +0 -21
  90. package/dist/Chip.d.ts.map +0 -1
  91. package/dist/CircularProgress.d.ts +0 -19
  92. package/dist/CircularProgress.d.ts.map +0 -1
  93. package/dist/Dialog.d.ts +0 -22
  94. package/dist/Dialog.d.ts.map +0 -1
  95. package/dist/Drawer.d.ts +0 -19
  96. package/dist/Drawer.d.ts.map +0 -1
  97. package/dist/Fab.d.ts +0 -21
  98. package/dist/Fab.d.ts.map +0 -1
  99. package/dist/IconButton.d.ts +0 -21
  100. package/dist/IconButton.d.ts.map +0 -1
  101. package/dist/LinearProgress.d.ts +0 -18
  102. package/dist/LinearProgress.d.ts.map +0 -1
  103. package/dist/List.d.ts +0 -25
  104. package/dist/List.d.ts.map +0 -1
  105. package/dist/Menu.d.ts +0 -24
  106. package/dist/Menu.d.ts.map +0 -1
  107. package/dist/Pagination.d.ts +0 -21
  108. package/dist/Pagination.d.ts.map +0 -1
  109. package/dist/RadioGroup.d.ts +0 -27
  110. package/dist/RadioGroup.d.ts.map +0 -1
  111. package/dist/Rating.d.ts +0 -20
  112. package/dist/Rating.d.ts.map +0 -1
  113. package/dist/Select.d.ts +0 -28
  114. package/dist/Select.d.ts.map +0 -1
  115. package/dist/Skeleton.d.ts +0 -18
  116. package/dist/Skeleton.d.ts.map +0 -1
  117. package/dist/Slider.d.ts +0 -24
  118. package/dist/Slider.d.ts.map +0 -1
  119. package/dist/Snackbar.d.ts +0 -20
  120. package/dist/Snackbar.d.ts.map +0 -1
  121. package/dist/SpeedDial.d.ts +0 -24
  122. package/dist/SpeedDial.d.ts.map +0 -1
  123. package/dist/Stepper.d.ts +0 -23
  124. package/dist/Stepper.d.ts.map +0 -1
  125. package/dist/Switch.d.ts +0 -21
  126. package/dist/Switch.d.ts.map +0 -1
  127. package/dist/Table.d.ts +0 -24
  128. package/dist/Table.d.ts.map +0 -1
  129. package/dist/Tabs.d.ts +0 -25
  130. package/dist/Tabs.d.ts.map +0 -1
  131. package/dist/TextField.d.ts +0 -27
  132. package/dist/TextField.d.ts.map +0 -1
  133. package/dist/ToggleButtonGroup.d.ts +0 -28
  134. package/dist/ToggleButtonGroup.d.ts.map +0 -1
  135. package/dist/Tooltip.d.ts +0 -17
  136. package/dist/Tooltip.d.ts.map +0 -1
  137. package/dist/index.d.ts +0 -34
  138. package/dist/index.d.ts.map +0 -1
@@ -1,9 +1,12 @@
1
- import s from "react";
2
- import { Breadcrumbs as m, Typography as c, Link as l } from "@mui/material";
3
- import { toReact as n, useComponent as p } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const d = (t) => {
5
- let a, e;
6
- return a = p({
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__ */ s.createElement(
15
- m,
17
+ view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
18
+ Breadcrumbs$1,
16
19
  {
17
- separator: e.separator,
18
- maxItems: e.maxItems,
20
+ separator: m.separator,
21
+ maxItems: m.maxItems,
19
22
  "aria-label": "breadcrumb",
20
- sx: e.sx
23
+ sx: m.sx
21
24
  },
22
- e.items.map(
23
- (r, o) => o === e.items.length - 1 ? /* @__PURE__ */ s.createElement(c, { key: o, sx: { color: "text.primary" } }, r.label) : /* @__PURE__ */ s.createElement(
24
- l,
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: o,
29
+ key: i,
27
30
  underline: "hover",
28
31
  color: "inherit",
29
- href: r.href,
30
- onClick: r.onClick,
31
- sx: { cursor: r.onClick && !r.href ? "pointer" : void 0 }
32
+ href: item.href,
33
+ onClick: item.onClick,
34
+ sx: { cursor: item.onClick && !item.href ? "pointer" : void 0 }
32
35
  },
33
- r.label
36
+ item.label
34
37
  )
35
38
  )
36
- )
37
- }, t), e = a.model, a;
38
- }, i = n(d);
39
- i.displayName = "Breadcrumbs";
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
- i as Breadcrumbs,
42
- d as useBreadcrumbs
48
+ Breadcrumbs,
49
+ useBreadcrumbs
43
50
  };
44
51
  //# sourceMappingURL=Breadcrumbs.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Breadcrumbs.tsx"],"sourcesContent":null,"names":["useBreadcrumbs","params","c","m","useComponent","React","MuiBreadcrumbs","item","i","Typography","Link","Breadcrumbs","toReact"],"mappings":";;;AAmCO,MAAMA,IAAiB,CAACC,MAAuD;AAClF,MAAIC,GACAC;AAuCJ,SAAAD,IAAIE,EArC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,WAAWH,EAAE;AAAA,QACb,UAAUA,EAAE;AAAA,QACZ,cAAW;AAAA,QACX,IAAIA,EAAE;AAAA,MAAA;AAAA,MAELA,EAAE,MAAM;AAAA,QAAI,CAACI,GAAMC,MAChBA,MAAML,EAAE,MAAM,SAAS,IACnB,gBAAAE,EAAA,cAACI,KAAW,KAAKD,GAAG,IAAI,EAAE,OAAO,iBAAe,GAC3CD,EAAK,KACV,IAEA,gBAAAF,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,KAAKF;AAAA,YACL,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAMD,EAAK;AAAA,YACX,SAASA,EAAK;AAAA,YACd,IAAI,EAAE,QAAQA,EAAK,WAAW,CAACA,EAAK,OAAO,YAAY,OAAA;AAAA,UAAU;AAAA,UAEhEA,EAAK;AAAA,QAAA;AAAA,MACV;AAAA,IAER;AAAA,EACJ,GAIcN,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaS,IAAcC,EAAQZ,CAAc;AACjDW,EAAY,cAAc;"}
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
- import n from "react";
2
- import { Button as i } from "@mui/material";
3
- import { toReact as l, useComponent as a } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const r = (e) => {
5
- let t, o;
6
- return t = a({
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: !1,
18
+ fullWidth: false,
16
19
  startIcon: void 0,
17
20
  endIcon: void 0,
18
- loading: !1,
21
+ loading: false,
19
22
  sx: void 0
20
23
  },
21
- view: () => /* @__PURE__ */ n.createElement(
22
- i,
24
+ view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
25
+ Button$1,
23
26
  {
24
- variant: o.variant,
25
- color: o.color,
26
- size: o.size,
27
- fullWidth: o.fullWidth,
28
- disabled: o.$.isDisabled,
29
- loading: o.loading,
30
- startIcon: o.startIcon,
31
- endIcon: o.endIcon,
32
- sx: o.sx,
33
- onClick: o.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
- o.label
36
- )
37
- }, e), o = t.model, t;
38
- }, s = l(r);
39
- s.displayName = "Button";
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
- s as Button,
42
- r as useButton
48
+ Button,
49
+ useButton
43
50
  };
44
51
  //# sourceMappingURL=Button.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Button.tsx"],"sourcesContent":null,"names":["useButton","params","c","m","useComponent","React","MuiButton","Button","toReact"],"mappings":";;;AA8BO,MAAMA,IAAY,CAACC,MAAuD;AAC7E,MAAIC,GACAC;AAkCJ,SAAAD,IAAIE,EAhC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,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,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,WAAWA,EAAE;AAAA,QACb,UAAUA,EAAE,EAAE;AAAA,QACd,SAASA,EAAE;AAAA,QACX,WAAWA,EAAE;AAAA,QACb,SAASA,EAAE;AAAA,QACX,IAAIA,EAAE;AAAA,QACN,SAASA,EAAE;AAAA,MAAA;AAAA,MAEVA,EAAE;AAAA,IAAA;AAAA,EACP,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAASC,EAAQR,CAAS;AACvCO,EAAO,cAAc;"}
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
- import t from "react";
2
- import { Card as n, CardHeader as o, CardContent as d, CardActions as i } from "@mui/material";
3
- import { toReact as l, useComponent as c } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const s = (r) => {
5
- let a, e;
6
- return a = c({
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: !1,
18
+ raised: false,
16
19
  sx: void 0
17
20
  },
18
- view: () => /* @__PURE__ */ t.createElement(n, { raised: e.raised, sx: e.sx }, (e.title || e.subheader || e.avatar || e.headerAction) && /* @__PURE__ */ t.createElement(
19
- o,
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: e.title,
22
- subheader: e.subheader,
23
- avatar: e.avatar,
24
- action: e.headerAction ? /* @__PURE__ */ t.createElement(e.headerAction, null) : void 0
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__ */ t.createElement(d, null, /* @__PURE__ */ t.createElement(e.content, null)), e.actions && /* @__PURE__ */ t.createElement(i, null, /* @__PURE__ */ t.createElement(e.actions, null)))
27
- }, r), e = a.model, a;
28
- }, m = l(s);
29
- m.displayName = "Card";
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
- m as Card,
32
- s as useCard
38
+ Card,
39
+ useCard
33
40
  };
34
41
  //# sourceMappingURL=Card.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Card.tsx"],"sourcesContent":null,"names":["useCard","params","c","m","useComponent","React","MuiCard","CardHeader","CardContent","CardActions","Card","toReact"],"mappings":";;;AAkCO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AAoCJ,SAAAD,IAAIE,EAlC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,MAAM;AAAA,MACf,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MACF,gBAAAC,EAAA,cAACC,GAAA,EAAQ,QAAQH,EAAE,QAAQ,IAAIA,EAAE,GAAA,IAC3BA,EAAE,SAASA,EAAE,aAAaA,EAAE,UAAUA,EAAE,iBACtC,gBAAAE,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAOJ,EAAE;AAAA,QACT,WAAWA,EAAE;AAAA,QACb,QAAQA,EAAE;AAAA,QACV,QAAQA,EAAE,+CAAgBA,EAAE,cAAF,IAAe,IAAK;AAAA,MAAA;AAAA,IAAA,GAGtD,gBAAAE,EAAA,cAACG,GAAA,sCACIL,EAAE,SAAF,IAAU,CACf,GACCA,EAAE,2CACEM,GAAA,MACG,gBAAAJ,EAAA,cAACF,EAAE,SAAF,IAAU,CACf,CAER;AAAA,EAAA,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaQ,IAAOC,EAAQX,CAAO;AACnCU,EAAK,cAAc;"}
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;"}
@@ -1,49 +1,56 @@
1
- import o from "react";
2
- import { Checkbox as n, FormControl as a, FormControlLabel as m, FormHelperText as i } from "@mui/material";
3
- import { toReact as s, useComponent as d } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const h = (l) => {
5
- let r, e;
6
- return r = d({
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: !1,
10
- onChange: () => {
11
- },
12
+ checked: false,
13
+ onChange: /* @__PURE__ */ __name(() => {
14
+ }, "onChange"),
12
15
  label: void 0,
13
16
  helperText: void 0,
14
- error: !1,
17
+ error: false,
15
18
  color: "primary",
16
19
  size: "medium",
17
- indeterminate: !1,
20
+ indeterminate: false,
18
21
  sx: void 0
19
22
  },
20
- view: () => {
21
- const t = /* @__PURE__ */ o.createElement(
22
- n,
23
+ view: /* @__PURE__ */ __name(() => {
24
+ const checkbox = /* @__PURE__ */ React.createElement(
25
+ Checkbox$1,
23
26
  {
24
- checked: e.checked,
25
- onChange: (c) => e.onChange(c.target.checked),
26
- color: e.color,
27
- size: e.size,
28
- indeterminate: e.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__ */ o.createElement(
32
- a,
34
+ return /* @__PURE__ */ React.createElement(
35
+ FormControl,
33
36
  {
34
- error: e.error,
35
- disabled: e.$.isDisabled,
36
- sx: e.sx
37
+ error: m.error,
38
+ disabled: m.$.isDisabled,
39
+ sx: m.sx
37
40
  },
38
- e.label != null ? /* @__PURE__ */ o.createElement(m, { control: t, label: e.label }) : t,
39
- e.helperText && /* @__PURE__ */ o.createElement(i, null, e.helperText)
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
- }, l), e = r.model, r;
43
- }, x = s(h);
44
- x.displayName = "Checkbox";
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
- x as Checkbox,
47
- h as useCheckbox
53
+ Checkbox,
54
+ useCheckbox
48
55
  };
49
56
  //# sourceMappingURL=Checkbox.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Checkbox.tsx"],"sourcesContent":null,"names":["useCheckbox","params","c","m","useComponent","checkbox","React","MuiCheckbox","e","FormControl","FormControlLabel","FormHelperText","Checkbox","toReact"],"mappings":";;;AAoCO,MAAMA,IAAc,CAACC,MAAuD;AAC/E,MAAIC,GACAC;AA0CJ,SAAAD,IAAIE,EAxC8B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,MAAM;AACR,YAAMC,IACF,gBAAAC,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,SAASJ,EAAE;AAAA,UACX,UAAU,CAACK,MAAML,EAAE,SAASK,EAAE,OAAO,OAAO;AAAA,UAC5C,OAAOL,EAAE;AAAA,UACT,MAAMA,EAAE;AAAA,UACR,eAAeA,EAAE;AAAA,QAAA;AAAA,MAAA;AAGzB,aACI,gBAAAG,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAON,EAAE;AAAA,UACT,UAAUA,EAAE,EAAE;AAAA,UACd,IAAIA,EAAE;AAAA,QAAA;AAAA,QAELA,EAAE,SAAS,OACR,gBAAAG,EAAA,cAACI,GAAA,EAAiB,SAASL,GAAU,OAAOF,EAAE,MAAA,CAAO,IAErDE;AAAA,QAEHF,EAAE,cAAc,gBAAAG,EAAA,cAACK,GAAA,MAAgBR,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D;AAAA,EAAA,GAGkBF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaU,IAAWC,EAAQb,CAAW;AAC3CY,EAAS,cAAc;"}
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
- import l from "react";
2
- import { Chip as t } from "@mui/material";
3
- import { toReact as n, useComponent as a } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const r = (i) => {
5
- let o, e;
6
- return o = a({
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__ */ l.createElement(
19
- t,
21
+ view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
22
+ Chip$1,
20
23
  {
21
- label: e.label,
22
- onClick: e.onClick,
23
- onDelete: e.onDelete,
24
- variant: e.variant,
25
- color: e.color,
26
- size: e.size,
27
- icon: e.icon,
28
- disabled: e.$.isDisabled,
29
- sx: e.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
- }, i), e = o.model, o;
33
- }, s = n(r);
34
- s.displayName = "Chip";
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
- s as Chip,
37
- r as useChip
43
+ Chip,
44
+ useChip
38
45
  };
39
46
  //# sourceMappingURL=Chip.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Chip.tsx"],"sourcesContent":null,"names":["useChip","params","c","m","useComponent","React","MuiChip","Chip","toReact"],"mappings":";;;AA4BO,MAAMA,IAAU,CAACC,MAAuD;AAC3E,MAAIC,GACAC;AA6BJ,SAAAD,IAAIE,EA3B8B;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,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,OAAOH,EAAE;AAAA,QACT,SAASA,EAAE;AAAA,QACX,UAAUA,EAAE;AAAA,QACZ,SAASA,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,MAAMA,EAAE;AAAA,QACR,UAAUA,EAAE,EAAE;AAAA,QACd,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAOC,EAAQR,CAAO;AACnCO,EAAK,cAAc;"}
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
- import o from "react";
2
- import { CircularProgress as i } from "@mui/material";
3
- import { toReact as t, useComponent as a } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const c = (s) => {
5
- let e, r;
6
- return e = a({
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__ */ o.createElement(
17
- i,
19
+ view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
20
+ CircularProgress$1,
18
21
  {
19
- variant: r.variant,
20
- value: r.value,
21
- color: r.color,
22
- size: r.size,
23
- thickness: r.thickness,
24
- sx: r.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
- }, s), r = e.model, e;
28
- }, l = t(c);
29
- l.displayName = "CircularProgress";
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
- l as CircularProgress,
32
- c as useCircularProgress
38
+ CircularProgress,
39
+ useCircularProgress
33
40
  };
34
41
  //# sourceMappingURL=CircularProgress.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CircularProgress.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/CircularProgress.tsx"],"sourcesContent":null,"names":["useCircularProgress","params","c","m","useComponent","React","MuiCircularProgress","CircularProgress","toReact"],"mappings":";;;AA6BO,MAAMA,IAAsB,CAACC,MAAuD;AACvF,MAAIC,GACAC;AAwBJ,SAAAD,IAAIE,EAtB8B;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,MACF,gBAAAC,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,SAASH,EAAE;AAAA,QACX,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,QACT,MAAMA,EAAE;AAAA,QACR,WAAWA,EAAE;AAAA,QACb,IAAIA,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAIcF,CAAM,GAC5BE,IAAID,EAAE,OACCA;AACX,GAIaK,IAAmBC,EAAQR,CAAmB;AAC3DO,EAAiB,cAAc;"}
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
- import t from "react";
2
- import { Dialog as n, DialogTitle as i, DialogContent as a, DialogActions as c } from "@mui/material";
3
- import { toReact as r, useComponent as s } from "@actdim/dynstruct/componentModel/react/hooks";
4
- const m = (o) => {
5
- let l, e;
6
- return l = s({
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: !1,
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: !0,
17
- fullScreen: !1,
19
+ fullWidth: true,
20
+ fullScreen: false,
18
21
  sx: void 0
19
22
  },
20
- view: () => /* @__PURE__ */ t.createElement(
21
- n,
23
+ view: /* @__PURE__ */ __name(() => /* @__PURE__ */ React.createElement(
24
+ Dialog$1,
22
25
  {
23
- open: e.open,
24
- onClose: e.onClose,
25
- maxWidth: e.maxWidth,
26
- fullWidth: e.fullWidth,
27
- fullScreen: e.fullScreen,
28
- sx: e.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
- e.title && /* @__PURE__ */ t.createElement(i, null, e.title),
31
- e.content && /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(e.content, null)),
32
- e.actions && /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(e.actions, null))
33
- )
34
- }, o), e = l.model, l;
35
- }, u = r(m);
36
- u.displayName = "Dialog";
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
- u as Dialog,
39
- m as useDialog
45
+ Dialog,
46
+ useDialog
40
47
  };
41
48
  //# sourceMappingURL=Dialog.es.js.map