@elyx-code/editor-ui 0.0.2

package/README.md

@@ -0,0 +1,2 @@
+# editor-ui
+A web editor for the Elyx visual programming language.

package/package.json

@@ -0,0 +1,109 @@
+{
+	"name": "@elyx-code/editor-ui",
+	"version": "0.0.2",
+	"description": "A web editor for the Elyx visual programming language.",
+	"scripts": {
+		"test": "jest",
+		"start": "npm run start:dev",
+		"start:dev": "webpack-dev-server --config webpack.config.js --env APP_ENV=dev",
+		"start:staging": "webpack-dev-server --config webpack.config.js --env APP_ENV=staging",
+		"start:prod": "webpack-dev-server --config webpack.config.js --env APP_ENV=prod",
+		"build": "npm run build:dev",
+		"build:dev": "webpack --config webpack.config.js --env APP_ENV=dev",
+		"build:staging": "webpack --config webpack.config.js --env APP_ENV=staging",
+		"build:prod": "webpack --config webpack.config.js --env APP_ENV=prod --mode production",
+		"deploy": "npm run deploy:dev",
+		"deploy:dev": "npm run build:dev && aws s3 sync dist/ s3://elyx-dev-editor-app --profile elyx-dev --delete && aws cloudfront create-invalidation --distribution-id E133TMPSXY3LGH --paths \"/*\" --profile elyx-dev",
+		"deploy:staging": "npm run build:staging && aws s3 sync dist/ s3://elyx-staging-editor-app --profile elyx-staging --delete && aws cloudfront create-invalidation --distribution-id E39JIE2740XXPS --paths \"/*\" --profile elyx-staging",
+		"deploy:prod": "npm run build:prod && aws s3 sync dist/ s3://elyx-prod-editor-app --profile elyx-prod --delete && aws cloudfront create-invalidation --distribution-id E13A84TEOXXYAL --paths \"/*\" --profile elyx-prod"
+	},
+	"files": [
+		"src"
+	],
+	"keywords": [
+		"drag and drop",
+		"code editor",
+		"development"
+	],
+	"engines": {
+		"node": ">=20.0.0"
+	},
+	"author": "Sergio Herrero",
+	"license": "UNLICENSED",
+	"devDependencies": {
+		"@babel/core": "^7.24.7",
+		"@babel/preset-env": "^7.24.7",
+		"@babel/preset-react": "^7.24.7",
+		"@babel/preset-typescript": "^7.24.7",
+		"@nangohq/types": "^0.64.4",
+		"@testing-library/jest-dom": "^6.6.2",
+		"@testing-library/react": "^16.0.1",
+		"@types/d3": "^7.4.3",
+		"@types/jest": "^27.5.2",
+		"@types/json-schema": "^7.0.15",
+		"@types/jsoneditor": "^9.9.5",
+		"@types/react": "^18.3.12",
+		"@types/react-dom": "^18.3.0",
+		"@types/react-window": "^2.0.0",
+		"babel-jest": "^29.7.0",
+		"babel-loader": "^9.1.3",
+		"buffer": "^6.0.3",
+		"crypto-browserify": "^3.12.1",
+		"css-loader": "^5.2.0",
+		"file-loader": "^6.2.0",
+		"html-webpack-plugin": "^5.6.0",
+		"jest": "^29.7.0",
+		"jest-environment-jsdom": "^29.7.0",
+		"process": "^0.11.10",
+		"sass": "^1.32.8",
+		"sass-loader": "^11.0.1",
+		"stream-browserify": "^3.0.0",
+		"style-loader": "^2.0.0",
+		"terser-webpack-plugin": "^5.3.17",
+		"ts-jest": "^29.0.0-next.1",
+		"ts-loader": "^8.0.18",
+		"ts-node": "^10.7.0",
+		"typescript": "^6.0.2",
+		"vm-browserify": "^1.1.2",
+		"webpack": "^5.92.1",
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.0.0"
+	},
+	"dependencies": {
+		"@elyx-code/common-ts-utils": "^0.0.131",
+		"@elyx-code/definitions": "^0.0.79999",
+		"@elyx-code/project-logic-tree": "^0.0.6999",
+		"@emotion/react": "^11.13.3",
+		"@emotion/styled": "^11.13.0",
+		"@floating-ui/dom": "^1.5.1",
+		"@monaco-editor/react": "^4.7.0",
+		"@mui/icons-material": "^6.1.5",
+		"@mui/material": "^6.1.1",
+		"@mui/x-date-pickers": "^7.21.0",
+		"@nangohq/frontend": "^0.64.2",
+		"aws-amplify": "^5.3.6",
+		"axios": "^1.6.5",
+		"chart.js": "^4.4.0",
+		"classnames": "^2.5.1",
+		"csstype": "^3.1.3",
+		"d3": "^7.9.0",
+		"dayjs": "^1.11.13",
+		"jsoneditor": "^10.1.0",
+		"jsstore": "^4.7.4",
+		"jszip": "^3.10.1",
+		"jwt-decode": "^3.1.2",
+		"npm": "^11.6.2",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"react-router-dom": "^6.26.0",
+		"react-window": "^2.2.3",
+		"short-uuid": "^4.2.2",
+		"sqlweb": "^1.6.2",
+		"style-to-object": "^1.0.6",
+		"vanilla-router": "^1.2.8",
+		"yaml": "^2.8.1",
+		"zod": "^3.22.4",
+		"zod-validation-error": "^3.3.0",
+		"zustand": "^5.0.12"
+	}
+}

package/src/App.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ThemeProvider } from '@mui/material';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { Events } from '@elyx-code/common-ts-utils';
+import { envConfig } from './config';
+import Router from './Router';
+import './main.css';
+import { Amplify } from 'aws-amplify';
+import { theme } from './theme';
+import { Socket } from './socket/socket';
+
+Amplify.configure(envConfig.amplifyConfig);
+
+export const SOCKET: Socket = new Socket({
+	socketUrl: envConfig.WS_URL,
+});
+
+export const EVENTS = new Events('app-events');
+
+const App: React.FC = () => {
+  return (
+		<LocalizationProvider dateAdapter={AdapterDayjs}>
+			<ThemeProvider theme={theme}>
+				<Router socket={SOCKET} events={EVENTS} />
+			</ThemeProvider>
+		</LocalizationProvider>
+	);
+}
+
+export default App;

package/src/Router.tsx

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import {
+	createBrowserRouter,
+	Navigate,
+	RouterProvider,
+	useParams,
+} from 'react-router-dom';
+import Editor from './pages/Editor';
+import Gallery from './pages/Gallery';
+import NotFoundPage from './pages/NotFoundPage';
+import Auth from './pages/Auth';
+import NewPaymentMethodCallback from './pages/NewPaymentMethodCallback';
+import { Socket } from './socket/socket';
+import { Events } from '@elyx-code/common-ts-utils';
+import PricingPlans from './pages/PricingPlans';
+import LegacyRouteRedirector from './components/LegacyRouteRedirector';
+import WorkspaceLayout from './components/WorkspaceLayout';
+import ErrorPage from './pages/ErrorPage';
+
+export interface IRouterProps {
+	socket: Socket;
+	events: Events;
+}
+
+// Helper component for redirecting /ws/:workspaceId/editor/:id to /ws/:workspaceId/editor/:id/main/latest
+const EditorIdRedirect: React.FC = () => {
+	const { workspaceId, id } = useParams<{ workspaceId: string; id: string }>();
+	return <Navigate to={`/ws/${workspaceId}/editor/${id}/main/latest`} replace />;
+};
+
+const EditorIdBranchRedirect: React.FC = () => {
+	const { workspaceId, id, branch } = useParams<{ workspaceId: string; id: string; branch: string }>();
+	return <Navigate to={`/ws/${workspaceId}/editor/${id}/${branch}/latest`} replace />;
+};
+
+const Router: React.FC<IRouterProps> = ({ socket, events }: IRouterProps) => {
+	const router = createBrowserRouter([
+		// --- Legacy / Root Intercepts ---
+		{
+			path: '/',
+			element: <LegacyRouteRedirector />, // Will redirect to /ws/:id/gallery
+			errorElement: <ErrorPage />,
+		},
+		{
+			path: '/gallery/*',
+			element: <LegacyRouteRedirector />,
+			errorElement: <ErrorPage />,
+		},
+		{
+			path: '/editor/:id/*',
+			element: <LegacyRouteRedirector />,
+			errorElement: <ErrorPage />,
+		},
+
+		// --- Global / Non-Workspace Routes ---
+		{
+			path: 'auth/:action',
+			element: <Auth />,
+			errorElement: <ErrorPage />,
+		},
+		{
+			path: 'new-payment-method',
+			element: <NewPaymentMethodCallback />,
+			errorElement: <ErrorPage />,
+		},
+		{
+			path: 'pricing/plans',
+			element: <PricingPlans />,
+			errorElement: <ErrorPage />,
+		},
+
+		// --- Workspace-Aware Routes ---
+		{
+			path: '/ws/:workspaceId',
+			element: <WorkspaceLayout />,
+			errorElement: <ErrorPage />,
+			children: [
+				{
+					path: '',
+					element: <Navigate to='gallery' replace />,
+				},
+				{
+					path: 'gallery/*',
+					element: <Gallery socket={socket} />,
+				},
+				{
+					path: 'editor/:id',
+					element: <EditorIdRedirect />,
+				},
+				{
+					path: 'editor/:id/:branch',
+					element: <EditorIdBranchRedirect />,
+				},
+				{
+					path: 'editor/:id/:branch/:version/*',
+					element: <Editor socket={socket} events={events} />,
+				},
+			],
+		},
+
+		// --- 404 ---
+		{
+			path: '*',
+			element: <Navigate to='/404' replace />,
+		},
+		{
+			path: '/404',
+			element: <NotFoundPage />,
+		},
+	]);
+
+	return <RouterProvider router={router} />;
+};
+
+export default Router;

