@quillsql/admin 1.6.1 → 1.6.2

package/dist/esm/utils/validation.js

@@ -0,0 +1,74 @@
+export function validateDashboard(filters, dashboards, name, newDateFilter, selectedDashboard) {
+    const issue = [];
+    if (!name) {
+        issue.push('No dashboard name supplied');
+    }
+    if (newDateFilter && !newDateFilter.label) {
+        issue.push('Please choose a label for the date filter.');
+    }
+    if (dashboards.length > 0 &&
+        dashboards.some((dashName) => dashName.name === name && name !== selectedDashboard.name)) {
+        issue.push('Please choose a unique name for the dashboard.');
+    }
+    filters.forEach((filter) => {
+        if (!filter.label) {
+            issue.push('Please fill out all label names for your filters.');
+        }
+    });
+    filters.forEach((filter) => {
+        if (!filter.field || !filter.table) {
+            issue.push(`Please select tables and fields to the ${filter.label} filter.`);
+        }
+    });
+    const fieldsSet = new Set();
+    filters.forEach((filter) => {
+        if (fieldsSet.has(filter.field)) {
+            issue.push('Please make sure that all filters are being applied to unique fields.');
+        }
+        else {
+            fieldsSet.add(filter.field);
+        }
+    });
+    // const brokenStringFilters: { [label: string]: string[] } = {};
+    // filters.forEach((filter: any) => {
+    //   selectedDashboard &&
+    //     selectedDashboard.newQueries &&
+    //     selectedDashboard.newQueries.forEach((chart: any) => {
+    //       const chartTable = chart.referencedTables.find(
+    //         (table: any) => table === filter.table,
+    //       );
+    //       if (!chartTable) {
+    //         if (!brokenStringFilters[filter.label]) {
+    //           brokenStringFilters[filter.label] = [];
+    //         }
+    //         // @ts-ignore
+    //         brokenStringFilters[filter.label].push(chart.name);
+    //       }
+    //     });
+    // });
+    // if (Object.keys(brokenStringFilters).length > 0) {
+    //   Object.keys(brokenStringFilters).forEach((key) => {
+    //     issue.push(
+    //       `The filter "${key}" cannot be applied to the following reports: ${brokenStringFilters[key]!.join(', ')}.`,
+    //     );
+    //   });
+    // }
+    const brokenDateFilters = [];
+    if (newDateFilter && selectedDashboard && selectedDashboard.newQueries) {
+        selectedDashboard.newQueries.forEach((chart) => {
+            if (['pie', 'bar', 'table', 'metric'].includes(chart.chartType.toLowerCase()) &&
+                newDateFilter.comparison) {
+                brokenDateFilters.push(chart.name);
+            }
+            else if (!chart.dateField ||
+                !chart.dateField.table ||
+                !chart.dateField.field) {
+                brokenDateFilters.push(chart.name);
+            }
+        });
+    }
+    if (brokenDateFilters.length > 0) {
+        issue.push(`The date filter cannot be applied to the following reports: ${brokenDateFilters.join(', ')}.`);
+    }
+    return issue;
+}

package/dist/esm/utils/validation.uspec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=validation.uspec.d.ts.map

package/dist/esm/utils/validation.uspec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.uspec.d.ts","sourceRoot":"","sources":["../../../src/utils/validation.uspec.ts"],"names":[],"mappings":""}

package/dist/esm/utils/validation.uspec.js

