blixify-ui-web 1.2.155 → 1.2.156

package/lib/components/data/dataTemplate/chartView.js

@@ -0,0 +1,391 @@
+"use strict";
+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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleCreateDefaultChart = void 0;
+exports.ChartView = ChartView;
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = __importStar(require("react"));
+var button_1 = require("../../action/button");
+var textButton_1 = require("../../action/textButton");
+var emptyState_1 = require("../../display/emptyState");
+var modal_1 = require("../../display/modal");
+var select_1 = require("../../input/select");
+var textInput_1 = require("../../input/textInput");
+var dataGraph_1 = require("../dataGraph");
+var chartEmoji_1 = require("./chartEmoji");
+var chartEmojiPicker_1 = require("./chartEmojiPicker");
+var CHART_TYPES = [
+    { key: "card", label: "Card", icon: react_1.default.createElement(outline_1.HashtagIcon, { className: "h-6 w-6" }) },
+    { key: "bar", label: "Bar", icon: react_1.default.createElement(outline_1.ChartBarIcon, { className: "h-6 w-6" }) },
+    {
+        key: "line",
+        label: "Line",
+        icon: react_1.default.createElement(outline_1.PresentationChartLineIcon, { className: "h-6 w-6" }),
+    },
+    { key: "pie", label: "Pie", icon: react_1.default.createElement(outline_1.ChartPieIcon, { className: "h-6 w-6" }) },
+    {
+        key: "radar",
+        label: "Radar",
+        icon: react_1.default.createElement(outline_1.CubeTransparentIcon, { className: "h-6 w-6" }),
+    },
+    {
+        key: "table",
+        label: "Table",
+        icon: react_1.default.createElement(outline_1.TableCellsIcon, { className: "h-6 w-6" }),
+    },
+];
+// INFO: the looks each type's component already draws, keyed by chart type
+var STYLE_OPTIONS = {
+    bar: [
+        { key: "row", label: "Horizontal" },
+        { key: "col", label: "Vertical" },
+    ],
+    pie: [
+        { key: "donut", label: "Donut" },
+        { key: "pie", label: "Pie" },
+    ],
+};
+// INFO: written out in full so Tailwind finds every class in the source; a
+// class built from a template string is dropped from a consumer's CSS build
+var CHART_WIDTH_CLASS = {
+    1: "col-span-1",
+    2: "col-span-1 sm:col-span-2",
+    3: "col-span-1 sm:col-span-2 lg:col-span-3",
+    4: "col-span-1 sm:col-span-2 lg:col-span-4",
+};
+var WIDTH_OPTIONS = [1, 2, 3, 4].map(function (eachWidth) { return ({
+    key: "".concat(eachWidth),
+    label: "".concat(eachWidth, " of 4"),
+}); });
+var GROUPED_CHART_TYPES = ["bar", "pie", "radar", "table"];
+var handleGetColumnOptions = function (structure, type) {
+    return structure
+        .filter(function (eachColumn) { return eachColumn.type === type; })
+        .map(function (eachColumn) {
+        var _a;
+        return ({
+            key: eachColumn.id,
+            label: (_a = eachColumn.name) !== null && _a !== void 0 ? _a : eachColumn.id,
+        });
+    });
+};
+// INFO: one query per list value, so each slice or bar is one value of the
+// column, labelled the way the table labels it
+var handleBuildGroupQuery = function (structure, columnId) {
+    var _a;
+    var column = structure.find(function (eachColumn) { return eachColumn.id === columnId; });
+    var values = (_a = column === null || column === void 0 ? void 0 : column.listSelection) !== null && _a !== void 0 ? _a : [];
+    return {
+        query: values.map(function (eachValue) { return ({
+            type: "=",
+            queryId: columnId,
+            value: eachValue,
+        }); }),
+        seriesLabels: values.map(function (eachValue, index) { var _a, _b; return (_b = (_a = column === null || column === void 0 ? void 0 : column.listSelectionLabel) === null || _a === void 0 ? void 0 : _a[index]) !== null && _b !== void 0 ? _b : eachValue; }),
+    };
+};
+var handleGetGroupColumnId = function (chart) { var _a, _b, _c; return (_c = (_b = (_a = chart.query) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.queryId) !== null && _c !== void 0 ? _c : ""; };
+// INFO: a chart is only saved once it can draw — a group chart with no column
+// to group by or a line with no time axis would render empty
+var handleCheckChartValid = function (chart) {
+    var _a;
+    if (!chart.title.trim())
+        return false;
+    if (GROUPED_CHART_TYPES.includes(chart.type) && chart.query.length === 0)
+        return false;
+    if (chart.type === "line" && !chart.queryBaseDateId)
+        return false;
+    if ((chart.queryBaseType === "sum" ||
+        chart.queryBaseType === "avg" ||
+        chart.type === "radar") &&
+        !((_a = chart.queryAttributeId) === null || _a === void 0 ? void 0 : _a.length))
+        return false;
+    return true;
+};
+var handleCreateDefaultChart = function (collectionId, title) { return ({
+    title: title,
+    type: "card",
+    gridSize: 1,
+    spaceId: collectionId,
+    query: [],
+    queryBaseType: "count",
+    cardEmoji: "📊",
+}); };
+exports.handleCreateDefaultChart = handleCreateDefaultChart;
+function ChartBuilder(props) {
+    var _a, _b;
+    var _c = (0, react_1.useState)(props.chart), draft = _c[0], setDraft = _c[1];
+    var _d = (0, react_1.useState)(false), emojiPickerOpen = _d[0], setEmojiPickerOpen = _d[1];
+    var listOptions = handleGetColumnOptions(props.structure, "list");
+    var numberOptions = handleGetColumnOptions(props.structure, "number");
+    var dateOptions = handleGetColumnOptions(props.structure, "date");
+    var isGrouped = GROUPED_CHART_TYPES.includes(draft.type);
+    var isValid = handleCheckChartValid(draft);
+    var previewChart = __assign(__assign({}, draft), { title: draft.title || "Preview", cardSize: (_a = draft.cardSize) !== null && _a !== void 0 ? _a : "compact", baseQuery: __spreadArray(__spreadArray([], ((_b = draft.baseQuery) !== null && _b !== void 0 ? _b : []), true), props.filterQuery, true) });
+    var handleCheckTypeAvailable = function (type) {
+        switch (type) {
+            case "bar":
+            case "pie":
+            case "table":
+                return listOptions.length > 0;
+            case "line":
+                return dateOptions.length > 0;
+            case "radar":
+                return listOptions.length > 0 && numberOptions.length > 0;
+            default:
+                return true;
+        }
+    };
+    var handleUpdateDraft = function (update) {
+        setDraft(function (prev) { return (__assign(__assign({}, prev), update)); });
+    };
+    // INFO: switching type fills whatever the new type cannot draw without, so
+    // a picked type is a working chart straight away
+    var handleSelectType = function (type) {
+        var _a, _b, _c;
+        var update = { type: type };
+        if (GROUPED_CHART_TYPES.includes(type)) {
+            if (!draft.query.length && listOptions[0])
+                Object.assign(update, handleBuildGroupQuery(props.structure, listOptions[0].key));
+        }
+        else {
+            update.query = [];
+            update.seriesLabels = undefined;
+        }
+        if (type === "line" && !draft.queryBaseDateId)
+            update.queryBaseDateId = (_a = dateOptions[0]) === null || _a === void 0 ? void 0 : _a.key;
+        if (type === "radar") {
+            if (draft.queryBaseType !== "sum" && draft.queryBaseType !== "avg")
+                update.queryBaseType = "sum";
+            if (!((_b = draft.queryAttributeId) === null || _b === void 0 ? void 0 : _b.length) && numberOptions[0])
+                update.queryAttributeId = [numberOptions[0].key];
+        }
+        else if (draft.type === "radar") {
+            update.queryAttributeId = (_c = draft.queryAttributeId) === null || _c === void 0 ? void 0 : _c.slice(0, 1);
+        }
+        handleUpdateDraft(update);
+    };
+    var handleSelectMetric = function (metric) {
+        var _a;
+        handleUpdateDraft({
+            queryBaseType: metric,
+            queryAttributeId: metric === "count"
+                ? undefined
+                : ((_a = draft.queryAttributeId) === null || _a === void 0 ? void 0 : _a.length)
+                    ? draft.queryAttributeId
+                    : numberOptions[0]
+                        ? [numberOptions[0].key]
+                        : undefined,
+        });
+    };
+    var renderMetricOptions = function () {
+        var options = draft.type === "radar" ? [] : [{ key: "count", label: "Count" }];
+        if (numberOptions.length > 0) {
+            options.push({ key: "sum", label: "Sum" });
+            options.push({ key: "avg", label: "Average" });
+        }
+        return options;
+    };
+    var handleChangeEmoji = function (value) {
+        handleUpdateDraft({ cardEmoji: (0, chartEmoji_1.handleCleanChartEmoji)(value) || undefined });
+    };
+    var handleSelectEmoji = function (value) {
+        handleChangeEmoji(value);
+        setEmojiPickerOpen(false);
+    };
+    var renderEmojiInput = function () {
+        var emoji = (0, chartEmoji_1.handleCleanChartEmoji)(draft.cardEmoji);
+        return (react_1.default.createElement("div", { className: "flex flex-col" },
+            react_1.default.createElement("span", { className: "text-sm font-medium text-gray-700" }, "Emoji"),
+            react_1.default.createElement("div", { className: "mt-2 flex items-center gap-2" },
+                react_1.default.createElement("button", { type: "button", id: "chartEmoji", "aria-label": "Choose emoji", className: "flex h-12 w-12 items-center justify-center rounded-md border border-gray-300 text-2xl leading-none hover:border-primary-500", onClick: function () { return setEmojiPickerOpen(true); } }, emoji || react_1.default.createElement(outline_1.PlusIcon, { className: "h-5 w-5 text-gray-400" })),
+                emoji && (react_1.default.createElement(textButton_1.TextButton, { text: "Clear", onClick: function () { return handleChangeEmoji(""); } })))));
+    };
+    var renderEmojiPicker = function () {
+        var emoji = (0, chartEmoji_1.handleCleanChartEmoji)(draft.cardEmoji);
+        return (react_1.default.createElement("div", { className: "flex flex-col gap-3" },
+            react_1.default.createElement("div", { className: "flex flex-wrap items-center gap-1" }, chartEmoji_1.CHART_EMOJI_SUGGESTIONS.map(function (eachEmoji) { return (react_1.default.createElement("button", { key: eachEmoji, type: "button", "aria-label": "Use ".concat(eachEmoji), className: "h-8 w-8 rounded-md text-lg leading-none hover:bg-gray-100 ".concat(emoji === eachEmoji
+                    ? "bg-primary-50 ring-1 ring-primary-500"
+                    : ""), onClick: function () { return handleSelectEmoji(eachEmoji); } }, eachEmoji)); })),
+            react_1.default.createElement(chartEmojiPicker_1.ChartEmojiPicker, { onSelect: handleSelectEmoji })));
+    };
+    var renderTypePicker = function () {
+        return (react_1.default.createElement("div", { className: "grid grid-cols-3 gap-2" }, CHART_TYPES.map(function (eachType) {
+            var isAvailable = handleCheckTypeAvailable(eachType.key);
+            var isSelected = draft.type === eachType.key;
+            return (react_1.default.createElement("button", { key: eachType.key, type: "button", "data-testid": "chart-type-".concat(eachType.key), disabled: !isAvailable, className: "flex flex-col items-center gap-1 rounded-md border px-2 py-3 text-xs font-medium ".concat(isSelected
+                    ? "border-primary-500 bg-primary-50 text-primary-700"
+                    : "border-gray-200 text-gray-600 hover:border-gray-300", " ").concat(isAvailable ? "" : "cursor-not-allowed opacity-40"), onClick: function () { return handleSelectType(eachType.key); } },
+                eachType.icon,
+                eachType.label));
+        })));
+    };
+    var renderForm = function () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var isMeasured = draft.queryBaseType === "sum" || draft.queryBaseType === "avg";
+        return (react_1.default.createElement("div", { className: "flex flex-col gap-4" },
+            react_1.default.createElement(textInput_1.TextInput, { id: "chartTitle", type: "text", label: "Title", placeholder: "eg. Orders By Status", value: draft.title, onChange: function (e) { return handleUpdateDraft({ title: e.target.value }); } }),
+            renderTypePicker(),
+            draft.type === "card" && renderEmojiInput(),
+            STYLE_OPTIONS[draft.type] && (react_1.default.createElement(select_1.Select, { portalDropdown: true, id: "chartStyle", label: "Style", options: STYLE_OPTIONS[draft.type], value: (_a = (draft.type === "bar" ? draft.orientation : draft.pieType)) !== null && _a !== void 0 ? _a : STYLE_OPTIONS[draft.type][0].key, onChange: function (value) {
+                    return handleUpdateDraft(draft.type === "bar"
+                        ? { orientation: value }
+                        : { pieType: value });
+                }, staticDropdown: true })),
+            react_1.default.createElement(select_1.Select, { portalDropdown: true, id: "chartMetric", label: "Measure", options: renderMetricOptions(), value: (_b = draft.queryBaseType) !== null && _b !== void 0 ? _b : "count", onChange: function (value) {
+                    return handleSelectMetric(value);
+                }, staticDropdown: true }),
+            isMeasured && (react_1.default.createElement(select_1.Select, { portalDropdown: true, id: "chartAttribute", label: "Of", options: numberOptions, value: draft.type === "radar"
+                    ? ((_c = draft.queryAttributeId) !== null && _c !== void 0 ? _c : [])
+                    : ((_e = (_d = draft.queryAttributeId) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : ""), onChange: function (value) {
+                    return handleUpdateDraft({
+                        queryAttributeId: Array.isArray(value) ? value : [value],
+                    });
+                }, staticDropdown: true })),
+            isGrouped && (react_1.default.createElement(select_1.Select, { portalDropdown: true, id: "chartGroupBy", label: "Group By", options: listOptions, value: handleGetGroupColumnId(draft), onChange: function (value) {
+                    return handleUpdateDraft(handleBuildGroupQuery(props.structure, value));
+                }, staticDropdown: true })),
+            react_1.default.createElement(select_1.Select, { portalDropdown: true, id: "chartDate", label: draft.type === "line" ? "Over Time" : "Date Range On", options: draft.type === "line"
+                    ? dateOptions
+                    : __spreadArray([{ key: "", label: "None" }], dateOptions, true), value: (_f = draft.queryBaseDateId) !== null && _f !== void 0 ? _f : "", onChange: function (value) {
+                    return handleUpdateDraft({ queryBaseDateId: value || undefined });
+                }, staticDropdown: true }),
+            react_1.default.createElement(select_1.Select, { portalDropdown: true, id: "chartWidth", label: "Width", options: WIDTH_OPTIONS, value: "".concat((_g = draft.gridSize) !== null && _g !== void 0 ? _g : 1), onChange: function (value) {
+                    return handleUpdateDraft({ gridSize: Number(value) });
+                }, staticDropdown: true })));
+    };
+    var renderPreview = function () {
+        if (!isValid)
+            return react_1.default.createElement("div", { className: "h-full min-h-[16rem]" });
+        return (react_1.default.createElement(dataGraph_1.DataGraph, { charts: [previewChart], workspace: props.workspace, renderSettings: function (element) { return element; } }));
+    };
+    return (react_1.default.createElement("div", { className: "flex flex-col gap-6" },
+        react_1.default.createElement("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2" },
+            renderForm(),
+            react_1.default.createElement("div", { "data-testid": "chart-preview" }, renderPreview())),
+        react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+            react_1.default.createElement(button_1.Button, { type: "light", text: "Cancel", onClick: props.onClose }),
+            react_1.default.createElement(button_1.Button, { type: "normal", text: "Save", id: "chartSave", disable: !isValid, onClick: function () { return props.onSave(__assign(__assign({}, draft), { title: draft.title.trim() })); } })),
+        react_1.default.createElement(modal_1.Modal, { open: emojiPickerOpen, title: "Choose Emoji", maxWidth: "lg", onClose: function () { return setEmojiPickerOpen(false); }, renderContent: function () { return (emojiPickerOpen ? renderEmojiPicker() : null); } })));
+}
+function ChartView(props) {
+    // INFO: isNew inserts the saved chart at index, otherwise it replaces it
+    var _a = (0, react_1.useState)(null), editing = _a[0], setEditing = _a[1];
+    var workspace = (0, react_1.useMemo)(function () { return ({
+        apiEndpoint: props.devSettings.dbEndpoint,
+        apiEndpointToken: props.devSettings.dbAPIToken,
+        apiUserToken: props.devSettings.dbUserToken,
+        apiEndpointType: props.devSettings.server,
+    }); }, [
+        props.devSettings.dbEndpoint,
+        props.devSettings.dbAPIToken,
+        props.devSettings.dbUserToken,
+        props.devSettings.server,
+    ]);
+    var canEdit = !!props.editable && !!props.onChangeCharts;
+    var editingChart = (editing === null || editing === void 0 ? void 0 : editing.isNew)
+        ? (0, exports.handleCreateDefaultChart)(props.collectionId, "")
+        : editing
+            ? props.charts[editing.index]
+            : undefined;
+    // INFO: the table's active filters ride on every chart, so filtering the
+    // records filters what the charts count
+    var handleResolveChart = function (chart) {
+        var _a, _b;
+        return (__assign(__assign({}, chart), { spaceId: chart.spaceId || props.collectionId, cardSize: (_a = chart.cardSize) !== null && _a !== void 0 ? _a : "compact", baseQuery: __spreadArray(__spreadArray([], ((_b = chart.baseQuery) !== null && _b !== void 0 ? _b : []), true), props.filterQuery, true) }));
+    };
+    var handleSaveChart = function (chart) {
+        var _a;
+        if (!editing)
+            return;
+        var nextCharts = __spreadArray([], props.charts, true);
+        nextCharts.splice(editing.index, editing.isNew ? 0 : 1, chart);
+        (_a = props.onChangeCharts) === null || _a === void 0 ? void 0 : _a.call(props, nextCharts);
+        setEditing(null);
+    };
+    var handleRemoveChart = function (index) {
+        var _a;
+        (_a = props.onChangeCharts) === null || _a === void 0 ? void 0 : _a.call(props, props.charts.filter(function (_, eachIndex) { return eachIndex !== index; }));
+    };
+    var handleMoveChart = function (index, offset) {
+        var _a;
+        var _b;
+        var target = index + offset;
+        if (target < 0 || target >= props.charts.length)
+            return;
+        var nextCharts = __spreadArray([], props.charts, true);
+        _a = [
+            nextCharts[target],
+            nextCharts[index],
+        ], nextCharts[index] = _a[0], nextCharts[target] = _a[1];
+        (_b = props.onChangeCharts) === null || _b === void 0 ? void 0 : _b.call(props, nextCharts);
+    };
+    var renderChartActions = function (index) {
+        var iconClassName = "h-4 w-4 text-gray-400 hover:text-gray-600";
+        return (react_1.default.createElement("div", { className: "flex justify-end gap-2 pb-1" },
+            react_1.default.createElement(outline_1.PlusIcon, { role: "button", "aria-label": "Add chart before", "data-testid": "chart-add-".concat(index), className: iconClassName, onClick: function () { return setEditing({ index: index, isNew: true }); } }),
+            index > 0 && (react_1.default.createElement(outline_1.ArrowLeftIcon, { role: "button", "aria-label": "Move left", className: iconClassName, onClick: function () { return handleMoveChart(index, -1); } })),
+            index < props.charts.length - 1 && (react_1.default.createElement(outline_1.ArrowRightIcon, { role: "button", "aria-label": "Move right", className: iconClassName, onClick: function () { return handleMoveChart(index, 1); } })),
+            react_1.default.createElement(outline_1.PencilSquareIcon, { role: "button", "aria-label": "Edit chart", "data-testid": "chart-edit-".concat(index), className: iconClassName, onClick: function () { return setEditing({ index: index, isNew: false }); } }),
+            react_1.default.createElement(outline_1.TrashIcon, { role: "button", "aria-label": "Remove chart", "data-testid": "chart-remove-".concat(index), className: "h-4 w-4 text-red-600 hover:text-red-400", onClick: function () { return handleRemoveChart(index); } })));
+    };
+    var renderEmpty = function () {
+        return (react_1.default.createElement(emptyState_1.EmptyState, { text: "No charts yet", darkMode: props.darkMode, icon: react_1.default.createElement(outline_1.ChartBarIcon, { className: "h-10 text-gray-400" }), callToAction: canEdit ? (react_1.default.createElement(button_1.Button, { type: "normal", size: "small", text: "Add Chart", id: "chartAdd", onClick: function () { return setEditing({ index: 0, isNew: true }); } })) : undefined }));
+    };
+    var renderCharts = function () {
+        return (react_1.default.createElement("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4" }, props.charts.map(function (eachChart, index) {
+            var _a;
+            return (react_1.default.createElement("div", { key: "".concat(index, "-").concat(eachChart.title), "data-testid": "chart-".concat(index), className: (_a = CHART_WIDTH_CLASS[eachChart.gridSize]) !== null && _a !== void 0 ? _a : "col-span-1" },
+                canEdit && renderChartActions(index),
+                react_1.default.createElement(dataGraph_1.DataGraph, { charts: [handleResolveChart(eachChart)], workspace: workspace, renderSettings: function (element) { return element; } })));
+        })));
+    };
+    return (react_1.default.createElement("div", { className: "mt-4 flex flex-col gap-2" },
+        props.charts.length === 0 ? renderEmpty() : renderCharts(),
+        react_1.default.createElement(modal_1.Modal, { open: !!editingChart, title: (editing === null || editing === void 0 ? void 0 : editing.isNew) ? "Add Chart" : "Edit Chart", maxWidth: "4xl", darkMode: props.darkMode, darkModeBg: props.darkModeBg, onClose: function () { return setEditing(null); }, renderContent: function () {
+                return editingChart ? (react_1.default.createElement(ChartBuilder, { key: "".concat(editing === null || editing === void 0 ? void 0 : editing.index, "-").concat(editing === null || editing === void 0 ? void 0 : editing.isNew), chart: editingChart, structure: props.structure, workspace: workspace, filterQuery: props.filterQuery, onSave: handleSaveChart, onClose: function () { return setEditing(null); } })) : null;
+            } })));
+}
+//# sourceMappingURL=chartView.js.map