package/src/__mocks__/defaultModuleMock.ts

@@ -0,0 +1 @@
+module.exports = {};

package/src/__mocks__/fileMock.ts

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

package/src/__mocks__/styleMock.ts

@@ -0,0 +1 @@
+export default {};

package/src/assets/Clock-11.1s-18px.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="18px" height="18px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="translate(50 50)">
+  <g ng-attr-transform="scale(0.55)">
+    <g transform="translate(-50 -50)">
+      <path fill="#6f36ff" stroke="#6f36ff" stroke-width="3" d="M50,14c19.85,0,36,16.15,36,36S69.85,86,50,86S14,69.85,14,50S30.15,14,50,14 M50,10c-22.091,0-40,17.909-40,40 s17.909,40,40,40s40-17.909,40-40S72.091,10,50,10L50,10z"></path>
+      <path fill="#a543e1" d="M52.78,42.506c-0.247-0.092-0.415-0.329-0.428-0.603L52.269,40l-0.931-21.225C51.304,18.06,50.716,17.5,50,17.5 s-1.303,0.56-1.338,1.277L47.731,40l-0.083,1.901c-0.013,0.276-0.181,0.513-0.428,0.604c-0.075,0.028-0.146,0.063-0.22,0.093V44h6 v-1.392C52.925,42.577,52.857,42.535,52.78,42.506z">
+        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="2.7777777777777777s"></animateTransform>
+      </path>
+      <path fill="#6f36ff" d="M58.001,48.362c-0.634-3.244-3.251-5.812-6.514-6.391c-3.846-0.681-7.565,1.35-9.034,4.941 c-0.176,0.432-0.564,0.717-1.013,0.744l-15.149,0.97c-0.72,0.043-1.285,0.642-1.285,1.383c0,0.722,0.564,1.321,1.283,1.363 l15.153,0.971c0.447,0.027,0.834,0.312,1.011,0.744c1.261,3.081,4.223,5.073,7.547,5.073c2.447,0,4.744-1.084,6.301-2.975 C57.858,53.296,58.478,50.808,58.001,48.362z M50,53.06c-1.688,0-3.06-1.373-3.06-3.06s1.373-3.06,3.06-3.06s3.06,1.373,3.06,3.06 S51.688,53.06,50,53.06z">
+        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="11.11111111111111s"></animateTransform>
+      </path>
+    </g>
+  </g>
+</g>
+<!-- [ldio] generated by https://loading.io/ --></svg>

package/src/assets/Clock-11.1s-28px.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="28px" height="28px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="translate(50 50)">
+  <g ng-attr-transform="scale(0.55)">
+    <g transform="translate(-50 -50)">
+      <path fill="#6f36ff" stroke="#6f36ff" stroke-width="3" d="M50,14c19.85,0,36,16.15,36,36S69.85,86,50,86S14,69.85,14,50S30.15,14,50,14 M50,10c-22.091,0-40,17.909-40,40 s17.909,40,40,40s40-17.909,40-40S72.091,10,50,10L50,10z"></path>
+      <path fill="#a543e1" d="M52.78,42.506c-0.247-0.092-0.415-0.329-0.428-0.603L52.269,40l-0.931-21.225C51.304,18.06,50.716,17.5,50,17.5 s-1.303,0.56-1.338,1.277L47.731,40l-0.083,1.901c-0.013,0.276-0.181,0.513-0.428,0.604c-0.075,0.028-0.146,0.063-0.22,0.093V44h6 v-1.392C52.925,42.577,52.857,42.535,52.78,42.506z">
+        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="2.7777777777777777s"></animateTransform>
+      </path>
+      <path fill="#6f36ff" d="M58.001,48.362c-0.634-3.244-3.251-5.812-6.514-6.391c-3.846-0.681-7.565,1.35-9.034,4.941 c-0.176,0.432-0.564,0.717-1.013,0.744l-15.149,0.97c-0.72,0.043-1.285,0.642-1.285,1.383c0,0.722,0.564,1.321,1.283,1.363 l15.153,0.971c0.447,0.027,0.834,0.312,1.011,0.744c1.261,3.081,4.223,5.073,7.547,5.073c2.447,0,4.744-1.084,6.301-2.975 C57.858,53.296,58.478,50.808,58.001,48.362z M50,53.06c-1.688,0-3.06-1.373-3.06-3.06s1.373-3.06,3.06-3.06s3.06,1.373,3.06,3.06 S51.688,53.06,50,53.06z">
+        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0 50 50;360 50 50" keyTimes="0;1" dur="11.11111111111111s"></animateTransform>
+      </path>
+    </g>
+  </g>
+</g>
+<!-- [ldio] generated by https://loading.io/ --></svg>

package/src/assets/authentication.svg

@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" height="512" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_x0020_1"><g id="_408161928"><path d="m415 444h-74c0-1 1-3 1-6 0-47-39-85-86-85s-86 38-86 85c0 3 1 5 1 6h-74c-4 0-6-2-6-6v-38c0-28 9-55 27-76s43-35 69-39c3-1 5 0 6 2 15 20 38 32 63 32s48-12 63-32c1-2 3-3 6-2 26 4 51 18 69 39s27 48 27 76v38c0 4-2 6-6 6z"/><path d="m256 291c-49 0-89-40-89-89s40-89 89-89 89 40 89 89-40 89-89 89z"/><path d="m192 101c-28 0-50-23-50-51 0-27 22-50 50-50 22 0 40 13 48 33h20v-18c0-3 2-6 6-6h24c3 0 6 3 6 6v18h16v-18c0-3 3-6 6-6h24c3 0 6 3 6 6v18h16c3 0 6 3 6 6v22c0 4-3 6-6 6h-124c-8 20-26 34-48 34zm0-25c-14 0-25-12-25-26s11-25 25-25 26 11 26 25-12 26-26 26zm0-39c-7 0-13 6-13 13 0 8 6 14 13 14 8 0 14-6 14-14 0-7-6-13-14-13z"/><path d="m256 512c-41 0-74-33-74-74 0-40 33-73 74-73s74 33 74 73c0 41-33 74-74 74zm-24-48c-1 0-1 0-2 0-2-1-3-2-4-4l-5-19c-1-3 1-7 4-7 4-1 7 1 8 4l3 10 46-34c2-2 6-2 8 1s1 6-1 8l-53 40c-1 1-3 1-4 1z"/></g></g></svg>

package/src/assets/code-formatting/format-black.svg