@@ -0,0 +1,51 @@
+import { validateDashboard } from './validation';
+describe('Validation', () => {
+    describe('validateDashboard', () => {
+        it('should return an array of issues if no dashboard name is supplied', () => {
+            expect(validateDashboard([], [], '', undefined, undefined)).toEqual([
+                'No dashboard name supplied',
+            ]);
+        });
+        it('should return an array of issues if a duplicate dashboard name is supplied', () => {
+            expect(validateDashboard([], [{ name: 'name' }], 'name', undefined, {
+                name: 'new',
+            })).toEqual(['Please choose a unique name for the dashboard.']);
+        });
+        it('should return an array of issues if a filter label is missing', () => {
+            expect(validateDashboard([{ field: 'field', table: 'table' }], [], 'test')).toEqual(['Please fill out all label names for your filters.']);
+        });
+        it('should return an array of issues if a filter field or table is missing', () => {
+            expect(validateDashboard([{ label: 'label' }], [], 'test', undefined)).toEqual(['Please select tables and fields to the label filter.']);
+        });
+        it('should return an array of issues if a filter field is not unique', () => {
+            expect(validateDashboard([
+                { label: 'label', field: 'field', table: 'table' },
+                { label: 'label', field: 'field', table: 'table' },
+            ], [], 'test', undefined)).toEqual([
+                'Please make sure that all filters are being applied to unique fields.',
+            ]);
+        });
+        it('should return an issue with the date filter', () => {
+            expect(validateDashboard([{ label: 'label', field: 'field', table: 'table' }], [], 'name', { comparison: true }, {
+                name: 'name',
+                newQueries: [
+                    {
+                        name: 'name',
+                        referencedTables: ['table'],
+                        dateField: true,
+                        chartType: 'metric',
+                    },
+                ],
+            })).toEqual([
+                'Please choose a label for the date filter.',
+                'The date filter cannot be applied to the following reports: name.',
+            ]);
+        });
+        it('should return an empty array if no issues are found', () => {
+            expect(validateDashboard([{ label: 'label', field: 'field', table: 'table' }], [], 'name', undefined, {
+                name: 'name',
+                newQueries: [{ name: 'name', referencedTables: ['table'] }],
+            })).toEqual([]);
+        });
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/admin",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "Admin tools for Quill",
   "exports": {
     ".": {
@@ -9,34 +9,47 @@
     }
   },
   "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
-    "dev": "tsc -p tsconfig.json -w & tsc -p tsconfig.esm.json -w",
+    "dev": "concurrently \"npm run dev:types\" \"npm run dev:esm\" \"npm run dev:cjs\"",
+    "dev:cjs": "babel src --out-dir dist/cjs --extensions \".ts,.tsx\" --copy-files --watch --env-name cjs",
+    "dev:esm": "babel src --out-dir dist/esm --extensions \".ts,.tsx\" --copy-files --watch --env-name esm",
+    "dev:types": "tsc --emitDeclarationOnly -w",
     "lint": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/sortable": "^7.0.2",
-    "@dnd-kit/utilities": "^3.2.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@monaco-editor/react": "^4.5.2",
-    "prism-react-renderer": "^1.3.5",
-    "prismjs": "^1.29.0",
+    "fast-deep-equal": "3.1.3",
+    "prism-react-renderer": "^2.0.0",
     "re-resizable": "^6.9.17"
   },
   "devDependencies": {
+    "@babel/cli": "^7.25.7",
+    "@babel/core": "^7.25.8",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
+    "@babel/preset-typescript": "^7.25.7",
+    "@playwright/test": "^1.51.1",
     "@repo/eslint-config": "*",
     "@repo/typescript-config": "*",
     "@types/eslint": "^8.56.1",
     "@types/node": "^20.10.6",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
+    "babel-plugin-inline-dotenv": "^1.7.0",
+    "concurrently": "^9.0.1",
     "eslint": "^8.56.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "undici": "^6.21.2"
   },
   "peerDependencies": {
     "@quillsql/react": "^2.9.2"

package/dist/cjs/components/EnvSelectPopover.d.ts

@@ -1,13 +0,0 @@
-interface EnvSelectPopoverProps {
-    clients: any[];
-    setClient: (client: any) => void;
-    client: any;
-    theme: any;
-    environment: string;
-    setEnvironment: (environment: string) => void;
-    handlePromote?: (client: any) => void;
-    showPromote?: boolean;
-}
-export default function EnvSelectPopover({ clients, setClient, client, theme, environment, setEnvironment, handlePromote, showPromote, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EnvSelectPopover.d.ts.map

package/dist/cjs/components/EnvSelectPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,WAAW,EACX,cAAc,EACd,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,2CAqTvB"}

package/dist/cjs/components/EnvSelectPopover.js

@@ -1,224 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("../icons");
-const AdminProvider_1 = require("../AdminProvider");
-function EnvSelectPopover({ clients, setClient, client, theme, environment, setEnvironment, handlePromote, showPromote, }) {
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [hoveredItemId, setHoveredItemId] = (0, react_1.useState)(null);
-    const [isPromoteHovered, setIsPromoteHovered] = (0, react_1.useState)(false);
-    const handleItemClick = (selectedClient) => {
-        if (state.activeQuery) {
-            const message = 'Are you sure? Changing environment will exit edit mode and your changes will not be saved.';
-            if (!confirm(message))
-                return;
-            dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-            dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-        }
-        setClient(selectedClient);
-        setIsOpen(false);
-    };
-    const handlePromoteClick = (e, client) => {
-        e.preventDefault();
-        if (handlePromote) {
-            handlePromote(client);
-        }
-    };
-    const popoverRef = (0, react_1.useRef)(null);
-    const handleOutsideClick = (event) => {
-        if (popoverRef.current && !popoverRef.current.contains(event.target)) {
-            setIsOpen(false);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        if (isOpen) {
-            document.addEventListener('mousedown', handleOutsideClick);
-        }
-        else {
-            document.removeEventListener('mousedown', handleOutsideClick);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleOutsideClick); // Cleanup
-        };
-    }, [isOpen]);
-    const dropdownStyles = {
-        position: 'relative',
-        display: 'inline-block',
-        fontFamily: theme.fontFamily,
-        fontSize: 14,
-    };
-    const separatorStyle = {
-        borderBottom: '1px solid #e7e7e7',
-    };
-    const triggerButtonStyles = {
-        width: '100%',
-        minWidth: 230,
-        maxWidth: 230,
-        outline: 'none',
-        textAlign: 'left',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        borderRadius: 6,
-        WebkitAppearance: 'none',
-        paddingLeft: 12,
-        paddingRight: 12,
-        height: 38,
-        borderTop: '1px solid #e7e7e7',
-        borderLeft: '1px solid #e7e7e7',
-        borderRight: '1px solid #e7e7e7',
-        borderBottom: '1px solid #e7e7e7',
-        background: theme.backgroundColor,
-        color: theme.primaryTextColor,
-        // boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
-        fontFamily: theme.fontFamily,
-        fontWeight: 500,
-    };
-    const dropdownContentStyles = {
-        display: isOpen ? 'flex' : 'none',
-        flexDirection: 'column',
-        background: '#FFFFFF',
-        // background: "#F7F8FA",
-        position: 'absolute',
-        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
-        border: '1px solid #e7e7e7',
-        boxSizing: 'border-box',
-        zIndex: 1,
-        borderRadius: 6,
-        padding: 8,
-        maxHeight: 420,
-        width: 230,
-        marginTop: 8,
-        gap: 5,
-        overflowY: 'scroll',
-    };
-    const itemStyles = {
-        // padding: "10px",
-        height: 42,
-        paddingLeft: 10,
-        paddingRight: 4,
-        paddingTop: 6,
-        paddingBottom: 6,
-        cursor: 'pointer',
-        fontSize: '14px',
-        color: theme.primaryTextColor,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        fontWeight: '500',
-    };
-    const itemHoverStyles = {
-        backgroundColor: 'rgba(56, 65, 81, 0.04)',
-        borderRadius: 6,
-    };
-    const selectedItemStyles = {
-        backgroundColor: 'rgba(56, 65, 81, 0.04)',
-        borderRadius: 6,
-        // boxShadow: "0 1px 6px 0 rgba(56, 65, 81, 0.09)",
-        fontWeight: '500',
-        // border: "1px solid #e7e7e7",
-    };
-    const promoteStyles = {
-        color: theme.primaryTextColor,
-        cursor: 'pointer',
-        fontSize: '13px',
-        border: isPromoteHovered ? '1px solid #e7e7e7' : '1px solid transparent',
-        backgroundColor: isPromoteHovered ? 'white' : undefined,
-        boxShadow: isPromoteHovered
-            ? '0px 1px 12px 0px rgba(56, 65, 81, 0.1)'
-            : undefined,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 7,
-        paddingRight: 9,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderRadius: 4,
-        gap: 3,
-    };
-    const clientStyles = {
-        color: theme.primaryTextColor,
-        cursor: 'pointer',
-        fontSize: '13px',
-        border: '1px solid transparent',
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 7,
-        paddingRight: 9,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderRadius: 4,
-        gap: 3,
-    };
-    const itemTextStyles = {
-        // marginRight: "30px",
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    };
-    if (client && client._id === '642ee580e45ecb91213b44aa') {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                background: '#f7f7f7',
-                borderRadius: 6,
-                height: 38,
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                paddingLeft: 4,
-                paddingRight: 4,
-            }, children: [(0, jsx_runtime_1.jsx)("button", { style: {
-                        background: environment === 'PRODUCTION' ? 'white' : undefined,
-                        color: environment === 'PRODUCTION' ? '#384151' : '#677389',
-                        fontWeight: environment === 'PRODUCTION' ? '600' : '500',
-                        borderRadius: 4,
-                        paddingLeft: 6,
-                        paddingRight: 6,
-                        paddingTop: 3,
-                        paddingBottom: 3,
-                        fontSize: 16,
-                    }, onClick: () => setEnvironment('PRODUCTION'), children: "Production" }), (0, jsx_runtime_1.jsx)("button", { style: {
-                        background: environment === 'STAGING' ? 'white' : undefined,
-                        color: environment === 'STAGING' ? '#384151' : '#677389',
-                        fontWeight: environment === 'STAGING' ? '600' : '500',
-                        borderRadius: 4,
-                        paddingLeft: 6,
-                        paddingRight: 6,
-                        paddingTop: 3,
-                        paddingBottom: 3,
-                        fontSize: 16,
-                    }, onClick: () => setEnvironment('STAGING'), children: "Staging" })] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: dropdownStyles, ref: popoverRef, children: [(0, jsx_runtime_1.jsx)("button", { 
-                // onMouseEnter={() => setIsOpen(true)}
-                onClick: () => setIsOpen((isOpen) => !isOpen), style: triggerButtonStyles, children: client ? client.name : 'Select environment' }), (0, jsx_runtime_1.jsx)("div", { style: dropdownContentStyles, children: !!clients.length &&
-                    clients.map((item) => ((0, jsx_runtime_1.jsxs)("div", { onClick: client && client._id !== item._id
-                            ? () => handleItemClick(item)
-                            : undefined, style: {
-                            ...itemStyles,
-                            ...(hoveredItemId === item._id ? itemHoverStyles : {}),
-                            ...(client && client._id === item._id
-                                ? selectedItemStyles
-                                : {}),
-                        }, onMouseEnter: () => setHoveredItemId(item._id), onMouseLeave: () => setHoveredItemId(null), children: [(0, jsx_runtime_1.jsx)("span", { onClick: client && client._id === item._id
-                                    ? () => handleItemClick(item)
-                                    : undefined, style: {
-                                    ...clientStyles,
-                                }, children: item.name }), client && client._id === item._id && ((0, jsx_runtime_1.jsxs)("div", { onClick: (e) => handlePromoteClick(e, item), style: {
-                                    ...promoteStyles,
-                                    visibility: showPromote ? 'visible' : 'hidden',
-                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", height: "16px", width: "16px", children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.25 10.25a.75.75 0 0 0 1.5 0V4.56l2.22 2.22a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06l2.22-2.22v5.69Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.5 9.75a.75.75 0 0 0-1.5 0v1.5A2.75 2.75 0 0 0 4.75 14h6.5A2.75 2.75 0 0 0 14 11.25v-1.5a.75.75 0 0 0-1.5 0v1.5c0 .69-.56 1.25-1.25 1.25h-6.5c-.69 0-1.25-.56-1.25-1.25v-1.5Z" })] }), "Promote"] }))] }, item._id))) }), (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
-                    height: '20px',
-                    width: '20px',
-                    flex: 'none',
-                    position: 'absolute',
-                    right: 8,
-                    top: 9.5,
-                    color: '#6C727F',
-                }, "aria-hidden": "true" })] }));
-}
-exports.default = EnvSelectPopover;