package/lib/components/data/dataTemplate/chartView.js.map

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

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AAgGf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoG1B,eAAO,MAAM,YAAY,mFA6pbvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AAgGf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAsG1B,eAAO,MAAM,YAAY,mFA2rbvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -160,6 +160,7 @@ var newPagination_1 = require("../../display/newPagination");
 var pagination_1 = require("./pagination");
 var referenceModal_1 = require("./referenceModal");
 var settingsModal_1 = require("./settingsModal");
+var chartView_1 = require("./chartView");
 var flexFilter_1 = require("../flexFilter");
 var viewStatePersistence_1 = require("./viewStatePersistence");
 var permissions_1 = require("./permissions");
@@ -8508,7 +8509,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (((_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) &&
             ((_b = props.organise.extendedTabs) === null || _b === void 0 ? void 0 : _b.length) > 0) {
             (_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs.map(function (eachTab) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                 var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(resolvedType, "&collection=").concat(props.collectionId);
                 if (props.id)
                     hrefPoint += "&data=".concat(props.id);
@@ -8533,6 +8534,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     // still unwound the column (it reads the raw extendedTabs) while
                     // the tile had no column to read and every file said "Attachment".
                     fileSettings: (_f = eachTab.fileSettings) !== null && _f !== void 0 ? _f : undefined,
+                    chartSettings: (_g = eachTab.chartSettings) !== null && _g !== void 0 ? _g : undefined,
                 };
                 if (eachTab.viewType === "iframe") {
                     if (typeof eachTab.src === "string") {
@@ -8547,7 +8549,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
                 if (eachTab.type === resolvedType) {
                     tabs.push(__assign(__assign(__assign({}, tabData), (isEditor &&
-                        ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.onChangeTabs) && {
+                        ((_h = props.organise) === null || _h === void 0 ? void 0 : _h.onChangeTabs) && {
                         action: (react_1.default.createElement("span", { role: "button", "data-testid": "tab-default-".concat(tabData.id), "aria-label": eachTab.defaultTab
                                 ? "Opens by default"
                                 : "Open this tab by default", className: "ml-2 self-center ".concat(eachTab.defaultTab
@@ -8557,8 +8559,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 e.preventDefault();
                                 handleToggleDefaultTab(eachTab.name);
                             } }, eachTab.defaultTab ? (react_1.default.createElement(HeroIcons.BookmarkIcon, { className: "h-4 w-4" })) : (react_1.default.createElement(BookmarkIcon_1.default, { className: "h-4 w-4" })))),
-                    })), (!((_h = props.edit) === null || _h === void 0 ? void 0 : _h.disabledTabsDeleteBtn) &&
-                        ((_j = props.organise) === null || _j === void 0 ? void 0 : _j.onChangeTabs) && {
+                    })), (!((_j = props.edit) === null || _j === void 0 ? void 0 : _j.disabledTabsDeleteBtn) &&
+                        ((_k = props.organise) === null || _k === void 0 ? void 0 : _k.onChangeTabs) && {
                         del: (react_1.default.createElement(outline_1.XMarkIcon, { className: "h-4 w-4 ml-2 self-center text-red-600 hover:text-red-400 ", onClick: function (e) {
                                 e.stopPropagation();
                                 e.preventDefault();
@@ -8613,6 +8615,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) { return (__assign(__assign({}, eachTab), { defaultTab: eachTab.name === name ? !eachTab.defaultTab : false })); });
         (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onChangeTabs) === null || _d === void 0 ? void 0 : _d.call(_c, nextTabs);
     };
+    var handleChangeTabCharts = function (tabName, charts) {
+        var _a, _b, _c, _d;
+        var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) {
+            return eachTab.name === tabName
+                ? __assign(__assign({}, eachTab), { chartSettings: charts }) : eachTab;
+        });
+        (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onChangeTabs) === null || _d === void 0 ? void 0 : _d.call(_c, nextTabs);
+    };
     var renderAddMathColumn = function (id, onClose) {
         var _a, _b, _c;
         return (react_1.default.createElement(settingsModal_1.ExpressionModal, { selectedId: id, model: structure, renderReferenceLabelOptions: (_a = props.organise) === null || _a === void 0 ? void 0 : _a.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.renderReferenceSpaceOptions, onAddModelSchema: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onAddColumns, onClose: onClose }));
@@ -9098,7 +9108,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         renderTabContent(tabs, dataType, requestedViewType),
         react_1.default.createElement("span", { ref: scrollScopeEndRef, hidden: true, "aria-hidden": "true" }))); };
     var renderTabContent = function (tabs, dataType, requestedViewType) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
         var matchedTab = tabs.find(function (eachTab) { return eachTab.id === requestedViewType; });
         /**
          * INFO: a list tab must not supply the content of a read view. The selected
@@ -10017,6 +10027,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
                     } }));
             }
+            else if (selectedTabData.viewType === "chart") {
+                return (react_1.default.createElement(chartView_1.ChartView, { charts: (_60 = selectedTabData.chartSettings) !== null && _60 !== void 0 ? _60 : [], structure: structure, collectionId: props.collectionId, devSettings: props.devSettings, filterQuery: (_61 = renderImpSearchFilterConditions()) !== null && _61 !== void 0 ? _61 : [], editable: isEditor, darkMode: (_62 = props.organise) === null || _62 === void 0 ? void 0 : _62.darkMode, darkModeBg: (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.darkModeBg, onChangeCharts: ((_64 = props.organise) === null || _64 === void 0 ? void 0 : _64.onChangeTabs)
+                        ? function (charts) {
+                            return handleChangeTabCharts(selectedTabData.name, charts);
+                        }
+                        : undefined }));
+            }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }
@@ -10142,7 +10159,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         } }))))));
         }
         else if (addTabModal) {
-            return (react_1.default.createElement(settingsModal_1.TabModal, { type: resolvedType, tabs: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.extendedTabs, onChangeTabs: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.onChangeTabs, model: structure, renderReferenceLabelOptions: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.renderReferenceLabelOptions, onClose: function () {
+            return (react_1.default.createElement(settingsModal_1.TabModal, { type: resolvedType, tabs: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.extendedTabs, onChangeTabs: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.onChangeTabs, model: structure, collectionId: props.collectionId, renderReferenceLabelOptions: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.renderReferenceLabelOptions, onClose: function () {
                     handlePopUpModal(false);
                 } }));
         }