@@ -0,0 +1,6 @@
+<svg width="105" height="92" viewBox="0 0 105 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M78.4 0.458435H0V13.5278H78.4V0.458435Z" fill="black"/>
+<path d="M65.3333 78.8751H0V91.9446H65.3333V78.8751Z" fill="black"/>
+<path d="M104.533 26.5974H39.2V39.6668H104.533V26.5974Z" fill="black"/>
+<path d="M98 52.7362H39.2V65.8057H98V52.7362Z" fill="black"/>
+</svg>

package/src/assets/code-formatting/format-dark-grey.svg

@@ -0,0 +1,6 @@
+<svg width="105" height="93" viewBox="0 0 105 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M78.4 0.97229H0V14.0417H78.4V0.97229Z" fill="#3F3F40"/>
+<path d="M65.3333 79.389H0V92.4584H65.3333V79.389Z" fill="#3F3F40"/>
+<path d="M104.533 27.1112H39.2V40.1807H104.533V27.1112Z" fill="#3F3F40"/>
+<path d="M98 53.2501H39.2V66.3195H98V53.2501Z" fill="#3F3F40"/>
+</svg>

package/src/assets/code-formatting/format-light-grey.svg

@@ -0,0 +1,6 @@
+<svg width="105" height="92" viewBox="0 0 105 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M78.4 0.486145H0V13.5555H78.4V0.486145Z" fill="#7B7B7B"/>
+<path d="M65.3333 78.9028H0V91.9723H65.3333V78.9028Z" fill="#7B7B7B"/>
+<path d="M104.533 26.6251H39.2V39.6945H104.533V26.6251Z" fill="#7B7B7B"/>
+<path d="M98 52.7639H39.2V65.8334H98V52.7639Z" fill="#7B7B7B"/>
+</svg>

package/src/assets/code-formatting/format-white.svg

@@ -0,0 +1,6 @@
+<svg width="105" height="92" viewBox="0 0 105 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M78.4 0H0V13.0694H78.4V0Z" fill="white"/>
+<path d="M65.3333 78.4167H0V91.4861H65.3333V78.4167Z" fill="white"/>
+<path d="M104.533 26.1389H39.2V39.2084H104.533V26.1389Z" fill="white"/>
+<path d="M98 52.2778H39.2V65.3472H98V52.2778Z" fill="white"/>
+</svg>

package/src/assets/code-formatting/inline-black.svg

@@ -0,0 +1,5 @@
+<svg width="106" height="66" viewBox="0 0 106 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.067 0.0484619H0.533447V13.1179H105.067V0.0484619Z" fill="black"/>
+<path d="M105.067 26.1873H0.533447V39.2567H105.067V26.1873Z" fill="black"/>
+<path d="M59.3334 52.3262H0.533447V65.3956H59.3334V52.3262Z" fill="black"/>
+</svg>

package/src/assets/code-formatting/inline-dark-grey.svg

@@ -0,0 +1,5 @@
+<svg width="106" height="67" viewBox="0 0 106 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.067 0.701294H0.533447V13.7707H105.067V0.701294Z" fill="#3F3F40"/>
+<path d="M105.067 26.8401H0.533447V39.9095H105.067V26.8401Z" fill="#3F3F40"/>
+<path d="M59.3334 52.9791H0.533447V66.0485H59.3334V52.9791Z" fill="#3F3F40"/>
+</svg>

package/src/assets/code-formatting/inline-light-grey.svg

@@ -0,0 +1,5 @@
+<svg width="106" height="66" viewBox="0 0 106 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.067 0.354126H0.533447V13.4235H105.067V0.354126Z" fill="#7B7B7B"/>
+<path d="M105.067 26.493H0.533447V39.5624H105.067V26.493Z" fill="#7B7B7B"/>
+<path d="M59.3334 52.6319H0.533447V65.7013H59.3334V52.6319Z" fill="#7B7B7B"/>
+</svg>

package/src/assets/code-formatting/inline-white.svg

@@ -0,0 +1,5 @@
+<svg width="106" height="66" viewBox="0 0 106 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.067 0.00695801H0.533447V13.0764H105.067V0.00695801Z" fill="white"/>
+<path d="M105.067 26.1458H0.533447V39.2152H105.067V26.1458Z" fill="white"/>
+<path d="M59.3334 52.2847H0.533447V65.3541H59.3334V52.2847Z" fill="white"/>
+</svg>

package/src/assets/datatype-icons/black/any.svg

@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 510 510" height="512" viewBox="0 0 510 510" width="512" xmlns="http://www.w3.org/2000/svg"><g id="XMLID_1390_"><path id="XMLID_1410_" d="m255 0c-140.93 0-255 114.051-255 255 0 140.93 114.051 255 255 255 140.93 0 255-114.049 255-255 0-140.93-114.049-255-255-255zm0 480c-124.065 0-225-100.935-225-225s100.935-225 225-225 225 100.935 225 225-100.935 225-225 225z"/><path id="XMLID_1825_" d="m270 180h-30v150h75v-30h-45z"/><path id="XMLID_1826_" d="m375 300v-120h-30v150h75v-30z"/><path id="XMLID_1830_" d="m165 180c-24.814 0-45 20.186-45 45v105h30v-45h30v45h30v-105c0-24.814-20.186-45-45-45zm-15 75v-30c0-8.271 6.729-15 15-15s15 6.729 15 15v30z"/></g></svg>

package/src/assets/datatype-icons/black/binary.svg

@@ -0,0 +1 @@
+<svg height="512pt" viewBox="-1 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m195 362h-20c-19.300781 0-35 15.699219-35 35v80c0 19.300781 15.699219 35 35 35h20c19.300781 0 35-15.699219 35-35v-80c0-19.300781-15.699219-35-35-35zm5 115c0 2.757812-2.242188 5-5 5h-20c-2.757812 0-5-2.242188-5-5v-80c0-2.757812 2.242188-5 5-5h20c2.757812 0 5 2.242188 5 5zm0 0"/><path d="m75 482h-15v-105c0-8.285156-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15v90h-15c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"/><path d="m475 362h-20c-19.300781 0-35 15.699219-35 35v80c0 19.300781 15.699219 35 35 35h20c19.300781 0 35-15.699219 35-35v-80c0-19.300781-15.699219-35-35-35zm5 115c0 2.757812-2.242188 5-5 5h-20c-2.757812 0-5-2.242188-5-5v-80c0-2.757812 2.242188-5 5-5h20c2.757812 0 5 2.242188 5 5zm0 0"/><path d="m355 482h-15v-105c0-8.285156-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15v90h-15c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"/><path d="m195 181h-20c-19.300781 0-35 15.699219-35 35v80c0 19.300781 15.699219 35 35 35h20c19.300781 0 35-15.699219 35-35v-80c0-19.300781-15.699219-35-35-35zm5 115c0 2.757812-2.242188 5-5 5h-20c-2.757812 0-5-2.242188-5-5v-80c0-2.757812 2.242188-5 5-5h20c2.757812 0 5 2.242188 5 5zm0 0"/><path d="m75 301h-15v-105c0-8.285156-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15v90h-15c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"/><path d="m335 181h-20c-19.300781 0-35 15.699219-35 35v80c0 19.300781 15.699219 35 35 35h20c19.300781 0 35-15.699219 35-35v-80c0-19.300781-15.699219-35-35-35zm5 115c0 2.757812-2.242188 5-5 5h-20c-2.757812 0-5-2.242188-5-5v-80c0-2.757812 2.242188-5 5-5h20c2.757812 0 5 2.242188 5 5zm0 0"/><path d="m495 301h-15v-105c0-8.285156-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15v90h-15c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"/><path d="m55 0h-20c-19.300781 0-35 15.699219-35 35v80c0 19.300781 15.699219 35 35 35h20c19.300781 0 35-15.699219 35-35v-80c0-19.300781-15.699219-35-35-35zm5 115c0 2.757812-2.242188 5-5 5h-20c-2.757812 0-5-2.242188-5-5v-80c0-2.757812 2.242188-5 5-5h20c2.757812 0 5 2.242188 5 5zm0 0"/><path d="m215 120h-15v-105c0-8.285156-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15v90h-15c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"/><path d="m475 0h-20c-19.300781 0-35 15.699219-35 35v80c0 19.300781 15.699219 35 35 35h20c19.300781 0 35-15.699219 35-35v-80c0-19.300781-15.699219-35-35-35zm5 115c0 2.757812-2.242188 5-5 5h-20c-2.757812 0-5-2.242188-5-5v-80c0-2.757812 2.242188-5 5-5h20c2.757812 0 5 2.242188 5 5zm0 0"/><path d="m355 120h-15v-105c0-8.285156-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15v90h-15c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0"/></svg>

