@actdim/dynstruct-mui 0.9.2 → 1.5.6

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 (109) hide show
  1. package/README.md +91 -91
  2. package/dist/Accordion.d.ts +19 -0
  3. package/dist/Accordion.d.ts.map +1 -0
  4. package/dist/Accordion.es.js.map +1 -1
  5. package/dist/Alert.d.ts +18 -0
  6. package/dist/Alert.d.ts.map +1 -0
  7. package/dist/Alert.es.js.map +1 -1
  8. package/dist/Autocomplete.d.ts +26 -0
  9. package/dist/Autocomplete.d.ts.map +1 -0
  10. package/dist/Autocomplete.es.js.map +1 -1
  11. package/dist/Avatar.d.ts +18 -0
  12. package/dist/Avatar.d.ts.map +1 -0
  13. package/dist/Avatar.es.js.map +1 -1
  14. package/dist/Badge.d.ts +21 -0
  15. package/dist/Badge.d.ts.map +1 -0
  16. package/dist/Badge.es.js.map +1 -1
  17. package/dist/Breadcrumbs.d.ts +22 -0
  18. package/dist/Breadcrumbs.d.ts.map +1 -0
  19. package/dist/Breadcrumbs.es.js.map +1 -1
  20. package/dist/Button.d.ts +23 -0
  21. package/dist/Button.d.ts.map +1 -0
  22. package/dist/Button.es.js.map +1 -1
  23. package/dist/Card.d.ts +21 -0
  24. package/dist/Card.d.ts.map +1 -0
  25. package/dist/Card.es.js.map +1 -1
  26. package/dist/Checkbox.d.ts +22 -0
  27. package/dist/Checkbox.d.ts.map +1 -0
  28. package/dist/Checkbox.es.js.map +1 -1
  29. package/dist/Chip.d.ts +21 -0
  30. package/dist/Chip.d.ts.map +1 -0
  31. package/dist/Chip.es.js.map +1 -1
  32. package/dist/CircularProgress.d.ts +19 -0
  33. package/dist/CircularProgress.d.ts.map +1 -0
  34. package/dist/CircularProgress.es.js.map +1 -1
  35. package/dist/Dialog.d.ts +22 -0
  36. package/dist/Dialog.d.ts.map +1 -0
  37. package/dist/Dialog.es.js.map +1 -1
  38. package/dist/Drawer.d.ts +19 -0
  39. package/dist/Drawer.d.ts.map +1 -0
  40. package/dist/Drawer.es.js.map +1 -1
  41. package/dist/Fab.d.ts +21 -0
  42. package/dist/Fab.d.ts.map +1 -0
  43. package/dist/Fab.es.js.map +1 -1
  44. package/dist/IconButton.d.ts +21 -0
  45. package/dist/IconButton.d.ts.map +1 -0
  46. package/dist/IconButton.es.js.map +1 -1
  47. package/dist/LinearProgress.d.ts +18 -0
  48. package/dist/LinearProgress.d.ts.map +1 -0
  49. package/dist/LinearProgress.es.js.map +1 -1
  50. package/dist/List.d.ts +25 -0
  51. package/dist/List.d.ts.map +1 -0
  52. package/dist/List.es.js.map +1 -1
  53. package/dist/Menu.d.ts +24 -0
  54. package/dist/Menu.d.ts.map +1 -0
  55. package/dist/Menu.es.js.map +1 -1
  56. package/dist/Pagination.d.ts +21 -0
  57. package/dist/Pagination.d.ts.map +1 -0
  58. package/dist/Pagination.es.js.map +1 -1
  59. package/dist/RadioGroup.d.ts +27 -0
  60. package/dist/RadioGroup.d.ts.map +1 -0
  61. package/dist/RadioGroup.es.js.map +1 -1
  62. package/dist/Rating.d.ts +20 -0
  63. package/dist/Rating.d.ts.map +1 -0
  64. package/dist/Rating.es.js.map +1 -1
  65. package/dist/Select.d.ts +28 -0
  66. package/dist/Select.d.ts.map +1 -0
  67. package/dist/Select.es.js.map +1 -1
  68. package/dist/Skeleton.d.ts +18 -0
  69. package/dist/Skeleton.d.ts.map +1 -0
  70. package/dist/Skeleton.es.js.map +1 -1
  71. package/dist/Slider.d.ts +24 -0
  72. package/dist/Slider.d.ts.map +1 -0
  73. package/dist/Slider.es.js.map +1 -1
  74. package/dist/Snackbar.d.ts +20 -0
  75. package/dist/Snackbar.d.ts.map +1 -0
  76. package/dist/Snackbar.es.js.map +1 -1
  77. package/dist/SpeedDial.d.ts +24 -0
  78. package/dist/SpeedDial.d.ts.map +1 -0
  79. package/dist/SpeedDial.es.js.map +1 -1
  80. package/dist/Stepper.d.ts +23 -0
  81. package/dist/Stepper.d.ts.map +1 -0
  82. package/dist/Stepper.es.js.map +1 -1
  83. package/dist/Switch.d.ts +21 -0
  84. package/dist/Switch.d.ts.map +1 -0
  85. package/dist/Switch.es.js.map +1 -1
  86. package/dist/Table.d.ts +24 -0
  87. package/dist/Table.d.ts.map +1 -0
  88. package/dist/Table.es.js.map +1 -1
  89. package/dist/Tabs.d.ts +25 -0
  90. package/dist/Tabs.d.ts.map +1 -0
  91. package/dist/Tabs.es.js.map +1 -1
  92. package/dist/TextField.d.ts +27 -0
  93. package/dist/TextField.d.ts.map +1 -0
  94. package/dist/TextField.es.js.map +1 -1
  95. package/dist/Toast.d.ts +36 -0
  96. package/dist/Toast.d.ts.map +1 -0
  97. package/dist/Toast.es.js +135 -0
  98. package/dist/Toast.es.js.map +1 -0
  99. package/dist/ToggleButtonGroup.d.ts +28 -0
  100. package/dist/ToggleButtonGroup.d.ts.map +1 -0
  101. package/dist/ToggleButtonGroup.es.js.map +1 -1
  102. package/dist/Tooltip.d.ts +17 -0
  103. package/dist/Tooltip.d.ts.map +1 -0
  104. package/dist/Tooltip.es.js.map +1 -1
  105. package/dist/index.d.ts +35 -0
  106. package/dist/index.d.ts.map +1 -0
  107. package/dist/index.es.js +3 -0
  108. package/dist/index.es.js.map +1 -1
  109. package/package.json +132 -133
