Skip to content

Commit f9fb7f9

Browse files
slissonslisson
authored
Merge pull request #260 from modelix/more-component-libraries
More component libraries
2 parents b9ccb8e + 625908f commit f9fb7f9

File tree

5 files changed

+1066
-79
lines changed

5 files changed

+1066
-79
lines changed

‎react-ssr-client/package.json‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,20 @@
1010
"preview": "vite preview"
1111
},
1212
"dependencies": {
13-
"@emotion/react": "^11.11.4",
14-
"@emotion/styled": "^11.11.5",
13+
"@emotion/react": "^11.14.0",
14+
"@emotion/styled": "^11.14.0",
1515
"@modelix/projectional-editor-ssr-client-lib": "file:../projectional-editor-ssr-client-lib/build/packages/js",
1616
"@modelix/ts-model-api": "^8.15.0",
1717
"@mui/icons-material": "^5.15.20",
18+
"@mui/joy": "^5.0.0-beta.51",
1819
"@mui/material": "^5.15.20",
1920
"@mui/x-data-grid": "^7.7.1",
2021
"@mui/x-tree-view": "^7.7.1",
22+
"antd": "^5.23.3",
23+
"chart.js": "^4.4.7",
2124
"material-table": "^2.0.5",
25+
"primereact": "^10.9.2",
26+
"quill": "^2.0.3",
2227
"react": "^18.3.1",
2328
"react-dom": "^18.3.1",
2429
"reconnecting-websocket": "^4.4.0"

‎react-ssr-client/src/components/DefaultComponents.ts‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
import {componentConstructors, registerComponentConstructor} from "./Base.tsx";
22
import * as mui from "@mui/material";
33
import * as icons from "@mui/icons-material";
4+
import * as joy from "@mui/joy";
5+
import * as joyStyles from "@mui/joy/styles";
6+
import * as antd from "antd";
7+
import * as primeComponents from "./PrimeReactComponents.ts";
8+
import * as primeIcons from "./PrimeReactIcons.ts";
49
import { DataGrid } from '@mui/x-data-grid';
510
import Grid2 from "@mui/material/Unstable_Grid2"
611
import { SimpleTreeView, RichTreeView, TreeItem, TreeItem2 } from '@mui/x-tree-view';
@@ -57,6 +62,13 @@ const svgTagList = [
5762
"view",
5863
]
5964

65+
function registerAllComponents(objects: any, prefix: string) {
66+
for (const id in objects) {
67+
if (id.charAt(0).toUpperCase() != id.charAt(0)) continue
68+
registerComponentConstructor(prefix + id, (objects as any)[id])
69+
}
70+
}
71+
6072
export function registerDefaultComponents() {
6173
for (const tagName of htmlTagList) {
6274
registerComponentConstructor("html." + tagName, tagName)
@@ -66,15 +78,13 @@ export function registerDefaultComponents() {
6678
registerComponentConstructor("svg." + tagName, tagName)
6779
}
6880

69-
for (const id in mui) {
70-
if (id.charAt(0).toUpperCase() != id.charAt(0)) continue
71-
registerComponentConstructor("mui." + id, (mui as any)[id])
72-
}
73-
74-
for (const id in icons) {
75-
if (id.charAt(0).toUpperCase() != id.charAt(0)) continue
76-
registerComponentConstructor("mui.icons." + id, (icons as any)[id])
77-
}
81+
registerAllComponents(mui, "mui.")
82+
registerAllComponents(icons, "mui.icons.")
83+
registerAllComponents(joy, "joy.")
84+
registerAllComponents(joyStyles, "joy.styles.")
85+
registerAllComponents(antd, "antd.")
86+
registerAllComponents(primeComponents, "primereact.")
87+
registerAllComponents(primeIcons, "primereact.icons.")
7888

7989
registerComponentConstructor("mui.DataGrid", DataGrid)
8090
registerComponentConstructor("mui.Grid2", Grid2)

‎react-ssr-client/src/components/PrimeReactComponents.ts‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
export { Accordion, AccordionTab } from 'primereact/accordion'
2+
export { PrimeReactProvider, PrimeReactContext } from 'primereact/api'
3+
export { AutoComplete } from 'primereact/autocomplete'
4+
export { Avatar } from 'primereact/avatar'
5+
export { AvatarGroup } from 'primereact/avatargroup'
6+
export { Badge } from 'primereact/badge'
7+
export { BlockUI } from 'primereact/blockui'
8+
export { BreadCrumb } from 'primereact/breadcrumb'
9+
export { Button } from 'primereact/button'
10+
export { ButtonGroup } from 'primereact/buttongroup'
11+
export { Calendar } from 'primereact/calendar'
12+
export { Card } from 'primereact/card'
13+
export { Carousel } from 'primereact/carousel'
14+
export { CascadeSelect } from 'primereact/cascadeselect'
15+
export { Chart } from 'primereact/chart'
16+
export { Checkbox } from 'primereact/checkbox'
17+
export { Chip } from 'primereact/chip'
18+
export { Chips } from 'primereact/chips'
19+
export { ColorPicker } from 'primereact/colorpicker'
20+
export { Column } from 'primereact/column'
21+
export { ColumnGroup } from 'primereact/columngroup'
22+
export { ConfirmDialog } from 'primereact/confirmdialog'
23+
export { ConfirmPopup } from 'primereact/confirmpopup'
24+
export { ContextMenu } from 'primereact/contextmenu'
25+
export { CSSTransition } from 'primereact/csstransition'
26+
export { DataScroller } from 'primereact/datascroller'
27+
export { DataTable } from 'primereact/datatable'
28+
export { DataView, DataViewLayoutOptions } from 'primereact/dataview'
29+
export { DeferredContent } from 'primereact/deferredcontent'
30+
export { Dialog } from 'primereact/dialog'
31+
export { Divider } from 'primereact/divider'
32+
export { Dock } from 'primereact/dock'
33+
export { Dropdown } from 'primereact/dropdown'
34+
export { Editor } from 'primereact/editor'
35+
export { Fieldset } from 'primereact/fieldset'
36+
export { FileUpload } from 'primereact/fileupload'
37+
export { FloatLabel } from 'primereact/floatlabel'
38+
export { Galleria } from 'primereact/galleria'
39+
export { IconBase } from 'primereact/iconbase'
40+
export { IconField } from 'primereact/iconfield'
41+
export { Image } from 'primereact/image'
42+
export { Inplace, InplaceContent, InplaceDisplay } from 'primereact/inplace'
43+
export { InputIcon } from 'primereact/inputicon'
44+
export { InputMask } from 'primereact/inputmask'
45+
export { InputNumber } from 'primereact/inputnumber'
46+
export { InputOtp } from 'primereact/inputotp'
47+
export { InputSwitch } from 'primereact/inputswitch'
48+
export { InputText } from 'primereact/inputtext'
49+
export { InputTextarea } from 'primereact/inputtextarea'
50+
export { Knob } from 'primereact/knob'
51+
export { ListBox } from 'primereact/listbox'
52+
export { MegaMenu } from 'primereact/megamenu'
53+
export { Mention } from 'primereact/mention'
54+
export { Menu } from 'primereact/menu'
55+
export { Menubar } from 'primereact/menubar'
56+
export { Message } from 'primereact/message'
57+
export { Messages } from 'primereact/messages'
58+
export { MeterGroup } from 'primereact/metergroup'
59+
export { MultiSelect } from 'primereact/multiselect'
60+
export { MultiStateCheckbox } from 'primereact/multistatecheckbox'
61+
export { OrderList } from 'primereact/orderlist'
62+
export { OrganizationChart } from 'primereact/organizationchart'
63+
export { OverlayPanel } from 'primereact/overlaypanel'
64+
export { Paginator } from 'primereact/paginator'
65+
export { Panel } from 'primereact/panel'
66+
export { PanelMenu } from 'primereact/panelmenu'
67+
export { Password } from 'primereact/password'
68+
export { PickList } from 'primereact/picklist'
69+
export { ProgressBar } from 'primereact/progressbar'
70+
export { ProgressSpinner } from 'primereact/progressspinner'
71+
export { RadioButton } from 'primereact/radiobutton'
72+
export { Rating } from 'primereact/rating'
73+
export { Ripple } from 'primereact/ripple'
74+
export { Row } from 'primereact/row'
75+
export { ScrollPanel } from 'primereact/scrollpanel'
76+
export { ScrollTop } from 'primereact/scrolltop'
77+
export { SelectButton } from 'primereact/selectbutton'
78+
export { Sidebar } from 'primereact/sidebar'
79+
export { Skeleton } from 'primereact/skeleton'
80+
export { SlideMenu } from 'primereact/slidemenu'
81+
export { Slider } from 'primereact/slider'
82+
export { SpeedDial } from 'primereact/speeddial'
83+
export { SplitButton } from 'primereact/splitbutton'
84+
export { Splitter, SplitterPanel } from 'primereact/splitter'
85+
export { Stepper } from 'primereact/stepper'
86+
export { StepperPanel } from 'primereact/stepperpanel'
87+
export { Steps } from 'primereact/steps'
88+
export { StyleClass } from 'primereact/styleclass'
89+
export { TabMenu } from 'primereact/tabmenu'
90+
export { TabView, TabPanel } from 'primereact/tabview'
91+
export { Tag } from 'primereact/tag'
92+
export { Terminal } from 'primereact/terminal'
93+
export { TieredMenu } from 'primereact/tieredmenu'
94+
export { Timeline } from 'primereact/timeline'
95+
export { Toast } from 'primereact/toast'
96+
export { ToggleButton } from 'primereact/togglebutton'
97+
export { Toolbar } from 'primereact/toolbar'
98+
export { Tooltip } from 'primereact/tooltip'
99+
export { Tree } from 'primereact/tree'
100+
export { TreeSelect } from 'primereact/treeselect'
101+
export { TreeTable } from 'primereact/treetable'
102+
export { TriStateCheckbox } from 'primereact/tristatecheckbox'
103+
export { VirtualScroller } from 'primereact/virtualscroller'

‎react-ssr-client/src/components/PrimeReactIcons.ts‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
export { AngleDoubleDownIcon } from 'primereact/icons/angledoubledown'
2+
export { AngleDoubleLeftIcon } from 'primereact/icons/angledoubleleft'
3+
export { AngleDoubleRightIcon } from 'primereact/icons/angledoubleright'
4+
export { AngleDoubleUpIcon } from 'primereact/icons/angledoubleup'
5+
export { AngleDownIcon } from 'primereact/icons/angledown'
6+
export { AngleLeftIcon } from 'primereact/icons/angleleft'
7+
export { AngleRightIcon } from 'primereact/icons/angleright'
8+
export { AngleUpIcon } from 'primereact/icons/angleup'
9+
export { ArrowDownIcon } from 'primereact/icons/arrowdown'
10+
export { ArrowUpIcon } from 'primereact/icons/arrowup'
11+
export { BanIcon } from 'primereact/icons/ban'
12+
export { BarsIcon } from 'primereact/icons/bars'
13+
export { BlankIcon } from 'primereact/icons/blank'
14+
export { CalendarIcon } from 'primereact/icons/calendar'
15+
export { CheckIcon } from 'primereact/icons/check'
16+
export { ChevronDownIcon } from 'primereact/icons/chevrondown'
17+
export { ChevronLeftIcon } from 'primereact/icons/chevronleft'
18+
export { ChevronRightIcon } from 'primereact/icons/chevronright'
19+
export { ChevronUpIcon } from 'primereact/icons/chevronup'
20+
export { DownloadIcon } from 'primereact/icons/download'
21+
export { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle'
22+
export { EyeIcon } from 'primereact/icons/eye'
23+
export { EyeSlashIcon } from 'primereact/icons/eyeslash'
24+
export { FilterIcon } from 'primereact/icons/filter'
25+
export { FilterSlashIcon } from 'primereact/icons/filterslash'
26+
export { InfoCircleIcon } from 'primereact/icons/infocircle'
27+
export { MinusIcon } from 'primereact/icons/minus'
28+
export { PencilIcon } from 'primereact/icons/pencil'
29+
export { PlusIcon } from 'primereact/icons/plus'
30+
export { RefreshIcon } from 'primereact/icons/refresh'
31+
export { SearchIcon } from 'primereact/icons/search'
32+
export { SearchMinusIcon } from 'primereact/icons/searchminus'
33+
export { SearchPlusIcon } from 'primereact/icons/searchplus'
34+
export { SortAltIcon } from 'primereact/icons/sortalt'
35+
export { SortAmountDownIcon } from 'primereact/icons/sortamountdown'
36+
export { SortAmountUpAltIcon } from 'primereact/icons/sortamountupalt'
37+
export { SpinnerIcon } from 'primereact/icons/spinner'
38+
export { StarIcon } from 'primereact/icons/star'
39+
export { StarFillIcon } from 'primereact/icons/starfill'
40+
export { ThLargeIcon } from 'primereact/icons/thlarge'
41+
export { TimesIcon } from 'primereact/icons/times'
42+
export { TimesCircleIcon } from 'primereact/icons/timescircle'
43+
export { TrashIcon } from 'primereact/icons/trash'
44+
export { UndoIcon } from 'primereact/icons/undo'
45+
export { UploadIcon } from 'primereact/icons/upload'
46+
export { WindowMaximizeIcon } from 'primereact/icons/windowmaximize'
47+
export { WindowMinimizeIcon } from 'primereact/icons/windowminimize'

0 commit comments

Comments
 (0)