package/src/assets/datatype-icons/black/boolean.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 0C8.96 0 0 8.96 0 20C0 31.04 8.96 40 20 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 20 0ZM20 36C11.18 36 4 28.82 4 20C4 11.18 11.18 4 20 4C28.82 4 36 11.18 36 20C36 28.82 28.82 36 20 36ZM27.76 12.58L16 24.34L12.24 20.58C11.46 19.8 10.2 19.8 9.42 20.58C8.64 21.36 8.64 22.62 9.42 23.4L14.6 28.58C15.38 29.36 16.64 29.36 17.42 28.58L30.6 15.4C31.38 14.62 31.38 13.36 30.6 12.58C29.82 11.8 28.54 11.8 27.76 12.58V12.58Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/date-time.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.98 0C8.94 0 0 8.96 0 20C0 31.04 8.94 40 19.98 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 19.98 0ZM20 36C11.16 36 4 28.84 4 20C4 11.16 11.16 4 20 4C28.84 4 36 11.16 36 20C36 28.84 28.84 36 20 36ZM19.56 10H19.44C18.64 10 18 10.64 18 11.44V20.88C18 21.58 18.36 22.24 18.98 22.6L27.28 27.58C27.96 27.98 28.84 27.78 29.24 27.1C29.66 26.42 29.44 25.52 28.74 25.12L21 20.52V11.44C21 10.64 20.36 10 19.56 10V10Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/definition-entity.svg

@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 0H5C2.25 0 0 2.25 0 5V35C0 37.75 2.25 40 5 40H35C37.75 40 40 37.75 40 35V20V5C40 2.12245 37.911 -8.87754e-09 35 0H20ZM35 33.05V20V7.5C35 6.047 34.0075 5 32.5 5H20H7.5C6.125 5 5 6.125 5 7.5V33.05C5 34.425 6.125 35.55 7.5 35.55H32.5C33.875 35.55 35 34.425 35 33.05Z" fill="black"/>
+<path d="M27.5 10H12.5C11.125 10 10 11.125 10 12.5C10 13.875 11.125 15 12.5 15H27.5C28.875 15 30 13.875 30 12.5C30 11.125 28.875 10 27.5 10Z" fill="black"/>
+<path d="M27.5 17.5H12.5C11.125 17.5 10 18.625 10 20C10 21.375 11.125 22.5 12.5 22.5H27.5C28.875 22.5 30 21.375 30 20C30 18.625 28.875 17.5 27.5 17.5Z" fill="black"/>
+<path d="M27.5 25H12.5C11.125 25 10 26.125 10 27.5C10 28.875 11.125 30 12.5 30H27.5C28.875 30 30 28.875 30 27.5C30 26.125 28.875 25 27.5 25Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/key-file.svg

@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg"><g id="_x31_3"><path d="m12 3c0-.5522461-.4477539-1-1-1h-8c-.5522461 0-1 .4477539-1 1v2h10z"/><path d="m29 2h-8c-.5522461 0-1 .4477539-1 1v2h10v-2c0-.5522461-.4477539-1-1-1z"/><path d="m20 11h-2c-.5527344 0-1 .4472656-1 1v9h-2v-13c0-.5527344-.4477539-1-1-1h-2v-1h-10v9c0 .5522461.4477539 1 1 1h8c.5522461 0 1-.4477539 1-1v-6h1v12h-7c-.1972656 0-.390625.0585938-.5546875.1679688 0 0-3.3696289 2.2016602-3.4453125 2.3320313h13c.2763672 0 .5.2236328.5.5s-.2236328.5-.5.5h-13c.0756836.1303711 3.4453125 2.3320313 3.4453125 2.3320313.1640625.1093749.3574219.1679686.5546875.1679686h2.7636719l1.7890625.8945313c.28125.140625.6132813.140625.8945313 0l1.5527343-.7763672 1.5527344.7763672c.28125.140625.6132813.140625.8945313 0l1.7890624-.8945313h1.5722656c1.0644532 1.8417969 3.0361329 3 5.1914063 3 3.3085938 0 6-2.6914063 6-6s-2.6914063-6-6-6c-2.038147 0-3.9022217 1.0440063-5 2.7141113v-7.7141113h1v2c0 .5522461.4477539 1 1 1h8c.5522461 0 1-.4477539 1-1v-9h-10zm4 9c2.2060547 0 4 1.7944336 4 4s-1.7939453 4-4 4-4-1.7944336-4-4 1.7939453-4 4-4z"/><circle cx="24" cy="24" r="3"/></g></svg>

package/src/assets/datatype-icons/black/list.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24324 15.5555C1.44865 15.5555 0 17.0444 0 18.8888C0 20.7333 1.44865 22.2222 3.24324 22.2222C5.03784 22.2222 6.48649 20.7333 6.48649 18.8888C6.48649 17.0444 5.03784 15.5555 3.24324 15.5555ZM3.24324 2.22217C1.44865 2.22217 0 3.71106 0 5.5555C0 7.39995 1.44865 8.88883 3.24324 8.88883C5.03784 8.88883 6.48649 7.39995 6.48649 5.5555C6.48649 3.71106 5.03784 2.22217 3.24324 2.22217ZM3.24324 28.8888C1.44865 28.8888 0 30.3999 0 32.2222C0 34.0444 1.47027 35.5555 3.24324 35.5555C5.01622 35.5555 6.48649 34.0444 6.48649 32.2222C6.48649 30.3999 5.03784 28.8888 3.24324 28.8888ZM11.8919 34.4444H37.8378C39.027 34.4444 40 33.4444 40 32.2222C40 30.9999 39.027 29.9999 37.8378 29.9999H11.8919C10.7027 29.9999 9.72973 30.9999 9.72973 32.2222C9.72973 33.4444 10.7027 34.4444 11.8919 34.4444ZM11.8919 21.1111H37.8378C39.027 21.1111 40 20.1111 40 18.8888C40 17.6666 39.027 16.6666 37.8378 16.6666H11.8919C10.7027 16.6666 9.72973 17.6666 9.72973 18.8888C9.72973 20.1111 10.7027 21.1111 11.8919 21.1111ZM9.72973 5.5555C9.72973 6.77772 10.7027 7.77772 11.8919 7.77772H37.8378C39.027 7.77772 40 6.77772 40 5.5555C40 4.33328 39.027 3.33328 37.8378 3.33328H11.8919C10.7027 3.33328 9.72973 4.33328 9.72973 5.5555Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/null.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 0C8.96 0 0 8.96 0 20C0 31.04 8.96 40 20 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 20 0ZM4 20C4 11.16 11.16 4 20 4C23.7 4 27.1 5.26 29.8 7.38L7.38 29.8C5.26 27.1 4 23.7 4 20ZM20 36C16.3 36 12.9 34.74 10.2 32.62L32.62 10.2C34.74 12.9 36 16.3 36 20C36 28.84 28.84 36 20 36Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/number.svg