package/README.md CHANGED
@@ -1,91 +1,91 @@
1
- # @actdim/dynstruct-mui
2
-
3
- MUI component wrappers for [@actdim/dynstruct](https://github.com/actdim/dynstruct). Each component is a dynstruct hook-constructor — observable props, reactive rendering, MobX-backed state out of the box.
4
-
5
- [![npm version](https://img.shields.io/npm/v/@actdim/dynstruct-mui.svg)](https://www.npmjs.com/package/@actdim/dynstruct-mui)
6
- [![TypeScript](https://img.shields.io/badge/TypeScript-5.9+-blue.svg)](https://www.typescriptlang.org/)
7
- [![License: Proprietary](https://img.shields.io/badge/License-Proprietary-red.svg)](LICENSE)
8
-
9
- ## Components
10
-
11
- | Component | Import |
12
- |---|---|
13
- | Accordion | `@actdim/dynstruct-mui/Accordion` |
14
- | Alert | `@actdim/dynstruct-mui/Alert` |
15
- | Autocomplete | `@actdim/dynstruct-mui/Autocomplete` |
16
- | Avatar | `@actdim/dynstruct-mui/Avatar` |
17
- | Badge | `@actdim/dynstruct-mui/Badge` |
18
- | Breadcrumbs | `@actdim/dynstruct-mui/Breadcrumbs` |
19
- | Button | `@actdim/dynstruct-mui/Button` |
20
- | Card | `@actdim/dynstruct-mui/Card` |
21
- | Checkbox | `@actdim/dynstruct-mui/Checkbox` |
22
- | Chip | `@actdim/dynstruct-mui/Chip` |
23
- | CircularProgress | `@actdim/dynstruct-mui/CircularProgress` |
24
- | Dialog | `@actdim/dynstruct-mui/Dialog` |
25
- | Drawer | `@actdim/dynstruct-mui/Drawer` |
26
- | Fab | `@actdim/dynstruct-mui/Fab` |
27
- | IconButton | `@actdim/dynstruct-mui/IconButton` |
28
- | LinearProgress | `@actdim/dynstruct-mui/LinearProgress` |
29
- | List | `@actdim/dynstruct-mui/List` |
30
- | Menu | `@actdim/dynstruct-mui/Menu` |
31
- | Pagination | `@actdim/dynstruct-mui/Pagination` |
32
- | RadioGroup | `@actdim/dynstruct-mui/RadioGroup` |
33
- | Rating | `@actdim/dynstruct-mui/Rating` |
34
- | Select | `@actdim/dynstruct-mui/Select` |
35
- | Skeleton | `@actdim/dynstruct-mui/Skeleton` |
36
- | Slider | `@actdim/dynstruct-mui/Slider` |
37
- | Snackbar | `@actdim/dynstruct-mui/Snackbar` |
38
- | SpeedDial | `@actdim/dynstruct-mui/SpeedDial` |
39
- | Stepper | `@actdim/dynstruct-mui/Stepper` |
40
- | Switch | `@actdim/dynstruct-mui/Switch` |
41
- | Table | `@actdim/dynstruct-mui/Table` |
42
- | Tabs | `@actdim/dynstruct-mui/Tabs` |
43
- | TextField | `@actdim/dynstruct-mui/TextField` |
44
- | ToggleButtonGroup | `@actdim/dynstruct-mui/ToggleButtonGroup` |
45
- | Tooltip | `@actdim/dynstruct-mui/Tooltip` |
46
-
47
- ## Installation
48
-
49
- ```bash
50
- npm install @actdim/dynstruct-mui
51
- ```
52
-
53
- Peer dependencies: `@actdim/dynstruct`, `@mui/material`, `react`, `mobx`, `mobx-react-lite` — see `package.json` for full list.
54
-
55
- ## Usage
56
-
57
- ```tsx
58
- import { useButton } from '@actdim/dynstruct-mui/Button';
59
-
60
- const saveBtn = useButton({
61
- props: {
62
- label: 'Save',
63
- variant: 'contained',
64
- onClick: () => handleSave(),
65
- },
66
- });
67
-
68
- // In JSX:
69
- // <saveBtn.view />
70
- // or via React adapter:
71
- import { Button } from '@actdim/dynstruct-mui/Button';
72
- // <Button label="Save" variant="contained" onClick={handleSave} />
73
- ```
74
-
75
- ## Development
76
-
77
- ```bash
78
- pnpm storybook # run Storybook
79
- pnpm build # build
80
- pnpm typecheck # type check
81
- pnpm lint # lint
82
- pnpm format # format
83
- ```
84
-
85
- ## License
86
-
87
- Proprietary — see [LICENSE](LICENSE) for details.
88
-
89
- ## Author
90
-
91
- Pavel Borodaev — [github.com/actdim/dynstruct-mui](https://github.com/actdim/dynstruct-mui)
1
+ # @actdim/dynstruct-mui
2
+
3
+ MUI component wrappers for [@actdim/dynstruct](https://github.com/actdim/dynstruct). Each component is a dynstruct hook-constructor — observable props, reactive rendering, MobX-backed state out of the box.
4
+
5
+ [![npm version](https://img.shields.io/npm/v/@actdim/dynstruct-mui.svg)](https://www.npmjs.com/package/@actdim/dynstruct-mui)
6
+ [![TypeScript](https://img.shields.io/badge/TypeScript-5.9+-blue.svg)](https://www.typescriptlang.org/)
7
+ [![License: Proprietary](https://img.shields.io/badge/License-Proprietary-red.svg)](LICENSE)
8
+
9
+ ## Components
10
+
11
+ | Component | Import |
12
+ |---|---|
13
+ | Accordion | `@actdim/dynstruct-mui/Accordion` |
14
+ | Alert | `@actdim/dynstruct-mui/Alert` |
15
+ | Autocomplete | `@actdim/dynstruct-mui/Autocomplete` |
16
+ | Avatar | `@actdim/dynstruct-mui/Avatar` |
17
+ | Badge | `@actdim/dynstruct-mui/Badge` |
18
+ | Breadcrumbs | `@actdim/dynstruct-mui/Breadcrumbs` |
19
+ | Button | `@actdim/dynstruct-mui/Button` |
20
+ | Card | `@actdim/dynstruct-mui/Card` |
21
+ | Checkbox | `@actdim/dynstruct-mui/Checkbox` |
22
+ | Chip | `@actdim/dynstruct-mui/Chip` |
23
+ | CircularProgress | `@actdim/dynstruct-mui/CircularProgress` |
24
+ | Dialog | `@actdim/dynstruct-mui/Dialog` |
25
+ | Drawer | `@actdim/dynstruct-mui/Drawer` |
26
+ | Fab | `@actdim/dynstruct-mui/Fab` |
27
+ | IconButton | `@actdim/dynstruct-mui/IconButton` |
28
+ | LinearProgress | `@actdim/dynstruct-mui/LinearProgress` |
29
+ | List | `@actdim/dynstruct-mui/List` |
30
+ | Menu | `@actdim/dynstruct-mui/Menu` |
31
+ | Pagination | `@actdim/dynstruct-mui/Pagination` |
32
+ | RadioGroup | `@actdim/dynstruct-mui/RadioGroup` |
33
+ | Rating | `@actdim/dynstruct-mui/Rating` |
34
+ | Select | `@actdim/dynstruct-mui/Select` |
35
+ | Skeleton | `@actdim/dynstruct-mui/Skeleton` |
36
+ | Slider | `@actdim/dynstruct-mui/Slider` |
37
+ | Snackbar | `@actdim/dynstruct-mui/Snackbar` |
38
+ | SpeedDial | `@actdim/dynstruct-mui/SpeedDial` |
39
+ | Stepper | `@actdim/dynstruct-mui/Stepper` |
40
+ | Switch | `@actdim/dynstruct-mui/Switch` |
41
+ | Table | `@actdim/dynstruct-mui/Table` |
42
+ | Tabs | `@actdim/dynstruct-mui/Tabs` |
43
+ | TextField | `@actdim/dynstruct-mui/TextField` |
44
+ | ToggleButtonGroup | `@actdim/dynstruct-mui/ToggleButtonGroup` |
45
+ | Tooltip | `@actdim/dynstruct-mui/Tooltip` |
46
+
47
+ ## Installation
48
+
49
+ ```bash
50
+ npm install @actdim/dynstruct-mui
51
+ ```
52
+
53
+ Peer dependencies: `@actdim/dynstruct`, `@mui/material`, `react`, `mobx`, `mobx-react-lite` — see `package.json` for full list.
54
+
55
+ ## Usage
56
+
57
+ ```tsx
58
+ import { useButton } from '@actdim/dynstruct-mui/Button';
59
+
60
+ const saveBtn = useButton({
61
+ props: {
62
+ label: 'Save',
63
+ variant: 'contained',
64
+ onClick: () => handleSave(),
65
+ },
66
+ });
67
+
68
+ // In JSX:
69
+ // <saveBtn.view />
70
+ // or via React adapter:
71
+ import { Button } from '@actdim/dynstruct-mui/Button';
72
+ // <Button label="Save" variant="contained" onClick={handleSave} />
73
+ ```
74
+
75
+ ## Development
76
+
77
+ ```bash
78
+ pnpm storybook # run Storybook
79
+ pnpm build # build
80
+ pnpm typecheck # type check
81
+ pnpm lint # lint
82
+ pnpm format # format
83
+ ```
84
+
85
+ ## License
86
+
87
+ Proprietary — see [LICENSE](LICENSE) for details.
88
+
89
+ ## Author
90
+
91
+ Pavel Borodaev — [github.com/actdim/dynstruct-mui](https://github.com/actdim/dynstruct-mui)
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ import { AccordionProps as MuiAccordionProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ summary: React.ReactNode;
8
+ content: React.FC;
9
+ expanded?: boolean;
10
+ onChange?: (expanded: boolean) => void;
11
+ expandIcon?: React.ReactNode;
12
+ sx?: MuiAccordionProps['sx'];
13
+ };
14
+ }>;
15
+ export declare const useAccordion: (params: ComponentParams<Struct>) => Component<Struct>;
16
+ export type AccordionStruct = Struct;
17
+ export declare const Accordion: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
18
+ export {};
19
+ //# sourceMappingURL=Accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.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,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QACvC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC7B,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,CAkC9E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AAErC,eAAO,MAAM,SAAS,qDAAwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Accordion as MuiAccordion,\n AccordionSummary,\n AccordionDetails,\n type AccordionProps as MuiAccordionProps,\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 summary: React.ReactNode;\n content: React.FC;\n expanded?: boolean;\n onChange?: (expanded: boolean) => void;\n expandIcon?: React.ReactNode;\n sx?: MuiAccordionProps['sx'];\n };\n }\n>;\n\nexport const useAccordion = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Accordion',\n props: {\n summary: '',\n content: () => null,\n expanded: undefined,\n onChange: undefined,\n expandIcon: undefined,\n sx: undefined,\n },\n view: () => (\n <MuiAccordion\n expanded={m.expanded}\n onChange={m.onChange ? (_, v) => m.onChange!(v) : undefined}\n disabled={m.$.isDisabled}\n sx={m.sx}\n >\n <AccordionSummary expandIcon={m.expandIcon}>\n {m.summary}\n </AccordionSummary>\n <AccordionDetails>\n <m.content />\n </AccordionDetails>\n </MuiAccordion>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type AccordionStruct = Struct;\n\nexport const Accordion = toReact(useAccordion);\nAccordion.displayName = 'Accordion';\n"],"names":["MuiAccordion"],"mappings":";;;;;AA+BO,MAAM,eAAe,wBAAC,WAAuD;AAChF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,SAAS,6BAAM,MAAN;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,UAAU,EAAE;AAAA,QACZ,UAAU,EAAE,WAAW,CAAC,GAAG,MAAM,EAAE,SAAU,CAAC,IAAI;AAAA,QAClD,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,0CAEL,kBAAA,EAAiB,YAAY,EAAE,WAAA,GAC3B,EAAE,OACP;AAAA,0CACC,kBAAA,MACG,sBAAA,cAAC,EAAE,SAAF,IAAU,CACf;AAAA,IAAA,GAZF;AAAA,EAaF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlC4B;AAsCrB,MAAM,YAAY,QAAQ,YAAY;AAC7C,UAAU,cAAc;"}
1
+ {"version":3,"file":"Accordion.es.js","sources":["../src/Accordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Accordion as MuiAccordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n type AccordionProps as MuiAccordionProps,\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 summary: React.ReactNode;\r\n content: React.FC;\r\n expanded?: boolean;\r\n onChange?: (expanded: boolean) => void;\r\n expandIcon?: React.ReactNode;\r\n sx?: MuiAccordionProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useAccordion = (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: 'Accordion',\r\n props: {\r\n summary: '',\r\n content: () => null,\r\n expanded: undefined,\r\n onChange: undefined,\r\n expandIcon: undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiAccordion\r\n expanded={m.expanded}\r\n onChange={m.onChange ? (_, v) => m.onChange!(v) : undefined}\r\n disabled={m.$.isDisabled}\r\n sx={m.sx}\r\n >\r\n <AccordionSummary expandIcon={m.expandIcon}>\r\n {m.summary}\r\n </AccordionSummary>\r\n <AccordionDetails>\r\n <m.content />\r\n </AccordionDetails>\r\n </MuiAccordion>\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 AccordionStruct = Struct;\r\n\r\nexport const Accordion = toReact(useAccordion);\r\nAccordion.displayName = 'Accordion';\r\n"],"names":["MuiAccordion"],"mappings":";;;;;AA+BO,MAAM,eAAe,wBAAC,WAAuD;AAChF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,SAAS,6BAAM,MAAN;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,UAAU,EAAE;AAAA,QACZ,UAAU,EAAE,WAAW,CAAC,GAAG,MAAM,EAAE,SAAU,CAAC,IAAI;AAAA,QAClD,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,0CAEL,kBAAA,EAAiB,YAAY,EAAE,WAAA,GAC3B,EAAE,OACP;AAAA,0CACC,kBAAA,MACG,sBAAA,cAAC,EAAE,SAAF,IAAU,CACf;AAAA,IAAA,GAZF;AAAA,EAaF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlC4B;AAsCrB,MAAM,YAAY,QAAQ,YAAY;AAC7C,UAAU,cAAc;"}
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { AlertProps as MuiAlertProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ message: string;
8
+ severity?: MuiAlertProps['severity'];
9
+ variant?: MuiAlertProps['variant'];
10
+ onClose?: () => void;
11
+ sx?: MuiAlertProps['sx'];
12
+ };
13
+ }>;
14
+ export declare const useAlert: (params: ComponentParams<Struct>) => Component<Struct>;
15
+ export type AlertStruct = Struct;
16
+ export declare const Alert: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
17
+ export {};
18
+ //# sourceMappingURL=Alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AACpF,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,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACrC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;KAC5B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA4B1E,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,eAAO,MAAM,KAAK,qDAAoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, type AlertProps as MuiAlertProps } 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 message: string;\n severity?: MuiAlertProps['severity'];\n variant?: MuiAlertProps['variant'];\n onClose?: () => void;\n sx?: MuiAlertProps['sx'];\n };\n }\n>;\n\nexport const useAlert = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Alert',\n props: {\n message: '',\n severity: 'info',\n variant: 'standard',\n onClose: undefined,\n sx: undefined,\n },\n view: () => (\n <MuiAlert\n severity={m.severity}\n variant={m.variant}\n onClose={m.onClose}\n sx={m.sx}\n >\n {m.message}\n </MuiAlert>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type AlertStruct = Struct;\n\nexport const Alert = toReact(useAlert);\nAlert.displayName = 'Alert';\n"],"names":["MuiAlert"],"mappings":";;;;;AAyBO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,UAAU,EAAE;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE;AAAA,IAAA,GAPL;AAAA,EAQF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5BwB;AAgCjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}
1
+ {"version":3,"file":"Alert.es.js","sources":["../src/Alert.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Alert as MuiAlert, type AlertProps as MuiAlertProps } 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 message: string;\r\n severity?: MuiAlertProps['severity'];\r\n variant?: MuiAlertProps['variant'];\r\n onClose?: () => void;\r\n sx?: MuiAlertProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useAlert = (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: 'Alert',\r\n props: {\r\n message: '',\r\n severity: 'info',\r\n variant: 'standard',\r\n onClose: undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiAlert\r\n severity={m.severity}\r\n variant={m.variant}\r\n onClose={m.onClose}\r\n sx={m.sx}\r\n >\r\n {m.message}\r\n </MuiAlert>\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 AlertStruct = Struct;\r\n\r\nexport const Alert = toReact(useAlert);\r\nAlert.displayName = 'Alert';\r\n"],"names":["MuiAlert"],"mappings":";;;;;AAyBO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,UAAU,EAAE;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE;AAAA,IAAA,GAPL;AAAA,EAQF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5BwB;AAgCjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}
@@ -0,0 +1,26 @@
1
+ import { default as React } from 'react';
2
+ import { AutocompleteProps as MuiAutocompleteProps, TextFieldProps as MuiTextFieldProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ value: string | null;
8
+ onChange: (value: string | null) => void;
9
+ options: string[];
10
+ label?: string;
11
+ placeholder?: string;
12
+ helperText?: string;
13
+ error?: boolean;
14
+ loading?: boolean;
15
+ freeSolo?: boolean;
16
+ fullWidth?: boolean;
17
+ variant?: MuiTextFieldProps['variant'];
18
+ size?: MuiAutocompleteProps<string, false, false, false>['size'];
19
+ sx?: MuiAutocompleteProps<string, false, false, false>['sx'];
20
+ };
21
+ }>;
22
+ export declare const useAutocomplete: (params: ComponentParams<Struct>) => Component<Struct>;
23
+ export type AutocompleteStruct = Struct;
24
+ export declare const Autocomplete: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
25
+ export {};
26
+ //# sourceMappingURL=Autocomplete.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGH,KAAK,iBAAiB,IAAI,oBAAoB,EAC9C,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,KAAK,MAAM,CAAC,UAAU,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,eAAe,CACjF,UAAU,EACV;IACI,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;QACzC,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACvC,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QACjE,EAAE,CAAC,EAAE,oBAAoB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;KAChE,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAkDjF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAExC,eAAO,MAAM,YAAY,qDAA2B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Autocomplete.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Autocomplete as MuiAutocomplete,\n TextField as MuiTextField,\n type AutocompleteProps as MuiAutocompleteProps,\n type TextFieldProps as MuiTextFieldProps,\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 value: string | null;\n onChange: (value: string | null) => void;\n options: string[];\n label?: string;\n placeholder?: string;\n helperText?: string;\n error?: boolean;\n loading?: boolean;\n freeSolo?: boolean;\n fullWidth?: boolean;\n variant?: MuiTextFieldProps['variant'];\n size?: MuiAutocompleteProps<string, false, false, false>['size'];\n sx?: MuiAutocompleteProps<string, false, false, false>['sx'];\n };\n }\n>;\n\nexport const useAutocomplete = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Autocomplete',\n props: {\n value: null,\n onChange: () => {},\n options: [],\n label: undefined,\n placeholder: undefined,\n helperText: undefined,\n error: false,\n loading: false,\n freeSolo: false,\n fullWidth: false,\n variant: 'outlined',\n size: 'medium',\n sx: undefined,\n },\n view: () => (\n <MuiAutocomplete\n value={m.value}\n onChange={(_, newValue) => m.onChange(newValue)}\n options={m.options}\n loading={m.loading}\n freeSolo={m.freeSolo}\n fullWidth={m.fullWidth}\n size={m.size}\n disabled={m.$.isDisabled}\n readOnly={m.$.isReadOnly}\n sx={m.sx}\n renderInput={(params) => (\n <MuiTextField\n {...params}\n label={m.label}\n placeholder={m.placeholder}\n error={m.error}\n helperText={m.helperText}\n variant={m.variant}\n />\n )}\n />\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type AutocompleteStruct = Struct;\n\nexport const Autocomplete = toReact(useAutocomplete);\nAutocomplete.displayName = 'Autocomplete';\n"],"names":["MuiAutocomplete","params","MuiTextField"],"mappings":";;;;;AAsCO,MAAM,kBAAkB,wBAAC,WAAuD;AACnF,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,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa,EAAE,SAAS,QAAQ,GAApC;AAAA,QACV,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,EAAE;AAAA,QACd,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,QACN,aAAa,wBAACC,YACV,sBAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACI,GAAGD;AAAAA,YACJ,OAAO,EAAE;AAAA,YACT,aAAa,EAAE;AAAA,YACf,OAAO,EAAE;AAAA,YACT,YAAY,EAAE;AAAA,YACd,SAAS,EAAE;AAAA,UAAA;AAAA,QAAA,GAPN;AAAA,MAQT;AAAA,IAAA,GApBN;AAAA,EAsBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlD+B;AAsDxB,MAAM,eAAe,QAAQ,eAAe;AACnD,aAAa,cAAc;"}
1
+ {"version":3,"file":"Autocomplete.es.js","sources":["../src/Autocomplete.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Autocomplete as MuiAutocomplete,\r\n TextField as MuiTextField,\r\n type AutocompleteProps as MuiAutocompleteProps,\r\n type TextFieldProps as MuiTextFieldProps,\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 value: string | null;\r\n onChange: (value: string | null) => void;\r\n options: string[];\r\n label?: string;\r\n placeholder?: string;\r\n helperText?: string;\r\n error?: boolean;\r\n loading?: boolean;\r\n freeSolo?: boolean;\r\n fullWidth?: boolean;\r\n variant?: MuiTextFieldProps['variant'];\r\n size?: MuiAutocompleteProps<string, false, false, false>['size'];\r\n sx?: MuiAutocompleteProps<string, false, false, false>['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useAutocomplete = (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: 'Autocomplete',\r\n props: {\r\n value: null,\r\n onChange: () => {},\r\n options: [],\r\n label: undefined,\r\n placeholder: undefined,\r\n helperText: undefined,\r\n error: false,\r\n loading: false,\r\n freeSolo: false,\r\n fullWidth: false,\r\n variant: 'outlined',\r\n size: 'medium',\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiAutocomplete\r\n value={m.value}\r\n onChange={(_, newValue) => m.onChange(newValue)}\r\n options={m.options}\r\n loading={m.loading}\r\n freeSolo={m.freeSolo}\r\n fullWidth={m.fullWidth}\r\n size={m.size}\r\n disabled={m.$.isDisabled}\r\n readOnly={m.$.isReadOnly}\r\n sx={m.sx}\r\n renderInput={(params) => (\r\n <MuiTextField\r\n {...params}\r\n label={m.label}\r\n placeholder={m.placeholder}\r\n error={m.error}\r\n helperText={m.helperText}\r\n variant={m.variant}\r\n />\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 AutocompleteStruct = Struct;\r\n\r\nexport const Autocomplete = toReact(useAutocomplete);\r\nAutocomplete.displayName = 'Autocomplete';\r\n"],"names":["MuiAutocomplete","params","MuiTextField"],"mappings":";;;;;AAsCO,MAAM,kBAAkB,wBAAC,WAAuD;AACnF,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,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,UAAU,wBAAC,GAAG,aAAa,EAAE,SAAS,QAAQ,GAApC;AAAA,QACV,SAAS,EAAE;AAAA,QACX,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,WAAW,EAAE;AAAA,QACb,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,EAAE;AAAA,QACd,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,QACN,aAAa,wBAACC,YACV,sBAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACI,GAAGD;AAAAA,YACJ,OAAO,EAAE;AAAA,YACT,aAAa,EAAE;AAAA,YACf,OAAO,EAAE;AAAA,YACT,YAAY,EAAE;AAAA,YACd,SAAS,EAAE;AAAA,UAAA;AAAA,QAAA,GAPN;AAAA,MAQT;AAAA,IAAA,GApBN;AAAA,EAsBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlD+B;AAsDxB,MAAM,eAAe,QAAQ,eAAe;AACnD,aAAa,cAAc;"}
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { AvatarProps as MuiAvatarProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ src?: string;
8
+ alt?: string;
9
+ children?: React.ReactNode;
10
+ variant?: MuiAvatarProps['variant'];
11
+ sx?: MuiAvatarProps['sx'];
12
+ };
13
+ }>;
14
+ export declare const useAvatar: (params: ComponentParams<Struct>) => Component<Struct>;
15
+ export type AvatarStruct = Struct;
16
+ export declare const Avatar: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
17
+ export {};
18
+ //# sourceMappingURL=Avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.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,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACpC,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,CAuB3E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,eAAO,MAAM,MAAM,qDAAqB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar as MuiAvatar, type AvatarProps as MuiAvatarProps } 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 src?: string;\n alt?: string;\n children?: React.ReactNode;\n variant?: MuiAvatarProps['variant'];\n sx?: MuiAvatarProps['sx'];\n };\n }\n>;\n\nexport const useAvatar = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Avatar',\n props: {\n src: undefined,\n alt: undefined,\n children: undefined,\n variant: 'circular',\n sx: undefined,\n },\n view: () => (\n <MuiAvatar src={m.src} alt={m.alt} variant={m.variant} sx={m.sx}>\n {m.children}\n </MuiAvatar>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type AvatarStruct = Struct;\n\nexport const Avatar = toReact(useAvatar);\nAvatar.displayName = 'Avatar';\n"],"names":["MuiAvatar"],"mappings":";;;;;AAyBO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,KAAK;AAAA,MACL,KAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,UAAA,EAAU,KAAK,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,SAAS,IAAI,EAAE,MACxD,EAAE,QACP,GAHE;AAAA,EAGF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAvByB;AA2BlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
1
+ {"version":3,"file":"Avatar.es.js","sources":["../src/Avatar.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Avatar as MuiAvatar, type AvatarProps as MuiAvatarProps } 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 src?: string;\r\n alt?: string;\r\n children?: React.ReactNode;\r\n variant?: MuiAvatarProps['variant'];\r\n sx?: MuiAvatarProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useAvatar = (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: 'Avatar',\r\n props: {\r\n src: undefined,\r\n alt: undefined,\r\n children: undefined,\r\n variant: 'circular',\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiAvatar src={m.src} alt={m.alt} variant={m.variant} sx={m.sx}>\r\n {m.children}\r\n </MuiAvatar>\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 AvatarStruct = Struct;\r\n\r\nexport const Avatar = toReact(useAvatar);\r\nAvatar.displayName = 'Avatar';\r\n"],"names":["MuiAvatar"],"mappings":";;;;;AAyBO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,KAAK;AAAA,MACL,KAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,UAAA,EAAU,KAAK,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,SAAS,IAAI,EAAE,MACxD,EAAE,QACP,GAHE;AAAA,EAGF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAvByB;AA2BlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { BadgeProps as MuiBadgeProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ children: React.FC;
8
+ badgeContent?: React.ReactNode;
9
+ color?: MuiBadgeProps['color'];
10
+ variant?: MuiBadgeProps['variant'];
11
+ max?: number;
12
+ invisible?: boolean;
13
+ anchorOrigin?: MuiBadgeProps['anchorOrigin'];
14
+ sx?: MuiBadgeProps['sx'];
15
+ };
16
+ }>;
17
+ export declare const useBadge: (params: ComponentParams<Struct>) => Component<Struct>;
18
+ export type BadgeStruct = Struct;
19
+ export declare const Badge: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
20
+ export {};
21
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AACpF,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,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;QACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC/B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACnC,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAC7C,EAAE,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;KAC5B,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CAkC1E,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,eAAO,MAAM,KAAK,qDAAoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge as MuiBadge, type BadgeProps as MuiBadgeProps } 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 children: React.FC;\n badgeContent?: React.ReactNode;\n color?: MuiBadgeProps['color'];\n variant?: MuiBadgeProps['variant'];\n max?: number;\n invisible?: boolean;\n anchorOrigin?: MuiBadgeProps['anchorOrigin'];\n sx?: MuiBadgeProps['sx'];\n };\n }\n>;\n\nexport const useBadge = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Badge',\n props: {\n children: () => null,\n badgeContent: undefined,\n color: 'default',\n variant: 'standard',\n max: 99,\n invisible: false,\n anchorOrigin: undefined,\n sx: undefined,\n },\n view: () => (\n <MuiBadge\n badgeContent={m.badgeContent}\n color={m.color}\n variant={m.variant}\n max={m.max}\n invisible={m.invisible}\n anchorOrigin={m.anchorOrigin}\n sx={m.sx}\n >\n <m.children />\n </MuiBadge>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type BadgeStruct = Struct;\n\nexport const Badge = toReact(useBadge);\nBadge.displayName = 'Badge';\n"],"names":["MuiBadge"],"mappings":";;;;;AA4BO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,UAAU,6BAAM,MAAN;AAAA,MACV,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,cAAc,EAAE;AAAA,QAChB,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,KAAK,EAAE;AAAA,QACP,WAAW,EAAE;AAAA,QACb,cAAc,EAAE;AAAA,QAChB,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,UAAF,IAAW;AAAA,IAAA,GAVd;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlCwB;AAsCjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}
1
+ {"version":3,"file":"Badge.es.js","sources":["../src/Badge.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Badge as MuiBadge, type BadgeProps as MuiBadgeProps } 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 children: React.FC;\r\n badgeContent?: React.ReactNode;\r\n color?: MuiBadgeProps['color'];\r\n variant?: MuiBadgeProps['variant'];\r\n max?: number;\r\n invisible?: boolean;\r\n anchorOrigin?: MuiBadgeProps['anchorOrigin'];\r\n sx?: MuiBadgeProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useBadge = (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: 'Badge',\r\n props: {\r\n children: () => null,\r\n badgeContent: undefined,\r\n color: 'default',\r\n variant: 'standard',\r\n max: 99,\r\n invisible: false,\r\n anchorOrigin: undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiBadge\r\n badgeContent={m.badgeContent}\r\n color={m.color}\r\n variant={m.variant}\r\n max={m.max}\r\n invisible={m.invisible}\r\n anchorOrigin={m.anchorOrigin}\r\n sx={m.sx}\r\n >\r\n <m.children />\r\n </MuiBadge>\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 BadgeStruct = Struct;\r\n\r\nexport const Badge = toReact(useBadge);\r\nBadge.displayName = 'Badge';\r\n"],"names":["MuiBadge"],"mappings":";;;;;AA4BO,MAAM,WAAW,wBAAC,WAAuD;AAC5E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,UAAU,6BAAM,MAAN;AAAA,MACV,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,MACL,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,cAAc,EAAE;AAAA,QAChB,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,KAAK,EAAE;AAAA,QACP,WAAW,EAAE;AAAA,QACb,cAAc,EAAE;AAAA,QAChB,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,UAAF,IAAW;AAAA,IAAA,GAVd;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlCwB;AAsCjB,MAAM,QAAQ,QAAQ,QAAQ;AACrC,MAAM,cAAc;"}
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ export type BreadcrumbItem = {
6
+ label: string;
7
+ href?: string;
8
+ onClick?: () => void;
9
+ };
10
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
11
+ props: {
12
+ items: BreadcrumbItem[];
13
+ separator?: React.ReactNode;
14
+ maxItems?: number;
15
+ sx?: MuiBreadcrumbsProps['sx'];
16
+ };
17
+ }>;
18
+ export declare const useBreadcrumbs: (params: ComponentParams<Struct>) => Component<Struct>;
19
+ export type BreadcrumbsStruct = Struct;
20
+ export declare const Breadcrumbs: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
21
+ export {};
22
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../src/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIH,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,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,KAAK,EAAE,cAAc,EAAE,CAAC;QACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;KAClC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA4ChF,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEvC,eAAO,MAAM,WAAW,qDAA0B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Breadcrumbs as MuiBreadcrumbs,\n Link,\n Typography,\n type BreadcrumbsProps as MuiBreadcrumbsProps,\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 BreadcrumbItem = {\n label: string;\n href?: string;\n onClick?: () => void;\n};\n\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\n TMsgStruct,\n {\n props: {\n items: BreadcrumbItem[];\n separator?: React.ReactNode;\n maxItems?: number;\n sx?: MuiBreadcrumbsProps['sx'];\n };\n }\n>;\n\nexport const useBreadcrumbs = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Breadcrumbs',\n props: {\n items: [],\n separator: undefined,\n maxItems: 8,\n sx: undefined,\n },\n view: () => (\n <MuiBreadcrumbs\n separator={m.separator}\n maxItems={m.maxItems}\n aria-label=\"breadcrumb\"\n sx={m.sx}\n >\n {m.items.map((item, i) =>\n i === m.items.length - 1 ? (\n <Typography key={i} sx={{ color: 'text.primary' }}>\n {item.label}\n </Typography>\n ) : (\n <Link\n key={i}\n underline=\"hover\"\n color=\"inherit\"\n href={item.href}\n onClick={item.onClick}\n sx={{ cursor: item.onClick && !item.href ? 'pointer' : undefined }}\n >\n {item.label}\n </Link>\n ),\n )}\n </MuiBreadcrumbs>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type BreadcrumbsStruct = Struct;\n\nexport const Breadcrumbs = toReact(useBreadcrumbs);\nBreadcrumbs.displayName = 'Breadcrumbs';\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;"}
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;"}
@@ -0,0 +1,23 @@
1
+ import { default as React } from 'react';
2
+ import { ButtonProps as MuiButtonProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ label: string;
8
+ onClick: () => void;
9
+ variant?: MuiButtonProps['variant'];
10
+ color?: MuiButtonProps['color'];
11
+ size?: MuiButtonProps['size'];
12
+ fullWidth?: boolean;
13
+ startIcon?: React.ReactNode;
14
+ endIcon?: React.ReactNode;
15
+ loading?: boolean;
16
+ sx?: MuiButtonProps['sx'];
17
+ };
18
+ }>;
19
+ export declare const useButton: (params: ComponentParams<Struct>) => Component<Struct>;
20
+ export type ButtonStruct = Struct;
21
+ export declare const Button: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
22
+ export {};
23
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.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,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,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,CAuC3E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,eAAO,MAAM,MAAM,qDAAqB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button as MuiButton, type ButtonProps as MuiButtonProps } 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 label: string;\n onClick: () => void;\n variant?: MuiButtonProps['variant'];\n color?: MuiButtonProps['color'];\n size?: MuiButtonProps['size'];\n fullWidth?: boolean;\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n loading?: boolean;\n sx?: MuiButtonProps['sx'];\n };\n }\n>;\n\nexport const useButton = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Button',\n props: {\n label: '',\n onClick: () => {},\n variant: 'contained',\n color: 'primary',\n size: 'medium',\n fullWidth: false,\n startIcon: undefined,\n endIcon: undefined,\n loading: false,\n sx: undefined,\n },\n view: () => (\n <MuiButton\n variant={m.variant}\n color={m.color}\n size={m.size}\n fullWidth={m.fullWidth}\n disabled={m.$.isDisabled}\n loading={m.loading}\n startIcon={m.startIcon}\n endIcon={m.endIcon}\n sx={m.sx}\n onClick={m.onClick}\n >\n {m.label}\n </MuiButton>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type ButtonStruct = Struct;\n\nexport const Button = toReact(useButton);\nButton.displayName = 'Button';\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;"}
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.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ import { CardProps as MuiCardProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ content: React.FC;
8
+ title?: React.ReactNode;
9
+ subheader?: React.ReactNode;
10
+ avatar?: React.ReactNode;
11
+ headerAction?: React.FC;
12
+ actions?: React.FC;
13
+ raised?: boolean;
14
+ sx?: MuiCardProps['sx'];
15
+ };
16
+ }>;
17
+ export declare const useCard: (params: ComponentParams<Struct>) => Component<Struct>;
18
+ export type CardStruct = Struct;
19
+ export declare const Card: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
20
+ export {};
21
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKH,KAAK,SAAS,IAAI,YAAY,EACjC,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,KAAK,CAAC,EAAE,CAAC;QAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,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,CAyCzE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,eAAO,MAAM,IAAI,qDAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.es.js","sources":["D:/Src/my/actdim/public/dynstruct-mui/src/Card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Card as MuiCard,\n CardHeader,\n CardContent,\n CardActions,\n type CardProps as MuiCardProps,\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 content: React.FC;\n title?: React.ReactNode;\n subheader?: React.ReactNode;\n avatar?: React.ReactNode;\n headerAction?: React.FC;\n actions?: React.FC;\n raised?: boolean;\n sx?: MuiCardProps['sx'];\n };\n }\n>;\n\nexport const useCard = (params: ComponentParams<Struct>): Component<Struct> => {\n let c: Component<Struct>;\n let m: ComponentModel<Struct>;\n\n const def: ComponentDef<Struct> = {\n regType: 'Card',\n props: {\n content: () => null,\n title: undefined,\n subheader: undefined,\n avatar: undefined,\n headerAction: undefined,\n actions: undefined,\n raised: false,\n sx: undefined,\n },\n view: () => (\n <MuiCard raised={m.raised} sx={m.sx}>\n {(m.title || m.subheader || m.avatar || m.headerAction) && (\n <CardHeader\n title={m.title}\n subheader={m.subheader}\n avatar={m.avatar}\n action={m.headerAction ? <m.headerAction /> : undefined}\n />\n )}\n <CardContent>\n <m.content />\n </CardContent>\n {m.actions && (\n <CardActions>\n <m.actions />\n </CardActions>\n )}\n </MuiCard>\n ),\n };\n\n c = useComponent(def, params);\n m = c.model;\n return c;\n};\n\nexport type CardStruct = Struct;\n\nexport const Card = toReact(useCard);\nCard.displayName = 'Card';\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
+ {"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;"}
@@ -0,0 +1,22 @@
1
+ import { default as React } from 'react';
2
+ import { CheckboxProps as MuiCheckboxProps, FormControlProps as MuiFormControlProps } from '@mui/material';
3
+ import { ComponentStruct, ComponentParams, Component } from '@actdim/dynstruct/componentModel/contracts';
4
+ import { BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';
5
+ type Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<TMsgStruct, {
6
+ props: {
7
+ checked: boolean;
8
+ onChange: (checked: boolean) => void;
9
+ label?: string;
10
+ helperText?: string;
11
+ error?: boolean;
12
+ color?: MuiCheckboxProps['color'];
13
+ size?: MuiCheckboxProps['size'];
14
+ indeterminate?: boolean;
15
+ sx?: MuiFormControlProps['sx'];
16
+ };
17
+ }>;
18
+ export declare const useCheckbox: (params: ComponentParams<Struct>) => Component<Struct>;
19
+ export type CheckboxStruct = Struct;
20
+ export declare const Checkbox: React.FC<ComponentParams<Struct<BaseAppMsgStruct>>>;
21
+ export {};
22
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKH,KAAK,aAAa,IAAI,gBAAgB,EACtC,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,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAChC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;KAClC,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,KAAG,SAAS,CAAC,MAAM,CA+C7E,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,eAAO,MAAM,QAAQ,qDAAuB,CAAC"}