refactor: split package into core and pro

dev/kitchen-sink/App.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import '../../packages/react-components/css/lumo/Typography.css';
 import { AppLayout } from '../../packages/react-components/src/AppLayout.js';
 import { Avatar } from '../../packages/react-components/src/Avatar.js';
-import { Board } from '../../packages/react-components/src/Board.js';
+import { Board } from '../../packages/react-components-pro/src/Board.js';
 import { Button } from '../../packages/react-components/src/Button.js';
 import { DrawerToggle } from '../../packages/react-components/src/DrawerToggle.js';
 import { Notification } from '../../packages/react-components/src/Notification.js';

dev/kitchen-sink/Row1.tsx

@@ -4,9 +4,9 @@ import { Accordion } from '../../packages/react-components/src/Accordion.js';
 import { AccordionHeading } from '../../packages/react-components/src/AccordionHeading.js';
 import { AccordionPanel } from '../../packages/react-components/src/AccordionPanel.js';
 import { AvatarGroup } from '../../packages/react-components/src/AvatarGroup.js';
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
-import { Chart } from '../../packages/react-components/src/Chart.js';
-import { ChartSeries } from '../../packages/react-components/src/ChartSeries.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
+import { Chart } from '../../packages/react-components-pro/src/Chart.js';
+import { ChartSeries } from '../../packages/react-components-pro/src/ChartSeries.js';
 
 export default function Row1() {
   return (

dev/kitchen-sink/Row10.tsx

@@ -1,4 +1,4 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { Tab } from '../../packages/react-components/src/Tab.js';
 import { Tabs } from '../../packages/react-components/src/Tabs.js';
 import { tab, TabSheet } from '../../packages/react-components/src/TabSheet.js';

dev/kitchen-sink/Row2.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { Checkbox } from '../../packages/react-components/src/Checkbox.js';
 import { CheckboxGroup } from '../../packages/react-components/src/CheckboxGroup.js';
 import { ComboBox } from '../../packages/react-components/src/ComboBox.js';

dev/kitchen-sink/Row3.tsx

@@ -1,9 +1,9 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { Checkbox } from '../../packages/react-components/src/Checkbox.js';
 import { ComboBox } from '../../packages/react-components/src/ComboBox.js';
 import { ContextMenu } from '../../packages/react-components/src/ContextMenu.js';
-import { CookieConsent } from '../../packages/react-components/src/CookieConsent.js';
-import { Crud, crudPath } from '../../packages/react-components/src/Crud.js';
+import { CookieConsent } from '../../packages/react-components-pro/src/CookieConsent.js';
+import { Crud, crudPath } from '../../packages/react-components-pro/src/Crud.js';
 import { FormLayout } from '../../packages/react-components/src/FormLayout.js';
 import { Item } from '../../packages/react-components/src/Item.js';
 import { ListBox } from '../../packages/react-components/src/ListBox.js';

dev/kitchen-sink/Row4.tsx

@@ -1,4 +1,4 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { CustomField } from '../../packages/react-components/src/CustomField.js';
 import { DatePicker } from '../../packages/react-components/src/DatePicker.js';
 import { DateTimePicker } from '../../packages/react-components/src/DateTimePicker.js';

dev/kitchen-sink/Row5.tsx

@@ -1,12 +1,12 @@
 import type { CSSProperties } from 'react';
 import { TextField } from '../../packages/react-components/src/TextField.js';
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { Grid, type GridDataProvider } from '../../packages/react-components/src/Grid.js';
 import { GridColumn } from '../../packages/react-components/src/GridColumn.js';
 import { GridColumnGroup } from '../../packages/react-components/src/GridColumnGroup.js';
 import { GridFilterColumn } from '../../packages/react-components/src/GridFilterColumn.js';
-import { GridPro } from '../../packages/react-components/src/GridPro.js';
-import { GridProEditColumn } from '../../packages/react-components/src/GridProEditColumn.js';
+import { GridPro } from '../../packages/react-components-pro/src/GridPro.js';
+import { GridProEditColumn } from '../../packages/react-components-pro/src/GridProEditColumn.js';
 import { GridSortColumn } from '../../packages/react-components/src/GridSortColumn.js';
 import { GridTreeColumn } from '../../packages/react-components/src/GridTreeColumn.js';
 import type { GridBodyReactRendererProps } from '../../packages/react-components/src/renderers/grid.js';

dev/kitchen-sink/Row6.tsx

@@ -1,4 +1,4 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { HorizontalLayout } from '../../packages/react-components/src/HorizontalLayout.js';
 import { Icon } from '../../packages/react-components/src/Icon.js';
 import { Iconset } from '../../packages/react-components/src/Iconset.js';

dev/kitchen-sink/Row7.tsx

@@ -1,4 +1,4 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { Message } from '../../packages/react-components/src/Message.js';
 import { MessageInput } from '../../packages/react-components/src/MessageInput.js';
 import { MessageList } from '../../packages/react-components/src/MessageList.js';

dev/kitchen-sink/Row8.tsx

@@ -1,9 +1,9 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { Item } from '../../packages/react-components/src/Item.js';
 import { ListBox } from '../../packages/react-components/src/ListBox.js';
 import { RadioButton } from '../../packages/react-components/src/RadioButton.js';
 import { RadioGroup } from '../../packages/react-components/src/RadioGroup.js';
-import { RichTextEditor } from '../../packages/react-components/src/RichTextEditor.js';
+import { RichTextEditor } from '../../packages/react-components-pro/src/RichTextEditor.js';
 import { Select } from '../../packages/react-components/src/Select.js';
 import { Tooltip } from '../../packages/react-components/src/Tooltip.js';
 

dev/kitchen-sink/Row9.tsx

@@ -1,4 +1,4 @@
-import { BoardRow } from '../../packages/react-components/src/BoardRow.js';
+import { BoardRow } from '../../packages/react-components-pro/src/BoardRow.js';
 import { SplitLayout } from '../../packages/react-components/src/SplitLayout.js';
 import { TextArea } from '../../packages/react-components/src/TextArea.js';
 import { Tooltip } from '../../packages/react-components/src/Tooltip.js';

dev/pages/GridPro.tsx

@@ -1,5 +1,5 @@
-import { GridPro } from '../../packages/react-components/src/GridPro.js';
-import { GridProEditColumn } from '../../packages/react-components/src/GridProEditColumn.js';
+import { GridPro } from '../../packages/react-components-pro/src/GridPro.js';
+import { GridProEditColumn } from '../../packages/react-components-pro/src/GridProEditColumn.js';
 import { TextField } from '../../packages/react-components/src/TextField.js';
 
 type Item = {

package.json

@@ -4,7 +4,7 @@
   "version": "24.4.0-alpha18",
   "private": true,
   "scripts": {
-    "build": "npm run build:load-schema && npm run build -w packages/react-components",
+    "build": "npm run build:load-schema && npm run build -w packages/react-components && npm run build -w packages/react-components-pro",
     "build:load-schema": "tsx scripts/schema-loader.ts",
     "clean": "git clean -dXf -e !.vscode -e !.vscode/** -e !.idea -e !.idea/** -e !node_modules -e !node_modules/**",
     "clean:dev": "git clean -dXf -e .vscode -e .vscode/** -e !.idea -e !.idea/** -e !node_modules -e !node_modules/** -e !src/generated -e !css",

packages/react-components-pro/LICENSE

@@ -0,0 +1,3 @@
+This program is available under Vaadin Commercial License and Service Terms.
+See https://vaadin.com/commercial-license-and-service-terms for the full
+license.

packages/react-components-pro/README.md

@@ -0,0 +1,3 @@
+# Vaadin React components pro
+
+React wrappers for commercial Vaadin components.