@@ -0,0 +1,13 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2675_46257)">
+<path d="M32.5154 18.5714H29.4745V3.4L24.9131 4.85714V2.42857L32.0593 0H32.5154V18.5714Z" fill="black"/>
+<path d="M19.2565 10.7143C19.2565 12.1429 19.1044 13.3571 18.8003 14.3571C18.4962 15.3571 18.0705 16.1714 17.5383 16.7857C16.991 17.4143 16.3372 17.8571 15.5617 18.1429C14.7863 18.4286 13.9348 18.5714 12.9769 18.5714C12.0342 18.5714 11.1828 18.4286 10.4073 18.1429C9.6319 17.8571 8.9629 17.4143 8.41553 16.7857C7.86816 16.1571 7.42723 15.3429 7.12313 14.3571C6.81904 13.3571 6.66699 12.1429 6.66699 10.7143V7.8C6.66699 6.37143 6.81904 5.15714 7.12313 4.15714C7.42723 3.15714 7.85296 2.35714 8.40033 1.74286C8.94769 1.12857 9.6167 0.685714 10.3921 0.414286C11.1524 0.142857 12.019 0 12.9617 0C13.9196 0 14.7711 0.142857 15.5465 0.414286C16.322 0.685714 16.991 1.12857 17.5383 1.74286C18.0857 2.35714 18.5114 3.15714 18.8155 4.15714C19.1196 5.15714 19.2717 6.35714 19.2717 7.8V10.7143H19.2565V10.7143ZM16.0483 7.34286C16.0483 6.42857 15.9723 5.65714 15.8506 5.02857C15.7138 4.4 15.5161 3.9 15.2424 3.51429C14.984 3.12857 14.6494 2.85714 14.2693 2.68571C13.8892 2.5 13.4483 2.41429 12.9617 2.41429C12.4752 2.41429 12.0342 2.5 11.6541 2.67143C11.274 2.84286 10.9395 3.11429 10.681 3.5C10.4225 3.88571 10.2097 4.38571 10.0728 5.01429C9.936 5.64286 9.87518 6.41429 9.87518 7.32857V11.1429C9.87518 12.0571 9.9512 12.8286 10.088 13.4571C10.2249 14.1 10.4378 14.6143 10.6962 15.0143C10.9547 15.4143 11.2892 15.7 11.6693 15.8857C12.0494 16.0714 12.4904 16.1571 12.9921 16.1571C13.4939 16.1571 13.9348 16.0714 14.3149 15.8857C14.6951 15.7 15.0144 15.4143 15.2728 15.0143C15.5313 14.6143 15.729 14.1 15.8658 13.4571C16.0027 12.8143 16.0635 12.0429 16.0635 11.1429V7.34286H16.0483V7.34286Z" fill="black"/>
+<path d="M11.0916 37.5572L15.4401 33.1714C16.0179 32.6143 16.5348 32.0429 17.0214 31.4857C17.5079 30.9286 17.9185 30.3714 18.2682 29.8143C18.6179 29.2572 18.8916 28.7 19.0892 28.1429C19.2869 27.5857 19.3781 27.0143 19.3781 26.4572C19.3781 25.7 19.2413 25 18.9676 24.3714C18.6939 23.7429 18.2986 23.2143 17.7816 22.7857C17.2647 22.3429 16.6109 22.0143 15.8658 21.7714C15.0904 21.5429 14.2237 21.4286 13.2506 21.4286C12.2015 21.4286 11.2588 21.5857 10.4378 21.8857C9.6167 22.1857 8.91728 22.6143 8.36992 23.1429C7.80734 23.6714 7.38161 24.2857 7.09272 25C6.81904 25.6714 6.6822 26.3857 6.66699 27.1429H9.92079C9.936 26.7 9.99682 26.2857 10.1185 25.9C10.2553 25.4857 10.4682 25.1286 10.7266 24.8286C11.0003 24.5286 11.35 24.3 11.7606 24.1286C12.1711 23.9572 12.6728 23.8714 13.2202 23.8714C13.6916 23.8714 14.1021 23.9429 14.4518 24.0857C14.8015 24.2286 15.1056 24.4429 15.3489 24.7C15.5921 24.9572 15.7746 25.2714 15.9114 25.6286C16.0331 25.9857 16.1091 26.3714 16.1091 26.7857C16.1091 27.1 16.0635 27.4 15.9875 27.7143C15.8962 28.0286 15.7594 28.3572 15.5465 28.7143C15.3337 29.0714 15.06 29.4714 14.6951 29.9C14.3454 30.3286 13.9044 30.8286 13.3571 31.3714L7.0167 37.8714V40H20.1383V37.5572H11.0916Z" fill="black"/>
+<path d="M34.7575 32.2086C34.4796 31.8426 34.1323 31.5072 33.6808 31.2175C33.2466 30.9278 32.7083 30.6838 32.0658 30.4856C32.5867 30.2721 33.0556 30.0282 33.455 29.7232C33.8544 29.4183 34.1844 29.0981 34.4449 28.7474C34.7054 28.3967 34.9137 28.046 35.0353 27.6648C35.1742 27.2989 35.2263 26.9177 35.2263 26.5517C35.2263 25.7131 35.07 24.966 34.7401 24.3256C34.4275 23.6852 33.976 23.1516 33.3856 22.7094C32.8125 22.2824 32.1179 21.947 31.3017 21.7335C30.5202 21.5353 29.6172 21.4286 28.6447 21.4286C27.6896 21.4286 26.8039 21.5506 26.0051 21.7945C25.1889 22.0537 24.4943 22.4044 23.9212 22.8466C23.3482 23.2888 22.8793 23.8072 22.5667 24.4171C22.2194 25.0117 22.0631 25.6826 22.0631 26.384H25.5015C25.5015 25.9876 25.5883 25.6369 25.7446 25.3319C25.9009 25.027 26.1267 24.7525 26.4045 24.5391C26.6997 24.3256 27.0297 24.1579 27.4117 24.0359C27.7938 23.9139 28.2106 23.8529 28.6794 23.8529C29.7388 23.8529 30.5202 24.0969 31.0412 24.5696C31.5622 25.0422 31.8053 25.7131 31.8053 26.5822C31.8053 26.9939 31.7358 27.3751 31.5969 27.7106C31.458 28.046 31.2322 28.3357 30.937 28.5797C30.6418 28.8236 30.2771 29.0066 29.8429 29.1438C29.4088 29.281 28.8878 29.342 28.2974 29.342H26.2656V31.7359H28.3148C28.9052 31.7359 29.4262 31.7969 29.895 31.9036C30.3639 32.0256 30.7633 32.1933 31.0933 32.4373C31.4232 32.6812 31.6837 32.9862 31.8574 33.3674C32.031 33.7333 32.1352 34.1907 32.1352 34.6939C32.1352 35.6392 31.8226 36.3559 31.2148 36.859C30.607 37.3622 29.7561 37.6062 28.6968 37.6062C28.1932 37.6062 27.7243 37.5452 27.3076 37.4079C26.8908 37.286 26.5435 37.103 26.2482 36.859C25.953 36.6151 25.7273 36.3406 25.571 36.0052C25.4147 35.6697 25.3279 35.3038 25.3279 34.9074H21.8721C21.8721 35.746 22.0631 36.4779 22.4278 37.1182C22.7925 37.7586 23.2961 38.2923 23.9212 38.7192C24.5464 39.1462 25.2584 39.4664 26.0746 39.6798C26.8908 39.8933 27.7417 40 28.6447 40C29.6346 40 30.5376 39.878 31.3885 39.6493C32.2394 39.4206 32.9688 39.0699 33.5766 38.6125C34.2018 38.1551 34.688 37.6062 35.0353 36.9353C35.3826 36.2796 35.5563 35.5173 35.5563 34.6786C35.5563 34.2365 35.4868 33.7943 35.3653 33.3674C35.2263 32.9862 35.0353 32.5897 34.7575 32.2086Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2675_46257">
+<rect width="28.8889" height="40" fill="white" transform="translate(6.66699)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/datatype-icons/black/project.svg

