@actdim/dynstruct-mui 0.9.2 → 1.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +91 -91
- package/dist/Accordion.es.js.map +1 -1
- package/dist/Alert.es.js.map +1 -1
- package/dist/Autocomplete.es.js.map +1 -1
- package/dist/Avatar.es.js.map +1 -1
- package/dist/Badge.es.js.map +1 -1
- package/dist/Breadcrumbs.es.js.map +1 -1
- package/dist/Button.es.js.map +1 -1
- package/dist/Card.es.js.map +1 -1
- package/dist/Checkbox.es.js.map +1 -1
- package/dist/Chip.es.js.map +1 -1
- package/dist/CircularProgress.es.js.map +1 -1
- package/dist/Dialog.es.js.map +1 -1
- package/dist/Drawer.es.js.map +1 -1
- package/dist/Fab.es.js.map +1 -1
- package/dist/IconButton.es.js.map +1 -1
- package/dist/LinearProgress.es.js.map +1 -1
- package/dist/List.es.js.map +1 -1
- package/dist/Menu.es.js.map +1 -1
- package/dist/Pagination.es.js.map +1 -1
- package/dist/RadioGroup.es.js.map +1 -1
- package/dist/Rating.es.js.map +1 -1
- package/dist/Select.es.js.map +1 -1
- package/dist/Skeleton.es.js.map +1 -1
- package/dist/Slider.es.js.map +1 -1
- package/dist/Snackbar.es.js.map +1 -1
- package/dist/SpeedDial.es.js.map +1 -1
- package/dist/Stepper.es.js.map +1 -1
- package/dist/Switch.es.js.map +1 -1
- package/dist/Table.es.js.map +1 -1
- package/dist/Tabs.es.js.map +1 -1
- package/dist/TextField.es.js.map +1 -1
- package/dist/ToggleButtonGroup.es.js.map +1 -1
- package/dist/Tooltip.es.js.map +1 -1
- 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
|
-
[](https://www.npmjs.com/package/@actdim/dynstruct-mui)
|
|
6
|
-
[](https://www.typescriptlang.org/)
|
|
7
|
-
[](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
|
+
[](https://www.npmjs.com/package/@actdim/dynstruct-mui)
|
|
6
|
+
[](https://www.typescriptlang.org/)
|
|
7
|
+
[](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)
|
package/dist/Accordion.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.es.js","sources":["
|
|
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;"}
|
package/dist/Alert.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.es.js","sources":["
|
|
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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.es.js","sources":["
|
|
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;"}
|
package/dist/Avatar.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.es.js","sources":["
|
|
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;"}
|
package/dist/Badge.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.es.js","sources":["
|
|
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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.es.js","sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Breadcrumbs as MuiBreadcrumbs,\r\n Link,\r\n Typography,\r\n type BreadcrumbsProps as MuiBreadcrumbsProps,\r\n} from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\nexport type BreadcrumbItem = {\r\n label: string;\r\n href?: string;\r\n onClick?: () => void;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n items: BreadcrumbItem[];\r\n separator?: React.ReactNode;\r\n maxItems?: number;\r\n sx?: MuiBreadcrumbsProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useBreadcrumbs = (params: ComponentParams<Struct>): Component<Struct> => {\r\n let c: Component<Struct>;\r\n let m: ComponentModel<Struct>;\r\n\r\n const def: ComponentDef<Struct> = {\r\n regType: 'Breadcrumbs',\r\n props: {\r\n items: [],\r\n separator: undefined,\r\n maxItems: 8,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiBreadcrumbs\r\n separator={m.separator}\r\n maxItems={m.maxItems}\r\n aria-label=\"breadcrumb\"\r\n sx={m.sx}\r\n >\r\n {m.items.map((item, i) =>\r\n i === m.items.length - 1 ? (\r\n <Typography key={i} sx={{ color: 'text.primary' }}>\r\n {item.label}\r\n </Typography>\r\n ) : (\r\n <Link\r\n key={i}\r\n underline=\"hover\"\r\n color=\"inherit\"\r\n href={item.href}\r\n onClick={item.onClick}\r\n sx={{ cursor: item.onClick && !item.href ? 'pointer' : undefined }}\r\n >\r\n {item.label}\r\n </Link>\r\n ),\r\n )}\r\n </MuiBreadcrumbs>\r\n ),\r\n };\r\n\r\n c = useComponent(def, params);\r\n m = c.model;\r\n return c;\r\n};\r\n\r\nexport type BreadcrumbsStruct = Struct;\r\n\r\nexport const Breadcrumbs = toReact(useBreadcrumbs);\r\nBreadcrumbs.displayName = 'Breadcrumbs';\r\n"],"names":["MuiBreadcrumbs"],"mappings":";;;;;AAmCO,MAAM,iBAAiB,wBAAC,WAAuD;AAClF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,WAAW,EAAE;AAAA,QACb,UAAU,EAAE;AAAA,QACZ,cAAW;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,MAAM;AAAA,QAAI,CAAC,MAAM,MAChB,MAAM,EAAE,MAAM,SAAS,IACnB,sBAAA,cAAC,cAAW,KAAK,GAAG,IAAI,EAAE,OAAO,iBAAe,GAC3C,KAAK,KACV,IAEA,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAM,KAAK;AAAA,YACX,SAAS,KAAK;AAAA,YACd,IAAI,EAAE,QAAQ,KAAK,WAAW,CAAC,KAAK,OAAO,YAAY,OAAA;AAAA,UAAU;AAAA,UAEhE,KAAK;AAAA,QAAA;AAAA,MACV;AAAA,IAER,GAxBF;AAAA,EAyBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5C8B;AAgDvB,MAAM,cAAc,QAAQ,cAAc;AACjD,YAAY,cAAc;"}
|
package/dist/Button.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Button.es.js","sources":["../src/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button as MuiButton, type ButtonProps as MuiButtonProps } from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n label: string;\r\n onClick: () => void;\r\n variant?: MuiButtonProps['variant'];\r\n color?: MuiButtonProps['color'];\r\n size?: MuiButtonProps['size'];\r\n fullWidth?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n loading?: boolean;\r\n sx?: MuiButtonProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useButton = (params: ComponentParams<Struct>): Component<Struct> => {\r\n let c: Component<Struct>;\r\n let m: ComponentModel<Struct>;\r\n\r\n const def: ComponentDef<Struct> = {\r\n regType: 'Button',\r\n props: {\r\n label: '',\r\n onClick: () => {},\r\n variant: 'contained',\r\n color: 'primary',\r\n size: 'medium',\r\n fullWidth: false,\r\n startIcon: undefined,\r\n endIcon: undefined,\r\n loading: false,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiButton\r\n variant={m.variant}\r\n color={m.color}\r\n size={m.size}\r\n fullWidth={m.fullWidth}\r\n disabled={m.$.isDisabled}\r\n loading={m.loading}\r\n startIcon={m.startIcon}\r\n endIcon={m.endIcon}\r\n sx={m.sx}\r\n onClick={m.onClick}\r\n >\r\n {m.label}\r\n </MuiButton>\r\n ),\r\n };\r\n\r\n c = useComponent(def, params);\r\n m = c.model;\r\n return c;\r\n};\r\n\r\nexport type ButtonStruct = Struct;\r\n\r\nexport const Button = toReact(useButton);\r\nButton.displayName = 'Button';\r\n"],"names":["MuiButton"],"mappings":";;;;;AA8BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,UAAU,EAAE,EAAE;AAAA,QACd,SAAS,EAAE;AAAA,QACX,WAAW,EAAE;AAAA,QACb,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,QACN,SAAS,EAAE;AAAA,MAAA;AAAA,MAEV,EAAE;AAAA,IAAA,GAbL;AAAA,EAcF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAvCyB;AA2ClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
|
package/dist/Card.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Card.es.js","sources":["../src/Card.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Card as MuiCard,\r\n CardHeader,\r\n CardContent,\r\n CardActions,\r\n type CardProps as MuiCardProps,\r\n} from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n content: React.FC;\r\n title?: React.ReactNode;\r\n subheader?: React.ReactNode;\r\n avatar?: React.ReactNode;\r\n headerAction?: React.FC;\r\n actions?: React.FC;\r\n raised?: boolean;\r\n sx?: MuiCardProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useCard = (params: ComponentParams<Struct>): Component<Struct> => {\r\n let c: Component<Struct>;\r\n let m: ComponentModel<Struct>;\r\n\r\n const def: ComponentDef<Struct> = {\r\n regType: 'Card',\r\n props: {\r\n content: () => null,\r\n title: undefined,\r\n subheader: undefined,\r\n avatar: undefined,\r\n headerAction: undefined,\r\n actions: undefined,\r\n raised: false,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiCard raised={m.raised} sx={m.sx}>\r\n {(m.title || m.subheader || m.avatar || m.headerAction) && (\r\n <CardHeader\r\n title={m.title}\r\n subheader={m.subheader}\r\n avatar={m.avatar}\r\n action={m.headerAction ? <m.headerAction /> : undefined}\r\n />\r\n )}\r\n <CardContent>\r\n <m.content />\r\n </CardContent>\r\n {m.actions && (\r\n <CardActions>\r\n <m.actions />\r\n </CardActions>\r\n )}\r\n </MuiCard>\r\n ),\r\n };\r\n\r\n c = useComponent(def, params);\r\n m = c.model;\r\n return c;\r\n};\r\n\r\nexport type CardStruct = Struct;\r\n\r\nexport const Card = toReact(useCard);\r\nCard.displayName = 'Card';\r\n"],"names":["MuiCard"],"mappings":";;;;;AAkCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,6BAAM,MAAN;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,QAAQ,EAAE,QAAQ,IAAI,EAAE,GAAA,IAC3B,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,iBACtC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,WAAW,EAAE;AAAA,QACb,QAAQ,EAAE;AAAA,QACV,QAAQ,EAAE,mDAAgB,EAAE,cAAF,IAAe,IAAK;AAAA,MAAA;AAAA,IAAA,GAGtD,sBAAA,cAAC,aAAA,0CACI,EAAE,SAAF,IAAU,CACf,GACC,EAAE,+CACE,aAAA,MACG,sBAAA,cAAC,EAAE,SAAF,IAAU,CACf,CAER,GAlBE;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAzCuB;AA6ChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
|
package/dist/Checkbox.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Checkbox.es.js","sources":["../src/Checkbox.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Checkbox as MuiCheckbox,\r\n FormControl,\r\n FormControlLabel,\r\n FormHelperText,\r\n type CheckboxProps as MuiCheckboxProps,\r\n type FormControlProps as MuiFormControlProps,\r\n} from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n checked: boolean;\r\n onChange: (checked: boolean) => void;\r\n label?: string;\r\n helperText?: string;\r\n error?: boolean;\r\n color?: MuiCheckboxProps['color'];\r\n size?: MuiCheckboxProps['size'];\r\n indeterminate?: boolean;\r\n sx?: MuiFormControlProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useCheckbox = (params: ComponentParams<Struct>): Component<Struct> => {\r\n let c: Component<Struct>;\r\n let m: ComponentModel<Struct>;\r\n\r\n const def: ComponentDef<Struct> = {\r\n regType: 'Checkbox',\r\n props: {\r\n checked: false,\r\n onChange: () => {},\r\n label: undefined,\r\n helperText: undefined,\r\n error: false,\r\n color: 'primary',\r\n size: 'medium',\r\n indeterminate: false,\r\n sx: undefined,\r\n },\r\n view: () => {\r\n const checkbox = (\r\n <MuiCheckbox\r\n checked={m.checked}\r\n onChange={(e) => m.onChange(e.target.checked)}\r\n color={m.color}\r\n size={m.size}\r\n indeterminate={m.indeterminate}\r\n />\r\n );\r\n return (\r\n <FormControl\r\n error={m.error}\r\n disabled={m.$.isDisabled}\r\n sx={m.sx}\r\n >\r\n {m.label != null ? (\r\n <FormControlLabel control={checkbox} label={m.label} />\r\n ) : (\r\n checkbox\r\n )}\r\n {m.helperText && <FormHelperText>{m.helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n },\r\n };\r\n\r\n c = useComponent(def, params);\r\n m = c.model;\r\n return c;\r\n};\r\n\r\nexport type CheckboxStruct = Struct;\r\n\r\nexport const Checkbox = toReact(useCheckbox);\r\nCheckbox.displayName = 'Checkbox';\r\n"],"names":["MuiCheckbox"],"mappings":";;;;;AAoCO,MAAM,cAAc,wBAAC,WAAuD;AAC/E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BAAM;AACR,YAAM,WACF,sBAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG,SAAS,EAAE;AAAA,UACX,UAAU,wBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,OAAO,GAAlC;AAAA,UACV,OAAO,EAAE;AAAA,UACT,MAAM,EAAE;AAAA,UACR,eAAe,EAAE;AAAA,QAAA;AAAA,MAAA;AAGzB,aACI,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAO,EAAE;AAAA,UACT,UAAU,EAAE,EAAE;AAAA,UACd,IAAI,EAAE;AAAA,QAAA;AAAA,QAEL,EAAE,SAAS,OACR,sBAAA,cAAC,kBAAA,EAAiB,SAAS,UAAU,OAAO,EAAE,MAAA,CAAO,IAErD;AAAA,QAEH,EAAE,cAAc,sBAAA,cAAC,gBAAA,MAAgB,EAAE,UAAW;AAAA,MAAA;AAAA,IAG3D,GAxBM;AAAA,EAwBN;AAGJ,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA/C2B;AAmDpB,MAAM,WAAW,QAAQ,WAAW;AAC3C,SAAS,cAAc;"}
|
package/dist/Chip.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Chip.es.js","sources":["../src/Chip.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Chip as MuiChip, type ChipProps as MuiChipProps } from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n label: string;\r\n onClick?: () => void;\r\n onDelete?: () => void;\r\n variant?: MuiChipProps['variant'];\r\n color?: MuiChipProps['color'];\r\n size?: MuiChipProps['size'];\r\n icon?: React.ReactNode;\r\n sx?: MuiChipProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useChip = (params: ComponentParams<Struct>): Component<Struct> => {\r\n let c: Component<Struct>;\r\n let m: ComponentModel<Struct>;\r\n\r\n const def: ComponentDef<Struct> = {\r\n regType: 'Chip',\r\n props: {\r\n label: '',\r\n onClick: undefined,\r\n onDelete: undefined,\r\n variant: 'filled',\r\n color: 'default',\r\n size: 'medium',\r\n icon: undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiChip\r\n label={m.label}\r\n onClick={m.onClick}\r\n onDelete={m.onDelete}\r\n variant={m.variant}\r\n color={m.color}\r\n size={m.size}\r\n icon={m.icon as React.ReactElement | undefined}\r\n disabled={m.$.isDisabled}\r\n sx={m.sx}\r\n />\r\n ),\r\n };\r\n\r\n c = useComponent(def, params);\r\n m = c.model;\r\n return c;\r\n};\r\n\r\nexport type ChipStruct = Struct;\r\n\r\nexport const Chip = toReact(useChip);\r\nChip.displayName = 'Chip';\r\n"],"names":["MuiChip"],"mappings":";;;;;AA4BO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,MAAM,EAAE;AAAA,QACR,UAAU,EAAE,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAVR;AAAA,EAWF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAlCuB;AAsChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"CircularProgress.es.js","sources":["../src/CircularProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n CircularProgress as MuiCircularProgress,\r\n type CircularProgressProps as MuiCircularProgressProps,\r\n} from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n variant?: MuiCircularProgressProps['variant'];\r\n value?: number;\r\n color?: MuiCircularProgressProps['color'];\r\n size?: number | string;\r\n thickness?: number;\r\n sx?: MuiCircularProgressProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useCircularProgress = (params: ComponentParams<Struct>): Component<Struct> => {\r\n let c: Component<Struct>;\r\n let m: ComponentModel<Struct>;\r\n\r\n const def: ComponentDef<Struct> = {\r\n regType: 'CircularProgress',\r\n props: {\r\n variant: 'indeterminate',\r\n value: undefined,\r\n color: 'primary',\r\n size: 40,\r\n thickness: 3.6,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiCircularProgress\r\n variant={m.variant}\r\n value={m.value}\r\n color={m.color}\r\n size={m.size}\r\n thickness={m.thickness}\r\n sx={m.sx}\r\n />\r\n ),\r\n };\r\n\r\n c = useComponent(def, params);\r\n m = c.model;\r\n return c;\r\n};\r\n\r\nexport type CircularProgressStruct = Struct;\r\n\r\nexport const CircularProgress = toReact(useCircularProgress);\r\nCircularProgress.displayName = 'CircularProgress';\r\n"],"names":["MuiCircularProgress"],"mappings":";;;;;AA6BO,MAAM,sBAAsB,wBAAC,WAAuD;AACvF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,WAAW,EAAE;AAAA,QACb,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GAPR;AAAA,EAQF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA7BmC;AAiC5B,MAAM,mBAAmB,QAAQ,mBAAmB;AAC3D,iBAAiB,cAAc;"}
|
package/dist/Dialog.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Dialog.es.js","sources":["../src/Dialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Dialog as MuiDialog,\r\n DialogTitle,\r\n DialogContent,\r\n DialogActions,\r\n type DialogProps as MuiDialogProps,\r\n} from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n open: boolean;\r\n onClose: () => void;\r\n title?: string;\r\n content?: React.FC;\r\n actions?: React.FC;\r\n maxWidth?: MuiDialogProps['maxWidth'];\r\n fullWidth?: boolean;\r\n fullScreen?: boolean;\r\n sx?: MuiDialogProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useDialog = (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: 'Dialog',\r\n props: {\r\n open: false,\r\n onClose: () => {},\r\n title: undefined,\r\n content: undefined,\r\n actions: undefined,\r\n maxWidth: 'sm',\r\n fullWidth: true,\r\n fullScreen: false,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiDialog\r\n open={m.open}\r\n onClose={m.onClose}\r\n maxWidth={m.maxWidth}\r\n fullWidth={m.fullWidth}\r\n fullScreen={m.fullScreen}\r\n sx={m.sx}\r\n >\r\n {m.title && <DialogTitle>{m.title}</DialogTitle>}\r\n {m.content && (\r\n <DialogContent>\r\n <m.content />\r\n </DialogContent>\r\n )}\r\n {m.actions && (\r\n <DialogActions>\r\n <m.actions />\r\n </DialogActions>\r\n )}\r\n </MuiDialog>\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 DialogStruct = Struct;\r\n\r\nexport const Dialog = toReact(useDialog);\r\nDialog.displayName = 'Dialog';\r\n"],"names":["MuiDialog"],"mappings":";;;;;AAmCO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,UAAU,EAAE;AAAA,QACZ,WAAW,EAAE;AAAA,QACb,YAAY,EAAE;AAAA,QACd,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE,SAAS,sBAAA,cAAC,aAAA,MAAa,EAAE,KAAM;AAAA,MACjC,EAAE,WACC,sBAAA,cAAC,eAAA,0CACI,EAAE,SAAF,IAAU,CACf;AAAA,MAEH,EAAE,WACC,sBAAA,cAAC,eAAA,0CACI,EAAE,SAAF,IAAU,CACf;AAAA,IAAA,GAlBN;AAAA,EAoBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA5CyB;AAgDlB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
|
package/dist/Drawer.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Drawer.es.js","sources":["../src/Drawer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Drawer as MuiDrawer, type DrawerProps as MuiDrawerProps } from '@mui/material';\r\nimport {\r\n type ComponentStruct,\r\n type ComponentDef,\r\n type ComponentParams,\r\n type Component,\r\n type ComponentModel,\r\n} from '@actdim/dynstruct/componentModel/contracts';\r\nimport { useComponent, toReact } from '@actdim/dynstruct/componentModel/react/hooks';\r\nimport { type BaseAppMsgStruct } from '@actdim/dynstruct/appDomain/appContracts';\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n open: boolean;\r\n onClose: () => void;\r\n children: React.FC;\r\n anchor?: MuiDrawerProps['anchor'];\r\n variant?: MuiDrawerProps['variant'];\r\n sx?: MuiDrawerProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useDrawer = (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: 'Drawer',\r\n props: {\r\n open: false,\r\n onClose: () => {},\r\n children: () => null,\r\n anchor: 'left',\r\n variant: 'temporary',\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiDrawer\r\n open={m.open}\r\n onClose={m.onClose}\r\n anchor={m.anchor}\r\n variant={m.variant}\r\n sx={m.sx}\r\n >\r\n <m.children />\r\n </MuiDrawer>\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 DrawerStruct = Struct;\r\n\r\nexport const Drawer = toReact(useDrawer);\r\nDrawer.displayName = 'Drawer';\r\n"],"names":["MuiDrawer"],"mappings":";;;;;AA0BO,MAAM,YAAY,wBAAC,WAAuD;AAC7E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,UAAU,6BAAM,MAAN;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,QAAQ,EAAE;AAAA,QACV,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,UAAF,IAAW;AAAA,IAAA,GARd;AAAA,EASF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA9ByB;AAkClB,MAAM,SAAS,QAAQ,SAAS;AACvC,OAAO,cAAc;"}
|
package/dist/Fab.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fab.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Fab.es.js","sources":["../src/Fab.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Fab as MuiFab, type FabProps as MuiFabProps } 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 icon: React.FC;\r\n onClick: () => void;\r\n ariaLabel: string;\r\n color?: MuiFabProps['color'];\r\n size?: MuiFabProps['size'];\r\n variant?: MuiFabProps['variant'];\r\n label?: string;\r\n sx?: MuiFabProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useFab = (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: 'Fab',\r\n props: {\r\n icon: () => null,\r\n onClick: () => {},\r\n ariaLabel: '',\r\n color: 'primary',\r\n size: 'large',\r\n variant: 'circular',\r\n label: undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiFab\r\n color={m.color}\r\n size={m.size}\r\n variant={m.variant}\r\n aria-label={m.ariaLabel}\r\n disabled={m.$.isDisabled}\r\n onClick={m.onClick}\r\n sx={m.sx}\r\n >\r\n <m.icon />\r\n {m.variant === 'extended' && m.label}\r\n </MuiFab>\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 FabStruct = Struct;\r\n\r\nexport const Fab = toReact(useFab);\r\nFab.displayName = 'Fab';\r\n"],"names":["MuiFab"],"mappings":";;;;;AA4BO,MAAM,SAAS,wBAAC,WAAuD;AAC1E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM,6BAAM,MAAN;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,cAAY,EAAE;AAAA,QACd,UAAU,EAAE,EAAE;AAAA,QACd,SAAS,EAAE;AAAA,QACX,IAAI,EAAE;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAC,EAAE,MAAF,IAAO;AAAA,MACP,EAAE,YAAY,cAAc,EAAE;AAAA,IAAA,GAXjC;AAAA,EAYF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAnCsB;AAuCf,MAAM,MAAM,QAAQ,MAAM;AACjC,IAAI,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"IconButton.es.js","sources":["../src/IconButton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconButton as MuiIconButton, type IconButtonProps as MuiIconButtonProps } 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 onClick: () => void;\r\n icon: React.ReactNode;\r\n color?: MuiIconButtonProps['color'];\r\n size?: MuiIconButtonProps['size'];\r\n edge?: MuiIconButtonProps['edge'];\r\n loading?: boolean;\r\n 'aria-label'?: string;\r\n sx?: MuiIconButtonProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useIconButton = (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: 'IconButton',\r\n props: {\r\n onClick: () => {},\r\n icon: null,\r\n color: 'default',\r\n size: 'medium',\r\n edge: false,\r\n loading: false,\r\n 'aria-label': undefined,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiIconButton\r\n onClick={m.onClick}\r\n color={m.color}\r\n size={m.size}\r\n edge={m.edge}\r\n loading={m.loading}\r\n disabled={m.$.isDisabled}\r\n aria-label={m['aria-label']}\r\n sx={m.sx}\r\n >\r\n {m.icon}\r\n </MuiIconButton>\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 IconButtonStruct = Struct;\r\n\r\nexport const IconButton = toReact(useIconButton);\r\nIconButton.displayName = 'IconButton';\r\n"],"names":["MuiIconButton"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,wBAAC,WAAuD;AACjF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,cAAc;AAAA,MACd,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,MAAM,EAAE;AAAA,QACR,SAAS,EAAE;AAAA,QACX,UAAU,EAAE,EAAE;AAAA,QACd,cAAY,EAAE,YAAY;AAAA,QAC1B,IAAI,EAAE;AAAA,MAAA;AAAA,MAEL,EAAE;AAAA,IAAA,GAXL;AAAA,EAYF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAnC6B;AAuCtB,MAAM,aAAa,QAAQ,aAAa;AAC/C,WAAW,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearProgress.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"LinearProgress.es.js","sources":["../src/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n LinearProgress as MuiLinearProgress,\r\n type LinearProgressProps as MuiLinearProgressProps,\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?: MuiLinearProgressProps['variant'];\r\n value?: number;\r\n valueBuffer?: number;\r\n color?: MuiLinearProgressProps['color'];\r\n sx?: MuiLinearProgressProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useLinearProgress = (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: 'LinearProgress',\r\n props: {\r\n variant: 'indeterminate',\r\n value: undefined,\r\n valueBuffer: undefined,\r\n color: 'primary',\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiLinearProgress\r\n variant={m.variant}\r\n value={m.value}\r\n valueBuffer={m.valueBuffer}\r\n color={m.color}\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 LinearProgressStruct = Struct;\r\n\r\nexport const LinearProgress = toReact(useLinearProgress);\r\nLinearProgress.displayName = 'LinearProgress';\r\n"],"names":["MuiLinearProgress"],"mappings":";;;;;AA4BO,MAAM,oBAAoB,wBAAC,WAAuD;AACrF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,aAAa,EAAE;AAAA,QACf,OAAO,EAAE;AAAA,QACT,IAAI,EAAE;AAAA,MAAA;AAAA,IAAA,GANR;AAAA,EAOF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA3BiC;AA+B1B,MAAM,iBAAiB,QAAQ,iBAAiB;AACvD,eAAe,cAAc;"}
|
package/dist/List.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"List.es.js","sources":["../src/List.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n List as MuiList,\r\n ListItem,\r\n ListItemButton,\r\n ListItemIcon,\r\n ListItemText,\r\n Divider,\r\n type ListProps as MuiListProps,\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 ListItemDef = {\r\n primary: React.ReactNode;\r\n secondary?: React.ReactNode;\r\n icon?: React.FC;\r\n onClick?: () => void;\r\n divider?: boolean;\r\n disabled?: boolean;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n items: ListItemDef[];\r\n dense?: boolean;\r\n disablePadding?: boolean;\r\n sx?: MuiListProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useList = (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: 'List',\r\n props: {\r\n items: [],\r\n dense: false,\r\n disablePadding: false,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiList dense={m.dense} disablePadding={m.disablePadding} sx={m.sx}>\r\n {m.items.map((item, i) =>\r\n item.divider ? (\r\n <Divider key={i} component=\"li\" />\r\n ) : item.onClick ? (\r\n <ListItem key={i} disablePadding>\r\n <ListItemButton onClick={item.onClick} disabled={item.disabled}>\r\n {item.icon && (\r\n <ListItemIcon>\r\n <item.icon />\r\n </ListItemIcon>\r\n )}\r\n <ListItemText primary={item.primary} secondary={item.secondary} />\r\n </ListItemButton>\r\n </ListItem>\r\n ) : (\r\n <ListItem key={i}>\r\n {item.icon && (\r\n <ListItemIcon>\r\n <item.icon />\r\n </ListItemIcon>\r\n )}\r\n <ListItemText primary={item.primary} secondary={item.secondary} />\r\n </ListItem>\r\n ),\r\n )}\r\n </MuiList>\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 ListStruct = Struct;\r\n\r\nexport const List = toReact(useList);\r\nList.displayName = 'List';\r\n"],"names":["MuiList"],"mappings":";;;;;AAyCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO,CAAA;AAAA,MACP,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,OAAO,EAAE,OAAO,gBAAgB,EAAE,gBAAgB,IAAI,EAAE,MAC5D,EAAE,MAAM;AAAA,MAAI,CAAC,MAAM,MAChB,KAAK,UACD,sBAAA,cAAC,SAAA,EAAQ,KAAK,GAAG,WAAU,KAAA,CAAK,IAChC,KAAK,UACL,sBAAA,cAAC,UAAA,EAAS,KAAK,GAAG,gBAAc,KAAA,GAC5B,sBAAA,cAAC,gBAAA,EAAe,SAAS,KAAK,SAAS,UAAU,KAAK,YACjD,KAAK,QACF,sBAAA,cAAC,cAAA,0CACI,KAAK,MAAL,IAAU,CACf,GAEJ,sBAAA,cAAC,cAAA,EAAa,SAAS,KAAK,SAAS,WAAW,KAAK,UAAA,CAAW,CACpE,CACJ,IAEA,sBAAA,cAAC,UAAA,EAAS,KAAK,EAAA,GACV,KAAK,QACF,sBAAA,cAAC,cAAA,MACG,sBAAA,cAAC,KAAK,MAAL,IAAU,CACf,GAEJ,sBAAA,cAAC,cAAA,EAAa,SAAS,KAAK,SAAS,WAAW,KAAK,WAAW,CACpE;AAAA,IAAA,CAGZ,GA3BE;AAAA,EA2BF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GA9CuB;AAkDhB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
|
package/dist/Menu.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Menu.es.js","sources":["../src/Menu.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n Menu as MuiMenu,\r\n MenuItem as MuiMenuItem,\r\n Divider,\r\n type MenuProps as MuiMenuProps,\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 MenuItemDef = {\r\n label: string;\r\n onClick?: () => void;\r\n disabled?: boolean;\r\n divider?: boolean;\r\n};\r\n\r\ntype Struct<TMsgStruct extends BaseAppMsgStruct = BaseAppMsgStruct> = ComponentStruct<\r\n TMsgStruct,\r\n {\r\n props: {\r\n open: boolean;\r\n onClose: () => void;\r\n items: MenuItemDef[];\r\n anchorEl?: HTMLElement | null; // ElementCSSInlineStyle etc to support KeyPath \"anchorEl.*\"\r\n sx?: MuiMenuProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const useMenu = (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: 'Menu',\r\n props: {\r\n open: false,\r\n onClose: () => {},\r\n items: [],\r\n anchorEl: null,\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiMenu open={m.open} onClose={m.onClose} anchorEl={m.anchorEl} sx={m.sx}>\r\n {m.items.map((item, i) =>\r\n item.divider ? (\r\n <Divider key={i} />\r\n ) : (\r\n <MuiMenuItem\r\n key={i}\r\n onClick={() => {\r\n item.onClick?.();\r\n m.onClose();\r\n }}\r\n disabled={item.disabled}\r\n >\r\n {item.label}\r\n </MuiMenuItem>\r\n ),\r\n )}\r\n </MuiMenu>\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 MenuStruct = Struct;\r\n\r\nexport const Menu = toReact(useMenu);\r\nMenu.displayName = 'Menu';\r\n"],"names":["MuiMenu","MuiMenuItem"],"mappings":";;;;;AAqCO,MAAM,UAAU,wBAAC,WAAuD;AAC3E,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,6BAAM;AAAA,MAAC,GAAP;AAAA,MACT,OAAO,CAAA;AAAA,MACP,UAAU;AAAA,MACV,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA,cAACA,QAAA,EAAQ,MAAM,EAAE,MAAM,SAAS,EAAE,SAAS,UAAU,EAAE,UAAU,IAAI,EAAE,GAAA,GAClE,EAAE,MAAM;AAAA,MAAI,CAAC,MAAM,MAChB,KAAK,UACD,sBAAA,cAAC,SAAA,EAAQ,KAAK,GAAG,IAEjB,sBAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,KAAK;AAAA,UACL,SAAS,6BAAM;AACX,iBAAK,UAAA;AACL,cAAE,QAAA;AAAA,UACN,GAHS;AAAA,UAIT,UAAU,KAAK;AAAA,QAAA;AAAA,QAEd,KAAK;AAAA,MAAA;AAAA,IACV,CAGZ,GAlBE;AAAA,EAkBF;AAIR,MAAI,aAAa,KAAK,MAAM;AAC5B,MAAI,EAAE;AACN,SAAO;AACX,GAtCuB;AA0ChB,MAAM,OAAO,QAAQ,OAAO;AACnC,KAAK,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.es.js","sources":["
|
|
1
|
+
{"version":3,"file":"Pagination.es.js","sources":["../src/Pagination.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Pagination as MuiPagination, type PaginationProps as MuiPaginationProps } 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 count: number;\r\n page: number;\r\n onChange: (page: number) => void;\r\n size?: MuiPaginationProps['size'];\r\n color?: MuiPaginationProps['color'];\r\n shape?: MuiPaginationProps['shape'];\r\n variant?: MuiPaginationProps['variant'];\r\n sx?: MuiPaginationProps['sx'];\r\n };\r\n }\r\n>;\r\n\r\nexport const usePagination = (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: 'Pagination',\r\n props: {\r\n count: 1,\r\n page: 1,\r\n onChange: () => {},\r\n size: 'medium',\r\n color: 'standard',\r\n shape: 'circular',\r\n variant: 'text',\r\n sx: undefined,\r\n },\r\n view: () => (\r\n <MuiPagination\r\n count={m.count}\r\n page={m.page}\r\n onChange={(_, page) => m.onChange(page)}\r\n size={m.size}\r\n color={m.color}\r\n shape={m.shape}\r\n variant={m.variant}\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 PaginationStruct = Struct;\r\n\r\nexport const Pagination = toReact(usePagination);\r\nPagination.displayName = 'Pagination';\r\n"],"names":["MuiPagination"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,wBAAC,WAAuD;AACjF,MAAI;AACJ,MAAI;AAEJ,QAAM,MAA4B;AAAA,IAC9B,SAAS;AAAA,IACT,OAAO;AAAA,MACH,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,6BAAM;AAAA,MAAC,GAAP;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,IAER,MAAM,6BACF,sBAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,UAAU,wBAAC,GAAG,SAAS,EAAE,SAAS,IAAI,GAA5B;AAAA,QACV,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,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,GAlC6B;AAsCtB,MAAM,aAAa,QAAQ,aAAa;AAC/C,WAAW,cAAc;"}
|