package/dist/cjs/components/SqlViewTile.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-export default function SqlViewTile({ query, name, header2Style, header1Style, }: {
-    query: string;
-    name: string;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SqlViewTile.d.ts.map

package/dist/cjs/components/SqlViewTile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SqlViewTile.d.ts","sourceRoot":"","sources":["../../../src/components/SqlViewTile.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,2CAuEA"}

package/dist/cjs/components/SqlViewTile.js

@@ -1,69 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const nightOwlLight_1 = __importDefault(require("prism-react-renderer/themes/nightOwlLight"));
-const prism_react_renderer_1 = __importStar(require("prism-react-renderer"));
-function SqlViewTile({ query, name, header2Style, header1Style, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            // height: '30px',
-            // width: '40px',
-            width: '100%',
-            height: 200,
-            display: 'flex',
-            flexDirection: 'column',
-            border: '1px solid #e7e7e7',
-            borderRadius: 6,
-            padding: '12px',
-            background: 'white',
-        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                    ...header1Style,
-                    maxWidth: '100%',
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    fontSize: 15,
-                    color: '#212121',
-                }, children: name }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    backgroundColor: '#FBFBFB',
-                    height: '100%',
-                    borderRadius: 6,
-                    fontSize: 14,
-                    overflow: 'hidden',
-                    border: '1px solid #e7e7e7',
-                }, children: (0, jsx_runtime_1.jsx)(prism_react_renderer_1.default, { ...prism_react_renderer_1.defaultProps, theme: nightOwlLight_1.default, code: query, language: "sql", children: ({ className, style, tokens, getLineProps, getTokenProps }) => ((0, jsx_runtime_1.jsx)("pre", { className: className, style: {
-                            ...style,
-                            textAlign: 'left',
-                            margin: '1em 0',
-                            padding: '0.5em',
-                            overflow: 'scroll',
-                            height: 130,
-                            maxWidth: 520,
-                        }, children: tokens.map((line, i) => ((0, jsx_runtime_1.jsx)("div", { ...getLineProps({ line, key: i }), children: line.map((token, key) => ((0, jsx_runtime_1.jsx)("span", { ...getTokenProps({ token, key }) }, key))) }, i))) })) }) })] }));
-}
-exports.default = SqlViewTile;

package/dist/cjs/forms/client_onboard/CreateSqlViews.d.ts

@@ -1,24 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColumnsByTable } from '../../utils/table';
-import { SchemaDetails } from '../../utils/schema';
-import { ConnectionType } from '../../utils/databases';
-export default function CreateSQLViews({ containerStyle, header1Style, header2Style, columnsByTable, environmentDetails, allSchemaInfo, domainName, completeOnboarding, clientId, state, }: {
-    containerStyle?: CSSProperties;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-    columnsByTable: ColumnsByTable[];
-    environmentDetails?: ConnectionType;
-    allSchemaInfo?: SchemaDetails;
-    domainName: string | undefined;
-    completeOnboarding: (client: any) => void;
-    clientId: string;
-    state: any;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ForeignKeyModal({ isOpen, setIsOpen, override, foreignKey, tableName, }: {
-    isOpen: boolean;
-    setIsOpen: (e: boolean) => void;
-    override: (e: boolean) => Promise<void>;
-    foreignKey: string | undefined;
-    tableName: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CreateSqlViews.d.ts.map

package/dist/cjs/forms/client_onboard/CreateSqlViews.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateSqlViews.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateSqlViews.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAW3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAQvD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;CACZ,2CA+aA;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,2CAkDA"}