@@ -0,0 +1,12 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.14814 0.102783C1.49145 0.102783 0.148438 1.4458 0.148438 3.10248V36.9099C0.148438 38.5666 1.49145 39.9096 3.14814 39.9096H36.9556C38.6123 39.9096 39.9553 38.5666 39.9553 36.9099V3.10248C39.9553 1.44579 38.6123 0.102783 36.9556 0.102783H3.14814ZM36.3881 9.6694H3.71565V36.3424H36.3881V9.6694ZM31.2805 5.0077C31.2805 5.74649 30.6816 6.3454 29.9428 6.3454C29.204 6.3454 28.6051 5.74649 28.6051 5.0077C28.6051 4.26891 29.204 3.66999 29.9428 3.66999C30.6816 3.66999 31.2805 4.26891 31.2805 5.0077ZM34.7261 6.3454C35.4649 6.3454 36.0638 5.74649 36.0638 5.0077C36.0638 4.26891 35.4649 3.66999 34.7261 3.66999C33.9873 3.66999 33.3884 4.26891 33.3884 5.0077C33.3884 5.74649 33.9873 6.3454 34.7261 6.3454Z" fill="black"/>
+<path d="M28.069 21.1964H24.4772C24.2875 21.1964 24.1338 21.3502 24.1338 21.5398V25.1316C24.1338 25.3213 24.2875 25.4751 24.4772 25.4751H28.069C28.2587 25.4751 28.4124 25.3213 28.4124 25.1316V21.5398C28.4124 21.3502 28.2587 21.1964 28.069 21.1964Z" fill="black"/>
+<path d="M28.069 14.9009H24.4772C24.2875 14.9009 24.1338 15.0546 24.1338 15.2443V18.8361C24.1338 19.0258 24.2875 19.1795 24.4772 19.1795H28.069C28.2587 19.1795 28.4124 19.0258 28.4124 18.8361V15.2443C28.4124 15.0546 28.2587 14.9009 28.069 14.9009Z" fill="black"/>
+<path d="M28.069 27.4921H24.4772C24.2875 27.4921 24.1338 27.6458 24.1338 27.8355V31.4273C24.1338 31.617 24.2875 31.7707 24.4772 31.7707H28.069C28.2587 31.7707 28.4124 31.617 28.4124 31.4273V27.8355C28.4124 27.6458 28.2587 27.4921 28.069 27.4921Z" fill="black"/>
+<path d="M21.7741 14.9009H18.1823C17.9926 14.9009 17.8389 15.0546 17.8389 15.2443V18.8361C17.8389 19.0258 17.9926 19.1795 18.1823 19.1795H21.7741C21.9638 19.1795 22.1175 19.0258 22.1175 18.8361V15.2443C22.1175 15.0546 21.9638 14.9009 21.7741 14.9009Z" fill="black"/>
+<path d="M21.7741 21.1964H18.1823C17.9926 21.1964 17.8389 21.3502 17.8389 21.5398V25.1316C17.8389 25.3213 17.9926 25.4751 18.1823 25.4751H21.7741C21.9638 25.4751 22.1175 25.3213 22.1175 25.1316V21.5398C22.1175 21.3502 21.9638 21.1964 21.7741 21.1964Z" fill="black"/>
+<path d="M15.4782 14.9011H11.8864C11.6967 14.9011 11.543 15.0549 11.543 15.2446V18.8363C11.543 19.026 11.6967 19.1798 11.8864 19.1798H15.4782C15.6679 19.1798 15.8216 19.026 15.8216 18.8363V15.2446C15.8216 15.0549 15.6679 14.9011 15.4782 14.9011Z" fill="black"/>
+<path d="M15.4782 21.1964H11.8864C11.6967 21.1964 11.543 21.3502 11.543 21.5398V25.1316C11.543 25.3213 11.6967 25.4751 11.8864 25.4751H15.4782C15.6679 25.4751 15.8216 25.3213 15.8216 25.1316V21.5398C15.8216 21.3502 15.6679 21.1964 15.4782 21.1964Z" fill="black"/>
+<path d="M15.4782 27.4921H11.8864C11.6967 27.4921 11.543 27.6458 11.543 27.8355V31.4273C11.543 31.617 11.6967 31.7707 11.8864 31.7707H15.4782C15.6679 31.7707 15.8216 31.617 15.8216 31.4273V27.8355C15.8216 27.6458 15.6679 27.4921 15.4782 27.4921Z" fill="black"/>
+<path d="M21.7741 27.4921H18.1823C17.9926 27.4921 17.8389 27.6458 17.8389 27.8355V31.4273C17.8389 31.617 17.9926 31.7707 18.1823 31.7707H21.7741C21.9638 31.7707 22.1175 31.617 22.1175 31.4273V27.8355C22.1175 27.6458 21.9638 27.4921 21.7741 27.4921Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/sql-program.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Icons" viewBox="0 0 60 60" width="512" height="512"><path d="M5,3V57a3,3,0,0,0,3,3H40.59A1.977,1.977,0,0,0,42,59.417L48.417,53A1.977,1.977,0,0,0,49,51.59V34.976h2a4,4,0,0,0,4-4V11a4,4,0,0,0-4-4H49V3a3,3,0,0,0-3-3H8A3,3,0,0,0,5,3ZM42,56.589V54a1,1,0,0,1,1-1h2.587ZM53,11V30.976a2,2,0,0,1-2,2H15a2,2,0,0,1-2-2V11a2,2,0,0,1,2-2H51A2,2,0,0,1,53,11ZM7,3A1,1,0,0,1,8,2H46a1,1,0,0,1,1,1V7H15a4,4,0,0,0-4,4V30.976a4,4,0,0,0,4,4H47L47,51H43a3,3,0,0,0-3,3v4H8a1,1,0,0,1-1-1Z"/><path d="M21,14a3,3,0,0,1,3,3,1,1,0,0,0,2,0,5,5,0,1,0-5,5,3,3,0,1,1-3,3,1,1,0,0,0-2,0,5,5,0,1,0,5-5,3,3,0,0,1,0-6Z"/><path d="M33,12a5.006,5.006,0,0,0-5,5v8a4.992,4.992,0,0,0,7.753,4.167l.54.54a1,1,0,0,0,1.414-1.414l-.54-.54A4.969,4.969,0,0,0,38,25V17A5.006,5.006,0,0,0,33,12Zm1.707,13.293a1,1,0,0,0-1.414,1.414l.992.992A2.951,2.951,0,0,1,33,28a3,3,0,0,1-3-3V17a3,3,0,0,1,6,0v8a2.951,2.951,0,0,1-.3,1.285Z"/><path d="M43,13a1,1,0,0,0-2,0V28a2,2,0,0,0,2,2h6a1,1,0,0,0,0-2H43Z"/></svg>

package/src/assets/datatype-icons/black/text.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 7.55557C0 9.27705 1.41053 10.6667 3.15789 10.6667H10.5263V32.4445C10.5263 34.1659 11.9368 35.5556 13.6842 35.5556C15.4316 35.5556 16.8421 34.1659 16.8421 32.4445V10.6667H24.2105C25.9579 10.6667 27.3684 9.27705 27.3684 7.55557C27.3684 5.83409 25.9579 4.44446 24.2105 4.44446H3.15789C1.41053 4.44446 0 5.83409 0 7.55557ZM36.8421 14.8148H24.2105C22.4632 14.8148 21.0526 16.2045 21.0526 17.9259C21.0526 19.6474 22.4632 21.0371 24.2105 21.0371H27.3684V32.4445C27.3684 34.1659 28.7789 35.5556 30.5263 35.5556C32.2737 35.5556 33.6842 34.1659 33.6842 32.4445V21.0371H36.8421C38.5895 21.0371 40 19.6474 40 17.9259C40 16.2045 38.5895 14.8148 36.8421 14.8148Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/unknown.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.1336 33.3355H22.7521V40H16.1336V33.3355ZM21.4615 0.146377C14.6445 -0.853296 8.62172 3.37865 6.80165 9.44333C6.20599 11.376 7.66205 13.3421 9.68067 13.3421H10.3425C11.6993 13.3421 12.7913 12.3757 13.2546 11.1095C14.3136 8.14376 17.4573 6.11109 20.8658 6.84419C24.0096 7.51063 26.326 10.6096 26.0613 13.8419C25.7304 18.3071 20.7004 19.2734 17.9537 23.4388C17.9537 23.4721 17.9206 23.4721 17.9206 23.5054C17.8875 23.572 17.8544 23.6054 17.8214 23.672C17.5235 24.1718 17.2257 24.7383 16.994 25.3381C16.961 25.4381 16.8948 25.5047 16.8617 25.6047C16.8286 25.6714 16.8286 25.738 16.7955 25.838C16.3984 26.9709 16.1336 28.3371 16.1336 30.0033H22.7521C22.7521 28.6037 23.1161 27.4374 23.6787 26.4378C23.7449 26.3378 23.7779 26.2378 23.8441 26.1379C24.1089 25.6714 24.4398 25.2382 24.7707 24.8383C24.8038 24.805 24.8369 24.7383 24.87 24.705C25.2009 24.3051 25.5649 23.9386 25.962 23.572C29.1389 20.5397 33.4409 18.0738 32.5474 11.7093C31.7532 5.91116 27.2195 1.01276 21.4615 0.146377Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/uuid.svg

