@quillsql/react 1.0.0

package/lib/Context.js

@@ -0,0 +1,126 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, createContext, useEffect, useReducer } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var dummySetter = function () { };
+export var SchemaContext = createContext([[], dummySetter]);
+export var ColumnsContext = createContext([null, dummySetter]);
+export var RowsContext = createContext([null, dummySetter]);
+export var SelectedSidebarIndexContext = createContext([0, dummySetter]);
+export var HistoryContext = createContext([[], dummySetter]);
+export var SavedQueriesContext = createContext([[], dummySetter]);
+export var SaveQueryModalStatusContext = createContext([
+    'HIDDEN',
+    dummySetter,
+]);
+export var EditorQueryContext = createContext(['', dummySetter]);
+export var ThemeContext = createContext([null, dummySetter]);
+export var ClientContext = createContext([null, dummySetter]);
+export var CreateVisualizationModalVisibleContext = createContext([
+    false,
+    dummySetter,
+]);
+export var ActiveVisualizationContext = createContext([null, dummySetter]);
+export var QueryResultsLoadingContext = createContext([false, dummySetter]);
+export var EditVisualizationModalVisibleContext = createContext([
+    false,
+    dummySetter,
+]);
+export var ReportBuilderQueryContext = createContext(['', dummySetter]);
+export var SavedReportsQueryContext = createContext(['', dummySetter]);
+export var DashboardContext = createContext([{}, dummySetter]);
+export var DateFilterContext = createContext([{}, dummySetter]);
+var dashboardReducer = function (state, action) {
+    var _a, _b;
+    switch (action.type) {
+        case 'UPDATE_DASHBOARD_ITEM':
+            return __assign(__assign({}, state), (_a = {}, _a[action.id] = __assign(__assign({}, state[action.id]), action.data), _a));
+        case 'ADD_DASHBOARD_ITEM':
+            return __assign(__assign({}, state), (_b = {}, _b[action.id] = action.data, _b));
+        default:
+            return state;
+    }
+};
+var dateFilterReducer = function (state, action) {
+    switch (action.type) {
+        case 'SET_GLOBAL_DATE_FILTER':
+            return __assign(__assign({}, state), action.payload);
+        default:
+            return state;
+    }
+};
+export var ContextProvider = function (_a) {
+    var children = _a.children, containerStyle = _a.containerStyle, initialTheme = _a.initialTheme, publicKey = _a.publicKey, authToken = _a.authToken, customerId = _a.customerId, userId = _a.userId;
+    var _b = useState(null), client = _b[0], setClient = _b[1];
+    var _c = useState(null), theme = _c[0], setTheme = _c[1];
+    var _d = useState(null), columns = _d[0], setColumns = _d[1];
+    var _e = useState(null), rows = _e[0], setRows = _e[1];
+    var _f = useState([]), schema = _f[0], setSchema = _f[1];
+    var _g = useState(0), selectedSidebarIndex = _g[0], setSelectedSidebarIndex = _g[1];
+    var _h = useState([]), history = _h[0], setHistory = _h[1];
+    var _j = useState([]), savedQueries = _j[0], setSavedQueries = _j[1];
+    // REPORT_BUILDER, SQL_EDITOR, HIDDEN
+    var _k = useState('HIDDEN'), saveQueryModalStatus = _k[0], setSaveQueryModalStatus = _k[1];
+    var _l = useState(''), editorQuery = _l[0], setEditorQuery = _l[1];
+    var _m = useState(''), savedReportsQuery = _m[0], setSavedReportsQuery = _m[1];
+    var _o = useState(''), reportBuilderQuery = _o[0], setReportBuilderQuery = _o[1];
+    var _p = useState(false), createVisualizationModalVisible = _p[0], setCreateVisualizationModalVisible = _p[1];
+    var _q = useState(null), activeVisualization = _q[0], setActiveVisualization = _q[1];
+    var _r = useState(false), queryResultsLoading = _r[0], setQueryResultsLoading = _r[1];
+    var _s = useState(false), editVisualizationModalVisible = _s[0], setEditVisualizationModalVisible = _s[1];
+    var _t = useReducer(dashboardReducer, {}), dashboard = _t[0], dispatch = _t[1];
+    var _u = useReducer(dateFilterReducer, {}), dateFilter = _u[0], dateFilterDispatch = _u[1];
+    // SETS INITIAL THEME
+    useEffect(function () {
+        if (!theme) {
+            setTheme(__assign(__assign({}, initialTheme), { containerStyle: containerStyle }));
+        }
+    }, [initialTheme, containerStyle]);
+    // SETS INITIAL CLIENT
+    useEffect(function () {
+        if (!client) {
+            setClient({
+                customerId: customerId,
+                userId: userId,
+                authToken: authToken,
+                publicKey: publicKey,
+            });
+        }
+    }, [customerId, userId, authToken, publicKey, client]);
+    if (!theme || !client) {
+        return null;
+    }
+    return (_jsx(ClientContext.Provider, __assign({ value: [client, setClient] }, { children: _jsx(ThemeContext.Provider, __assign({ value: [theme, setTheme] }, { children: _jsx(SchemaContext.Provider, __assign({ value: [schema, setSchema] }, { children: _jsx(ColumnsContext.Provider, __assign({ value: [columns, setColumns] }, { children: _jsx(RowsContext.Provider, __assign({ value: [rows, setRows] }, { children: _jsx(SelectedSidebarIndexContext.Provider, __assign({ value: [selectedSidebarIndex, setSelectedSidebarIndex] }, { children: _jsx(HistoryContext.Provider, __assign({ value: [history, setHistory] }, { children: _jsx(SavedQueriesContext.Provider, __assign({ value: [savedQueries, setSavedQueries] }, { children: _jsx(SaveQueryModalStatusContext.Provider, __assign({ value: [saveQueryModalStatus, setSaveQueryModalStatus] }, { children: _jsx(CreateVisualizationModalVisibleContext.Provider, __assign({ value: [
+                                                createVisualizationModalVisible,
+                                                setCreateVisualizationModalVisible,
+                                            ] }, { children: _jsx(EditorQueryContext.Provider, __assign({ value: [editorQuery, setEditorQuery] }, { children: _jsx(ActiveVisualizationContext.Provider, __assign({ value: [
+                                                        activeVisualization,
+                                                        setActiveVisualization,
+                                                    ] }, { children: _jsx(QueryResultsLoadingContext.Provider, __assign({ value: [
+                                                            queryResultsLoading,
+                                                            setQueryResultsLoading,
+                                                        ] }, { children: _jsx(EditVisualizationModalVisibleContext.Provider, __assign({ value: [
+                                                                editVisualizationModalVisible,
+                                                                setEditVisualizationModalVisible,
+                                                            ] }, { children: _jsx(ReportBuilderQueryContext.Provider, __assign({ value: [
+                                                                    reportBuilderQuery,
+                                                                    setReportBuilderQuery,
+                                                                ] }, { children: _jsx(SavedReportsQueryContext.Provider, __assign({ value: [
+                                                                        savedReportsQuery,
+                                                                        setSavedReportsQuery,
+                                                                    ] }, { children: _jsx(DashboardContext.Provider, __assign({ value: { dashboard: dashboard, dispatch: dispatch } }, { children: _jsx(DateFilterContext.Provider, __assign({ value: {
+                                                                                dateFilter: dateFilter,
+                                                                                dateFilterDispatch: dateFilterDispatch,
+                                                                            } }, { children: children })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })));
+};
+//# sourceMappingURL=Context.js.map

package/lib/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../src/Context.tsx"],"names":[],"mappings":"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"}

package/lib/ContextProvider.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const SchemaContext: React.Context<unknown>;
+export declare const ColumnsContext: React.Context<unknown>;
+export declare const RowsContext: React.Context<unknown>;
+export declare const SelectedSidebarIndexContext: React.Context<unknown>;
+export declare const HistoryContext: React.Context<unknown>;
+export declare const SavedQueriesContext: React.Context<unknown>;
+export declare const SaveQueryModalStatusContext: React.Context<unknown>;
+export declare const EditorQueryContext: React.Context<unknown>;
+export declare const ThemeContext: React.Context<unknown>;
+export declare const ClientContext: React.Context<unknown>;
+export declare const CreateVisualizationModalVisibleContext: React.Context<unknown>;
+export declare const ActiveVisualizationContext: React.Context<unknown>;
+export declare const QueryResultsLoadingContext: React.Context<unknown>;
+export declare const EditVisualizationModalVisibleContext: React.Context<unknown>;
+export declare const ReportBuilderQueryContext: React.Context<unknown>;
+export declare const SavedReportsQueryContext: React.Context<unknown>;
+export declare const DashboardUpdateContext: React.Context<unknown>;
+export declare const DashboardStateContext: React.Context<unknown>;
+export declare const ContextProvider: ({ children, containerStyle, initialTheme, publicKey, authToken, customerId, userId, }: {
+    children: any;
+    containerStyle: any;
+    initialTheme: any;
+    publicKey: any;
+    authToken: any;
+    customerId: any;
+    userId: any;
+}) => JSX.Element | null;

package/lib/ContextProvider.js

@@ -0,0 +1,93 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+export var SchemaContext = React.createContext();
+export var ColumnsContext = React.createContext();
+export var RowsContext = React.createContext();
+export var SelectedSidebarIndexContext = React.createContext();
+export var HistoryContext = React.createContext();
+export var SavedQueriesContext = React.createContext();
+export var SaveQueryModalStatusContext = React.createContext();
+export var EditorQueryContext = React.createContext();
+export var ThemeContext = React.createContext();
+export var ClientContext = React.createContext();
+export var CreateVisualizationModalVisibleContext = React.createContext();
+export var ActiveVisualizationContext = React.createContext();
+export var QueryResultsLoadingContext = React.createContext();
+export var EditVisualizationModalVisibleContext = React.createContext();
+export var ReportBuilderQueryContext = React.createContext();
+export var SavedReportsQueryContext = React.createContext();
+export var DashboardUpdateContext = React.createContext();
+export var DashboardStateContext = React.createContext();
+export var ContextProvider = function (_a) {
+    var children = _a.children, containerStyle = _a.containerStyle, initialTheme = _a.initialTheme, publicKey = _a.publicKey, authToken = _a.authToken, customerId = _a.customerId, userId = _a.userId;
+    var _b = useState(null), client = _b[0], setClient = _b[1];
+    var _c = useState(null), theme = _c[0], setTheme = _c[1];
+    var _d = useState(null), columns = _d[0], setColumns = _d[1];
+    var _e = useState(null), rows = _e[0], setRows = _e[1];
+    var _f = useState([]), schema = _f[0], setSchema = _f[1];
+    var _g = useState(0), selectedSidebarIndex = _g[0], setSelectedSidebarIndex = _g[1];
+    var _h = useState([]), history = _h[0], setHistory = _h[1];
+    var _j = useState([]), savedQueries = _j[0], setSavedQueries = _j[1];
+    // REPORT_BUILDER, SQL_EDITOR, HIDDEN
+    var _k = useState('HIDDEN'), saveQueryModalStatus = _k[0], setSaveQueryModalStatus = _k[1];
+    var _l = useState(''), editorQuery = _l[0], setEditorQuery = _l[1];
+    var _m = useState(''), savedReportsQuery = _m[0], setSavedReportsQuery = _m[1];
+    var _o = useState(''), reportBuilderQuery = _o[0], setReportBuilderQuery = _o[1];
+    var _p = useState(false), createVisualizationModalVisible = _p[0], setCreateVisualizationModalVisible = _p[1];
+    var _q = useState(null), activeVisualization = _q[0], setActiveVisualization = _q[1];
+    var _r = useState(false), queryResultsLoading = _r[0], setQueryResultsLoading = _r[1];
+    var _s = useState(false), editVisualizationModalVisible = _s[0], setEditVisualizationModalVisible = _s[1];
+    // SEPARATED INTO TWO CONTEXTS TO PREVENT RERENDER
+    var _t = useState({}), dashboard = _t[0], setDashboard = _t[1];
+    // SETS INITIAL THEME
+    useEffect(function () {
+        if (!theme) {
+            setTheme(__assign(__assign({}, initialTheme), { containerStyle: containerStyle }));
+        }
+    }, [initialTheme, containerStyle]);
+    // SETS INITIAL CLIENT
+    useEffect(function () {
+        if (!client) {
+            setClient({
+                customerId: customerId,
+                userId: userId,
+                authToken: authToken,
+                publicKey: publicKey,
+            });
+        }
+    }, [customerId, userId, authToken, publicKey, client]);
+    if (!theme || !client) {
+        return null;
+    }
+    return (_jsx(ClientContext.Provider, __assign({ value: [client, setClient] }, { children: _jsx(ThemeContext.Provider, __assign({ value: [theme, setTheme] }, { children: _jsx(SchemaContext.Provider, __assign({ value: [schema, setSchema] }, { children: _jsx(ColumnsContext.Provider, __assign({ value: [columns, setColumns] }, { children: _jsx(RowsContext.Provider, __assign({ value: [rows, setRows] }, { children: _jsx(SelectedSidebarIndexContext.Provider, __assign({ value: [selectedSidebarIndex, setSelectedSidebarIndex] }, { children: _jsx(HistoryContext.Provider, __assign({ value: [history, setHistory] }, { children: _jsx(SavedQueriesContext.Provider, __assign({ value: [savedQueries, setSavedQueries] }, { children: _jsx(SaveQueryModalStatusContext.Provider, __assign({ value: [saveQueryModalStatus, setSaveQueryModalStatus] }, { children: _jsx(CreateVisualizationModalVisibleContext.Provider, __assign({ value: [
+                                                createVisualizationModalVisible,
+                                                setCreateVisualizationModalVisible,
+                                            ] }, { children: _jsx(EditorQueryContext.Provider, __assign({ value: [editorQuery, setEditorQuery] }, { children: _jsx(ActiveVisualizationContext.Provider, __assign({ value: [
+                                                        activeVisualization,
+                                                        setActiveVisualization,
+                                                    ] }, { children: _jsx(QueryResultsLoadingContext.Provider, __assign({ value: [
+                                                            queryResultsLoading,
+                                                            setQueryResultsLoading,
+                                                        ] }, { children: _jsx(EditVisualizationModalVisibleContext.Provider, __assign({ value: [
+                                                                editVisualizationModalVisible,
+                                                                setEditVisualizationModalVisible,
+                                                            ] }, { children: _jsx(ReportBuilderQueryContext.Provider, __assign({ value: [
+                                                                    reportBuilderQuery,
+                                                                    setReportBuilderQuery,
+                                                                ] }, { children: _jsx(SavedReportsQueryContext.Provider, __assign({ value: [
+                                                                        savedReportsQuery,
+                                                                        setSavedReportsQuery,
+                                                                    ] }, { children: _jsx(DashboardStateContext.Provider, __assign({ value: dashboard }, { children: _jsx(DashboardUpdateContext.Provider, __assign({ value: setDashboard }, { children: children })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })));
+};
+//# sourceMappingURL=ContextProvider.js.map

package/lib/ContextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextProvider.js","sourceRoot":"","sources":["../src/ContextProvider.tsx"],"names":[],"mappings":"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"}

package/lib/Dashboard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DashboardProps {
+    name?: string;
+    containerStyle?: React.CSSProperties;
+    maxColumnWidth?: number;
+    rowHeight?: number;
+}
+export default function Dashboard({ name, containerStyle, maxColumnWidth, rowHeight, }: DashboardProps): JSX.Element | null;
+export {};

package/lib/Dashboard.js

@@ -0,0 +1,271 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect, useState } from 'react';
+import Chart from './Chart';
+import { ClientContext, DateFilterContext, } from './Context';
+import { startOfToday, sub } from 'date-fns';
+import { DateRangePicker } from './DateRangePicker/index';
+var theme = {
+    fontFamily: 'Inter; Helvetica',
+    primaryTextColor: '#212121',
+    secondaryTextColor: '#6C727F',
+    chartLabelColor: '#666666',
+    chartTickColor: '#CCCCCC',
+    chartColors: ['#6269E9', '#E14F62'],
+};
+export default function Dashboard(_a) {
+    var name = _a.name, containerStyle = _a.containerStyle, maxColumnWidth = _a.maxColumnWidth, rowHeight = _a.rowHeight;
+    var _b = useState(null), dashboardSections = _b[0], setDashboardSections = _b[1];
+    var _c = useContext(ClientContext), client = _c[0], _ = _c[1];
+    var _d = useContext(DateFilterContext), dateFilter = _d.dateFilter, dateFilterDispatch = _d.dateFilterDispatch;
+    var setGlobalDateFilter = function (startDate, endDate) {
+        dateFilterDispatch({
+            type: 'SET_GLOBAL_DATE_FILTER',
+            payload: { startDate: startDate, endDate: endDate },
+        });
+    };
+    React.useEffect(function () {
+        function getDashboards() {
+            return __awaiter(this, void 0, void 0, function () {
+                var publicKey, customerId, authToken, response, data, error_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            publicKey = client.publicKey, customerId = client.customerId, authToken = client.authToken;
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 4, , 5]);
+                            return [4 /*yield*/, fetch("https://quill-344421.uc.r.appspot.com/dashboardsections/".concat(publicKey, "/").concat(customerId, "/"))];
+                        case 2:
+                            response = _a.sent();
+                            if (!response.ok) {
+                                throw new Error("HTTP error! Status: ".concat(response.status));
+                            }
+                            return [4 /*yield*/, response.json()];
+                        case 3:
+                            data = _a.sent();
+                            setDashboardSections(data);
+                            return [3 /*break*/, 5];
+                        case 4:
+                            error_1 = _a.sent();
+                            console.error('Error fetching data:', error_1);
+                            return [3 /*break*/, 5];
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        getDashboards();
+    }, []);
+    var onChangeDateFilter = function (dateFilter) {
+        setGlobalDateFilter(dateFilter[0], dateFilter[1]);
+    };
+    useEffect(function () {
+        // change to be set on the dashboard / section as default date range
+        dateFilterDispatch({
+            type: 'SET_GLOBAL_DATE_FILTER',
+            payload: {
+                startDate: sub(startOfToday(), { days: 90 }),
+                endDate: new Date(),
+            },
+        });
+    }, []);
+    if (!dashboardSections) {
+        return null;
+    }
+    return (_jsxs("div", __assign({ style: containerStyle }, { children: [_jsx("div", __assign({ style: { width: 420, marginLeft: 25, marginBottom: 25 } }, { children: _jsx(DateRangePicker
+                // change to be set on the dashboard / section as default date range
+                , { 
+                    // change to be set on the dashboard / section as default date range
+                    defaultValue: [undefined, undefined, '90d'], onValueChange: onChangeDateFilter }) })), Object.keys(dashboardSections)
+                .sort(function (a, b) {
+                return a.length - b.length;
+            })
+                .map(function (section, sectionIndex) {
+                return (_jsxs("div", __assign({ style: {
+                        width: '100%',
+                        display: 'flex',
+                        flexDirection: 'column',
+                    } }, { children: [_jsxs("div", __assign({ style: { display: 'flex', flexDirection: 'column' } }, { children: [_jsx("div", { style: { height: sectionIndex > 0 ? 25 : 0 } }), section && (_jsx("h1", __assign({ style: {
+                                        fontSize: 22,
+                                        // color: theme.fontColor,
+                                        fontFamily: theme.fontFamily,
+                                        fontWeight: 'bold',
+                                        // fontWeight: theme.headerFontWeight,
+                                        marginBottom: 16,
+                                        marginLeft: 25,
+                                        textAlign: 'left',
+                                        marginTop: 12,
+                                    } }, { children: section })))] })), _jsx("div", __assign({ style: {
+                                width: "100%",
+                                listStyleType: 'none',
+                                marginBottom: 50,
+                                display: 'grid',
+                                gridGap: 25,
+                                gridTemplateColumns: "repeat(auto-fill,minmax(".concat(maxColumnWidth || 400, "px, 1fr))"),
+                                // gridTemplateRows: `repeat(${170}px)`,
+                            } }, { children: dashboardSections[section]
+                                .filter(function (elem) { return elem.chartType === 'metric'; })
+                                .map(function (elem, index) {
+                                return (_jsx("div", __assign({ 
+                                    // onClick={() => handleEditDashboardItem(elem)}
+                                    // className="shadow"
+                                    style: {
+                                        // background: theme.elevatedCardColor,
+                                        // borderRadius: theme.borderRadius,
+                                        // boxShadow: theme.boxShadow,
+                                        height: '100%',
+                                        cursor: 'pointer',
+                                        width: '100%',
+                                    } }, { children: _jsx("div", __assign({ style: {
+                                            width: '100%',
+                                            height: '100%',
+                                        } }, { children: _jsx("div", __assign({ style: {
+                                                width: '100%',
+                                                height: '100%',
+                                            } }, { children: _jsxs("div", __assign({ style: {
+                                                    display: 'flex',
+                                                    flexDirection: 'column',
+                                                    justifyContent: 'space-between',
+                                                } }, { children: [_jsx("div", __assign({ style: {
+                                                            display: 'flex',
+                                                            flexDirection: 'row',
+                                                            justifyContent: 'space-between',
+                                                            // alignItems: 'center',
+                                                            // paddingLeft: theme.padding,
+                                                            // paddingRight: theme.padding,
+                                                            // paddingTop: theme.padding,
+                                                        } }, { children: _jsx("div", __assign({ style: {
+                                                                fontFamily: theme.fontFamily,
+                                                                color: '#394150',
+                                                                fontSize: 18,
+                                                                fontWeight: '500',
+                                                                // fontSize: theme.headerFontSize,
+                                                                // color: theme.fontColor,
+                                                                // fontWeight: theme.headerFontWeight,
+                                                                textOverflow: 'ellipsis',
+                                                                margin: 0,
+                                                                marginLeft: 25,
+                                                                padding: 0,
+                                                                whiteSpace: 'nowrap',
+                                                                display: 'block',
+                                                                maxWidth: '100%',
+                                                                overflow: 'hidden',
+                                                            } }, { children: elem.name })) })), _jsx("div", __assign({ style: { padding: 0 } }, { children: _jsx(Chart, { containerStyle: {
+                                                                display: 'flex',
+                                                                width: '100%',
+                                                                height: 120,
+                                                                marginBottom: 50,
+                                                                marginTop: 20,
+                                                            }, chartId: elem._id, colors: ['#6269E9', '#E14F62'] }) }))] })) })) })) }), elem.name + '' + index));
+                            }) })), _jsx("div", __assign({ style: {
+                                width: "100%",
+                                listStyleType: 'none',
+                                display: 'grid',
+                                gridGap: 25,
+                                gridTemplateColumns: "repeat(auto-fill,minmax(".concat(maxColumnWidth || 400, "px, 1fr))"),
+                                gridTemplateRows: "repeat(auto-fill, ".concat(rowHeight || 400, "px)"),
+                            } }, { children: dashboardSections[section]
+                                .filter(function (elem) { return elem.chartType !== 'metric'; })
+                                .map(function (elem, index) {
+                                return (_jsx("div", __assign({ 
+                                    // onClick={() => handleEditDashboardItem(elem)}
+                                    // className="shadow"
+                                    style: {
+                                        // background: theme.elevatedCardColor,
+                                        // borderRadius: theme.borderRadius,
+                                        // boxShadow: theme.boxShadow,
+                                        height: '100%',
+                                        cursor: 'pointer',
+                                        width: '100%',
+                                    } }, { children: _jsx("div", __assign({ style: {
+                                            width: '100%',
+                                            height: '100%',
+                                        } }, { children: _jsx("div", __assign({ style: {
+                                                width: '100%',
+                                                height: '100%',
+                                            } }, { children: _jsxs("div", __assign({ style: {
+                                                    display: 'flex',
+                                                    flexDirection: 'column',
+                                                    justifyContent: 'space-between',
+                                                } }, { children: [_jsx("div", __assign({ style: {
+                                                            display: 'flex',
+                                                            flexDirection: 'row',
+                                                            justifyContent: 'space-between',
+                                                            // alignItems: 'center',
+                                                            // paddingLeft: theme.padding,
+                                                            // paddingRight: theme.padding,
+                                                            // paddingTop: theme.padding,
+                                                        } }, { children: _jsx("div", __assign({ style: {
+                                                                fontFamily: theme.fontFamily,
+                                                                color: '#394150',
+                                                                fontSize: 18,
+                                                                fontWeight: '500',
+                                                                // fontSize: theme.headerFontSize,
+                                                                // color: theme.fontColor,
+                                                                // fontWeight: theme.headerFontWeight,
+                                                                textOverflow: 'ellipsis',
+                                                                margin: 0,
+                                                                marginLeft: 25,
+                                                                padding: 0,
+                                                                whiteSpace: 'nowrap',
+                                                                display: 'block',
+                                                                maxWidth: '100%',
+                                                                overflow: 'hidden',
+                                                            } }, { children: elem.name })) })), _jsx("div", __assign({ style: { padding: 0 } }, { children: _jsx(Chart, { containerStyle: {
+                                                                display: 'flex',
+                                                                width: '100%',
+                                                                height: 300,
+                                                                marginBottom: 50,
+                                                                marginTop: 30,
+                                                            }, chartId: elem._id, colors: ['#6269E9', '#E14F62'] }) }))] })) })) })) }), elem.name + '' + index));
+                            }) }))] }), section + '' + sectionIndex));
+            })] })));
+}
+//# sourceMappingURL=Dashboard.js.map

package/lib/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"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"}

package/lib/DateRangePicker/Calendar.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const colStartClasses: string[];
+export interface CalendarProps {
+    enableYearPagination: boolean;
+    anchorDate: Date;
+    setStartOfCurrMonth: Dispatch<SetStateAction<Date | null>>;
+    startDate: Date | null;
+    endDate: Date | null;
+    minDate: Date | null;
+    maxDate: Date | null;
+    onDateClick: (date: Date) => void;
+    locale: Locale;
+}
+declare const Calendar: ({ enableYearPagination, anchorDate, setStartOfCurrMonth, startDate, endDate, minDate, maxDate, onDateClick, locale, }: CalendarProps) => JSX.Element;
+export default Calendar;