@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.
- package/README.md +91 -91
- package/dist/Accordion.d.ts +19 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.es.js.map +1 -1
- package/dist/Alert.d.ts +18 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.es.js.map +1 -1
- package/dist/Autocomplete.d.ts +26 -0
- package/dist/Autocomplete.d.ts.map +1 -0
- package/dist/Autocomplete.es.js.map +1 -1
- package/dist/Avatar.d.ts +18 -0
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.es.js.map +1 -1
- package/dist/Badge.d.ts +21 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.es.js.map +1 -1
- package/dist/Breadcrumbs.d.ts +22 -0
- package/dist/Breadcrumbs.d.ts.map +1 -0
- package/dist/Breadcrumbs.es.js.map +1 -1
- package/dist/Button.d.ts +23 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.es.js.map +1 -1
- package/dist/Card.d.ts +21 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.es.js.map +1 -1
- package/dist/Checkbox.d.ts +22 -0
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.es.js.map +1 -1
- package/dist/Chip.d.ts +21 -0
- package/dist/Chip.d.ts.map +1 -0
- package/dist/Chip.es.js.map +1 -1
- package/dist/CircularProgress.d.ts +19 -0
- package/dist/CircularProgress.d.ts.map +1 -0
- package/dist/CircularProgress.es.js.map +1 -1
- package/dist/Dialog.d.ts +22 -0
- package/dist/Dialog.d.ts.map +1 -0
- package/dist/Dialog.es.js.map +1 -1
- package/dist/Drawer.d.ts +19 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.es.js.map +1 -1
- package/dist/Fab.d.ts +21 -0
- package/dist/Fab.d.ts.map +1 -0
- package/dist/Fab.es.js.map +1 -1
- package/dist/IconButton.d.ts +21 -0
- package/dist/IconButton.d.ts.map +1 -0
- package/dist/IconButton.es.js.map +1 -1
- package/dist/LinearProgress.d.ts +18 -0
- package/dist/LinearProgress.d.ts.map +1 -0
- package/dist/LinearProgress.es.js.map +1 -1
- package/dist/List.d.ts +25 -0
- package/dist/List.d.ts.map +1 -0
- package/dist/List.es.js.map +1 -1
- package/dist/Menu.d.ts +24 -0
- package/dist/Menu.d.ts.map +1 -0
- package/dist/Menu.es.js.map +1 -1
- package/dist/Pagination.d.ts +21 -0
- package/dist/Pagination.d.ts.map +1 -0
- package/dist/Pagination.es.js.map +1 -1
- package/dist/RadioGroup.d.ts +27 -0
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.es.js.map +1 -1
- package/dist/Rating.d.ts +20 -0
- package/dist/Rating.d.ts.map +1 -0
- package/dist/Rating.es.js.map +1 -1
- package/dist/Select.d.ts +28 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.es.js.map +1 -1
- package/dist/Skeleton.d.ts +18 -0
- package/dist/Skeleton.d.ts.map +1 -0
- package/dist/Skeleton.es.js.map +1 -1
- package/dist/Slider.d.ts +24 -0
- package/dist/Slider.d.ts.map +1 -0
- package/dist/Slider.es.js.map +1 -1
- package/dist/Snackbar.d.ts +20 -0
- package/dist/Snackbar.d.ts.map +1 -0
- package/dist/Snackbar.es.js.map +1 -1
- package/dist/SpeedDial.d.ts +24 -0
- package/dist/SpeedDial.d.ts.map +1 -0
- package/dist/SpeedDial.es.js.map +1 -1
- package/dist/Stepper.d.ts +23 -0
- package/dist/Stepper.d.ts.map +1 -0
- package/dist/Stepper.es.js.map +1 -1
- package/dist/Switch.d.ts +21 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.es.js.map +1 -1
- package/dist/Table.d.ts +24 -0
- package/dist/Table.d.ts.map +1 -0
- package/dist/Table.es.js.map +1 -1
- package/dist/Tabs.d.ts +25 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.es.js.map +1 -1
- package/dist/TextField.d.ts +27 -0
- package/dist/TextField.d.ts.map +1 -0
- package/dist/TextField.es.js.map +1 -1
- package/dist/Toast.d.ts +36 -0
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.es.js +135 -0
- package/dist/Toast.es.js.map +1 -0
- package/dist/ToggleButtonGroup.d.ts +28 -0
- package/dist/ToggleButtonGroup.d.ts.map +1 -0
- package/dist/ToggleButtonGroup.es.js.map +1 -1
- package/dist/Tooltip.d.ts +17 -0
- package/dist/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip.es.js.map +1 -1
- package/dist/index.d.ts +35 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.es.js +3 -0
- package/dist/index.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)
|
|
@@ -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"}
|
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.d.ts
ADDED
|
@@ -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"}
|
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;"}
|
|
@@ -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":["
|
|
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.d.ts
ADDED
|
@@ -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"}
|
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.d.ts
ADDED
|
@@ -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"}
|
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;"}
|
|
@@ -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":["
|
|
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.d.ts
ADDED
|
@@ -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"}
|
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.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"}
|
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;"}
|
|
@@ -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"}
|