@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.9999 2.63143e-05C17.5453 2.60997e-05 15.5554 1.98987 15.5554 4.44447C15.5554 6.89907 17.5453 8.88892 19.9999 8.88892C22.4545 8.88892 24.4443 6.89907 24.4443 4.44447C24.4443 1.98987 22.4545 2.65289e-05 19.9999 2.63143e-05Z" fill="black"/>
+<path d="M19.9999 40C22.4443 40 24.4443 38 24.4443 35.5556L24.4443 17.7778C24.4443 15.3333 22.4443 13.3333 19.9999 13.3333C17.5554 13.3333 15.5554 15.3333 15.5554 17.7778L15.5554 35.5556C15.5554 38 17.5554 40 19.9999 40Z" fill="black"/>
+</svg>

package/src/assets/datatype-icons/black/void.svg

@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g id="_4_Null" data-name="4 Null"><path d="m491.37 67.14a32.89 32.89 0 0 0 -46.51-46.51l-43.5 43.5a240.72 240.72 0 0 0 -337.23 337.23l-43.5 43.5a32.89 32.89 0 0 0 46.51 46.51l43.5-43.5a240.72 240.72 0 0 0 337.23-337.23zm-410.29 188.86c0-96.45 78.47-174.92 174.92-174.92a173.94 173.94 0 0 1 98.19 30.23l-242.88 242.88a173.94 173.94 0 0 1 -30.23-98.19zm349.84 0c0 96.45-78.47 174.92-174.92 174.92a173.94 173.94 0 0 1 -98.19-30.23l242.88-242.88a173.94 173.94 0 0 1 30.23 98.19z"/></g></svg>

package/src/assets/datatype-icons/dark-grey/any.svg

@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 510 510" height="512" viewBox="0 0 510 510" width="512" xmlns="http://www.w3.org/2000/svg"><g id="XMLID_1390_"><path id="XMLID_1410_" d="m255 0c-140.93 0-255 114.051-255 255 0 140.93 114.051 255 255 255 140.93 0 255-114.049 255-255 0-140.93-114.049-255-255-255zm0 480c-124.065 0-225-100.935-225-225s100.935-225 225-225 225 100.935 225 225-100.935 225-225 225z"/><path id="XMLID_1825_" d="m270 180h-30v150h75v-30h-45z"/><path id="XMLID_1826_" d="m375 300v-120h-30v150h75v-30z"/><path id="XMLID_1830_" d="m165 180c-24.814 0-45 20.186-45 45v105h30v-45h30v45h30v-105c0-24.814-20.186-45-45-45zm-15 75v-30c0-8.271 6.729-15 15-15s15 6.729 15 15v30z"/></g></svg>

package/src/assets/datatype-icons/dark-grey/boolean.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 0C8.96 0 0 8.96 0 20C0 31.04 8.96 40 20 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 20 0ZM20 36C11.18 36 4 28.82 4 20C4 11.18 11.18 4 20 4C28.82 4 36 11.18 36 20C36 28.82 28.82 36 20 36ZM27.76 12.58L16 24.34L12.24 20.58C11.46 19.8 10.2 19.8 9.42 20.58C8.64 21.36 8.64 22.62 9.42 23.4L14.6 28.58C15.38 29.36 16.64 29.36 17.42 28.58L30.6 15.4C31.38 14.62 31.38 13.36 30.6 12.58C29.82 11.8 28.54 11.8 27.76 12.58V12.58Z" fill="#3F3F40"/>
+</svg>

package/src/assets/datatype-icons/dark-grey/date-time.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.98 0C8.94 0 0 8.96 0 20C0 31.04 8.94 40 19.98 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 19.98 0ZM20 36C11.16 36 4 28.84 4 20C4 11.16 11.16 4 20 4C28.84 4 36 11.16 36 20C36 28.84 28.84 36 20 36ZM19.56 10H19.44C18.64 10 18 10.64 18 11.44V20.88C18 21.58 18.36 22.24 18.98 22.6L27.28 27.58C27.96 27.98 28.84 27.78 29.24 27.1C29.66 26.42 29.44 25.52 28.74 25.12L21 20.52V11.44C21 10.64 20.36 10 19.56 10V10Z" fill="#3F3F40"/>
+</svg>

package/src/assets/datatype-icons/dark-grey/definition-entity.svg

@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 0H5C2.25 0 0 2.25 0 5V35C0 37.75 2.25 40 5 40H35C37.75 40 40 37.75 40 35V20V5C40 2.12245 37.911 -8.87754e-09 35 0H20ZM35 33.05V20V7.5C35 6.047 34.0075 5 32.5 5H20H7.5C6.125 5 5 6.125 5 7.5V33.05C5 34.425 6.125 35.55 7.5 35.55H32.5C33.875 35.55 35 34.425 35 33.05Z" fill="#3F3F40"/>
+<path d="M27.5 10H12.5C11.125 10 10 11.125 10 12.5C10 13.875 11.125 15 12.5 15H27.5C28.875 15 30 13.875 30 12.5C30 11.125 28.875 10 27.5 10Z" fill="#3F3F40"/>
+<path d="M27.5 17.5H12.5C11.125 17.5 10 18.625 10 20C10 21.375 11.125 22.5 12.5 22.5H27.5C28.875 22.5 30 21.375 30 20C30 18.625 28.875 17.5 27.5 17.5Z" fill="#3F3F40"/>
+<path d="M27.5 25H12.5C11.125 25 10 26.125 10 27.5C10 28.875 11.125 30 12.5 30H27.5C28.875 30 30 28.875 30 27.5C30 26.125 28.875 25 27.5 25Z" fill="#3F3F40"/>
+</svg>

package/src/assets/datatype-icons/dark-grey/list.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24324 15.5555C1.44865 15.5555 0 17.0444 0 18.8888C0 20.7333 1.44865 22.2222 3.24324 22.2222C5.03784 22.2222 6.48649 20.7333 6.48649 18.8888C6.48649 17.0444 5.03784 15.5555 3.24324 15.5555ZM3.24324 2.22217C1.44865 2.22217 0 3.71106 0 5.5555C0 7.39995 1.44865 8.88883 3.24324 8.88883C5.03784 8.88883 6.48649 7.39995 6.48649 5.5555C6.48649 3.71106 5.03784 2.22217 3.24324 2.22217ZM3.24324 28.8888C1.44865 28.8888 0 30.3999 0 32.2222C0 34.0444 1.47027 35.5555 3.24324 35.5555C5.01622 35.5555 6.48649 34.0444 6.48649 32.2222C6.48649 30.3999 5.03784 28.8888 3.24324 28.8888ZM11.8919 34.4444H37.8378C39.027 34.4444 40 33.4444 40 32.2222C40 30.9999 39.027 29.9999 37.8378 29.9999H11.8919C10.7027 29.9999 9.72973 30.9999 9.72973 32.2222C9.72973 33.4444 10.7027 34.4444 11.8919 34.4444ZM11.8919 21.1111H37.8378C39.027 21.1111 40 20.1111 40 18.8888C40 17.6666 39.027 16.6666 37.8378 16.6666H11.8919C10.7027 16.6666 9.72973 17.6666 9.72973 18.8888C9.72973 20.1111 10.7027 21.1111 11.8919 21.1111ZM9.72973 5.5555C9.72973 6.77772 10.7027 7.77772 11.8919 7.77772H37.8378C39.027 7.77772 40 6.77772 40 5.5555C40 4.33328 39.027 3.33328 37.8378 3.33328H11.8919C10.7027 3.33328 9.72973 4.33328 9.72973 5.5555Z" fill="#3F3F40"/>
+</svg>

package/src/assets/datatype-icons/dark-grey/null.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 0C8.96 0 0 8.96 0 20C0 31.04 8.96 40 20 40C31.04 40 40 31.04 40 20C40 8.96 31.04 0 20 0ZM4 20C4 11.16 11.16 4 20 4C23.7 4 27.1 5.26 29.8 7.38L7.38 29.8C5.26 27.1 4 23.7 4 20ZM20 36C16.3 36 12.9 34.74 10.2 32.62L32.62 10.2C34.74 12.9 36 16.3 36 20C36 28.84 28.84 36 20 36Z" fill="#3F3F40"/>
+</svg>

package/src/assets/datatype-icons/dark-grey/number.svg

@@ -0,0 +1,13 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2675_46319)">
+<path d="M32.5154 18.5714H29.4745V3.4L24.9131 4.85714V2.42857L32.0593 0H32.5154V18.5714Z" fill="#3F3F40"/>
+<path d="M19.2565 10.7143C19.2565 12.1429 19.1044 13.3571 18.8003 14.3571C18.4962 15.3571 18.0705 16.1714 17.5383 16.7857C16.991 17.4143 16.3372 17.8571 15.5617 18.1429C14.7863 18.4286 13.9348 18.5714 12.9769 18.5714C12.0342 18.5714 11.1828 18.4286 10.4073 18.1429C9.6319 17.8571 8.9629 17.4143 8.41553 16.7857C7.86816 16.1571 7.42723 15.3429 7.12313 14.3571C6.81904 13.3571 6.66699 12.1429 6.66699 10.7143V7.8C6.66699 6.37143 6.81904 5.15714 7.12313 4.15714C7.42723 3.15714 7.85296 2.35714 8.40033 1.74286C8.94769 1.12857 9.6167 0.685714 10.3921 0.414286C11.1524 0.142857 12.019 0 12.9617 0C13.9196 0 14.7711 0.142857 15.5465 0.414286C16.322 0.685714 16.991 1.12857 17.5383 1.74286C18.0857 2.35714 18.5114 3.15714 18.8155 4.15714C19.1196 5.15714 19.2717 6.35714 19.2717 7.8V10.7143H19.2565V10.7143ZM16.0483 7.34286C16.0483 6.42857 15.9723 5.65714 15.8506 5.02857C15.7138 4.4 15.5161 3.9 15.2424 3.51429C14.984 3.12857 14.6494 2.85714 14.2693 2.68571C13.8892 2.5 13.4483 2.41429 12.9617 2.41429C12.4752 2.41429 12.0342 2.5 11.6541 2.67143C11.274 2.84286 10.9395 3.11429 10.681 3.5C10.4225 3.88571 10.2097 4.38571 10.0728 5.01429C9.936 5.64286 9.87518 6.41429 9.87518 7.32857V11.1429C9.87518 12.0571 9.9512 12.8286 10.088 13.4571C10.2249 14.1 10.4378 14.6143 10.6962 15.0143C10.9547 15.4143 11.2892 15.7 11.6693 15.8857C12.0494 16.0714 12.4904 16.1571 12.9921 16.1571C13.4939 16.1571 13.9348 16.0714 14.3149 15.8857C14.6951 15.7 15.0144 15.4143 15.2728 15.0143C15.5313 14.6143 15.729 14.1 15.8658 13.4571C16.0027 12.8143 16.0635 12.0429 16.0635 11.1429V7.34286H16.0483V7.34286Z" fill="#3F3F40"/>
+<path d="M11.0916 37.5572L15.4401 33.1714C16.0179 32.6143 16.5348 32.0429 17.0214 31.4857C17.5079 30.9286 17.9185 30.3714 18.2682 29.8143C18.6179 29.2572 18.8916 28.7 19.0892 28.1429C19.2869 27.5857 19.3781 27.0143 19.3781 26.4572C19.3781 25.7 19.2413 25 18.9676 24.3714C18.6939 23.7429 18.2986 23.2143 17.7816 22.7857C17.2647 22.3429 16.6109 22.0143 15.8658 21.7714C15.0904 21.5429 14.2237 21.4286 13.2506 21.4286C12.2015 21.4286 11.2588 21.5857 10.4378 21.8857C9.6167 22.1857 8.91728 22.6143 8.36992 23.1429C7.80734 23.6714 7.38161 24.2857 7.09272 25C6.81904 25.6714 6.6822 26.3857 6.66699 27.1429H9.92079C9.936 26.7 9.99682 26.2857 10.1185 25.9C10.2553 25.4857 10.4682 25.1286 10.7266 24.8286C11.0003 24.5286 11.35 24.3 11.7606 24.1286C12.1711 23.9572 12.6728 23.8714 13.2202 23.8714C13.6916 23.8714 14.1021 23.9429 14.4518 24.0857C14.8015 24.2286 15.1056 24.4429 15.3489 24.7C15.5921 24.9572 15.7746 25.2714 15.9114 25.6286C16.0331 25.9857 16.1091 26.3714 16.1091 26.7857C16.1091 27.1 16.0635 27.4 15.9875 27.7143C15.8962 28.0286 15.7594 28.3572 15.5465 28.7143C15.3337 29.0714 15.06 29.4714 14.6951 29.9C14.3454 30.3286 13.9044 30.8286 13.3571 31.3714L7.0167 37.8714V40H20.1383V37.5572H11.0916Z" fill="#3F3F40"/>
+<path d="M34.7575 32.2086C34.4796 31.8426 34.1323 31.5072 33.6808 31.2175C33.2466 30.9278 32.7083 30.6838 32.0658 30.4856C32.5867 30.2721 33.0556 30.0282 33.455 29.7232C33.8544 29.4183 34.1844 29.0981 34.4449 28.7474C34.7054 28.3967 34.9137 28.046 35.0353 27.6648C35.1742 27.2989 35.2263 26.9177 35.2263 26.5517C35.2263 25.7131 35.07 24.966 34.7401 24.3256C34.4275 23.6852 33.976 23.1516 33.3856 22.7094C32.8125 22.2824 32.1179 21.947 31.3017 21.7335C30.5202 21.5353 29.6172 21.4286 28.6447 21.4286C27.6896 21.4286 26.8039 21.5506 26.0051 21.7945C25.1889 22.0537 24.4943 22.4044 23.9212 22.8466C23.3482 23.2888 22.8793 23.8072 22.5667 24.4171C22.2194 25.0117 22.0631 25.6826 22.0631 26.384H25.5015C25.5015 25.9876 25.5883 25.6369 25.7446 25.3319C25.9009 25.027 26.1267 24.7525 26.4045 24.5391C26.6997 24.3256 27.0297 24.1579 27.4117 24.0359C27.7938 23.9139 28.2106 23.8529 28.6794 23.8529C29.7388 23.8529 30.5202 24.0969 31.0412 24.5696C31.5622 25.0422 31.8053 25.7131 31.8053 26.5822C31.8053 26.9939 31.7358 27.3751 31.5969 27.7106C31.458 28.046 31.2322 28.3357 30.937 28.5797C30.6418 28.8236 30.2771 29.0066 29.8429 29.1438C29.4088 29.281 28.8878 29.342 28.2974 29.342H26.2656V31.7359H28.3148C28.9052 31.7359 29.4262 31.7969 29.895 31.9036C30.3639 32.0256 30.7633 32.1933 31.0933 32.4373C31.4232 32.6812 31.6837 32.9862 31.8574 33.3674C32.031 33.7333 32.1352 34.1907 32.1352 34.6939C32.1352 35.6392 31.8226 36.3559 31.2148 36.859C30.607 37.3622 29.7561 37.6062 28.6968 37.6062C28.1932 37.6062 27.7243 37.5452 27.3076 37.4079C26.8908 37.286 26.5435 37.103 26.2482 36.859C25.953 36.6151 25.7273 36.3406 25.571 36.0052C25.4147 35.6697 25.3279 35.3038 25.3279 34.9074H21.8721C21.8721 35.746 22.0631 36.4779 22.4278 37.1182C22.7925 37.7586 23.2961 38.2923 23.9212 38.7192C24.5464 39.1462 25.2584 39.4664 26.0746 39.6798C26.8908 39.8933 27.7417 40 28.6447 40C29.6346 40 30.5376 39.878 31.3885 39.6493C32.2394 39.4206 32.9688 39.0699 33.5766 38.6125C34.2018 38.1551 34.688 37.6062 35.0353 36.9353C35.3826 36.2796 35.5563 35.5173 35.5563 34.6786C35.5563 34.2365 35.4868 33.7943 35.3653 33.3674C35.2263 32.9862 35.0353 32.5897 34.7575 32.2086Z" fill="#3F3F40"/>
+</g>
+<defs>
+<clipPath id="clip0_2675_46319">
+<rect width="28.8889" height="40" fill="white" transform="translate(6.66699)"/>
+</clipPath>
+</defs>
+</svg>