@darajs/components 0.4.8

package/dist/plotting/plotly/plotly.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import Plot from 'react-plotly.js';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { injectCss, useAction, useComponentStyles } from '@darajs/core';
+/**
+ * Names defined by plotly.js, this is what Python will send us
+ */
+var PlotlyEventName;
+(function (PlotlyEventName) {
+    PlotlyEventName["AfterExport"] = "plotly_afterexport";
+    PlotlyEventName["AfterPlot"] = "plotly_afterplot";
+    PlotlyEventName["Animated"] = "plotly_animated";
+    PlotlyEventName["AnimatingFrame"] = "plotly_animatingframe";
+    PlotlyEventName["AnimationInterrupted"] = "plotly_animationinterrupted";
+    PlotlyEventName["AutoSize"] = "plotly_autosize";
+    PlotlyEventName["BeforeExport"] = "plotly_beforeexport";
+    PlotlyEventName["BeforeHover"] = "plotly_beforehover";
+    PlotlyEventName["ButtonClicked"] = "plotly_buttonclicked";
+    PlotlyEventName["Click"] = "plotly_click";
+    PlotlyEventName["ClickAnnotation"] = "plotly_clickannotation";
+    PlotlyEventName["Deselect"] = "plotly_deselect";
+    PlotlyEventName["DoubleClick"] = "plotly_doubleclick";
+    PlotlyEventName["Framework"] = "plotly_framework";
+    PlotlyEventName["Hover"] = "plotly_hover";
+    PlotlyEventName["LegendClick"] = "plotly_legendclick";
+    PlotlyEventName["LegendDoubleClick"] = "plotly_legenddoubleclick";
+    PlotlyEventName["Redraw"] = "plotly_redraw";
+    PlotlyEventName["Relayout"] = "plotly_relayout";
+    PlotlyEventName["Restyle"] = "plotly_restyle";
+    PlotlyEventName["Selected"] = "plotly_selected";
+    PlotlyEventName["Selecting"] = "plotly_selecting";
+    PlotlyEventName["SliderChange"] = "plotly_sliderchange";
+    PlotlyEventName["SliderEnd"] = "plotly_sliderend";
+    PlotlyEventName["SliderStart"] = "plotly_sliderstart";
+    PlotlyEventName["TransitionInterrupted"] = "plotly_transitioninterrupted";
+    PlotlyEventName["Transitioning"] = "plotly_transitioning";
+    PlotlyEventName["Unhover"] = "plotly_unhover";
+    PlotlyEventName["WebglContextLost"] = "plotly_webglcontextlost";
+})(PlotlyEventName || (PlotlyEventName = {}));
+/**
+ * eventHandlersMap maps the plotly.js event names to the names we need for Plot component props
+ */
+const eventHandlersMap = {
+    [PlotlyEventName.Click]: 'onClick',
+    [PlotlyEventName.Hover]: 'onHover',
+    [PlotlyEventName.Selecting]: 'onSelecting',
+    [PlotlyEventName.Selected]: 'onSelected',
+    [PlotlyEventName.Unhover]: 'onUnhover',
+    [PlotlyEventName.SliderChange]: 'onSliderChange',
+    [PlotlyEventName.AnimationInterrupted]: 'onAnimationInterrupted',
+    [PlotlyEventName.AnimatingFrame]: 'onAnimatingFrame',
+    [PlotlyEventName.Animated]: 'onAnimated',
+    [PlotlyEventName.BeforeHover]: 'onBeforeHover',
+    [PlotlyEventName.ButtonClicked]: 'onButtonClicked',
+    [PlotlyEventName.ClickAnnotation]: 'onClickAnnotation',
+    [PlotlyEventName.Deselect]: 'onDeselect',
+    [PlotlyEventName.DoubleClick]: 'onDoubleClick',
+    [PlotlyEventName.Framework]: 'onFramework',
+    [PlotlyEventName.LegendClick]: 'onLegendClick',
+    [PlotlyEventName.LegendDoubleClick]: 'onLegendDoubleClick',
+    [PlotlyEventName.Redraw]: 'onRedraw',
+    [PlotlyEventName.Relayout]: 'onRelayout',
+    [PlotlyEventName.Restyle]: 'onRestyle',
+    [PlotlyEventName.TransitionInterrupted]: 'onTransitionInterrupted',
+    [PlotlyEventName.Transitioning]: 'onTransitioning',
+    [PlotlyEventName.WebglContextLost]: 'onWebGlContextLost',
+    [PlotlyEventName.SliderEnd]: 'onSliderEnd',
+    [PlotlyEventName.SliderStart]: 'onSliderStart',
+    [PlotlyEventName.BeforeExport]: 'onBeforeExport',
+    [PlotlyEventName.AfterExport]: 'onAfterExport',
+    [PlotlyEventName.AfterPlot]: 'onAfterPlot',
+    [PlotlyEventName.AutoSize]: 'onAutoSize',
+};
+/**
+ *
+ * Filters the event data received from plotly to remove large objects that cause JSON stringify circular structure errors.
+ * Taken and adapted from https://github.com/plotly/dash/blob/dev/components/dash-core-components/src/fragments/Graph.react.js#L55
+ *
+ * @param figure - the plotly figure
+ * @param eventData - the data from the event
+ * @param event - the name of the event
+ * @returns - the filtered event data
+ */
+function filterEventData(figure, eventData, event) {
+    var _a;
+    let filteredEventData;
+    if ([PlotlyEventName.Click, PlotlyEventName.Hover, PlotlyEventName.Selected].includes(event)) {
+        const points = [];
+        const pointEventData = eventData;
+        if (!pointEventData) {
+            return null;
+        }
+        /*
+         * remove `data`, `layout`, `xaxis`, etc
+         * objects from the event data since they're so big
+         * and cause JSON stringify ciricular structure errors.
+         *
+         * also, pull down the `customdata` point from the data array
+         * into the event object
+         */
+        const { data } = figure;
+        for (let i = 0; i < pointEventData.points.length; i++) {
+            const fullPoint = pointEventData.points[i];
+            const pointData = Object.fromEntries(Object.entries(fullPoint).filter(([, value]) => {
+                return typeof value !== 'object' && !Array.isArray(value);
+            }));
+            // permit a bounding box to pass through, if present
+            if ('bbox' in fullPoint) {
+                pointData.bbox = fullPoint.bbox;
+            }
+            if ((fullPoint === null || fullPoint === void 0 ? void 0 : fullPoint.curveNumber) && ((_a = data[pointData.curveNumber]) === null || _a === void 0 ? void 0 : _a.customdata)) {
+                if (fullPoint.pointNumber) {
+                    if (typeof fullPoint.pointNumber === 'number') {
+                        pointData.customdata = data[pointData.curveNumber].customdata[fullPoint.pointNumber];
+                    }
+                    else if (!fullPoint.pointNumber && fullPoint.data.mode.includes('lines')) {
+                        pointData.customdata = data[pointData.curveNumber].customdata;
+                    }
+                }
+                else if ('pointNumbers' in fullPoint) {
+                    pointData.customdata = fullPoint.pointNumbers.map((point) => {
+                        return data[pointData.curveNumber].customdata[point];
+                    });
+                }
+            }
+            // specific to histogram. see https://github.com/plotly/plotly.js/pull/2113/
+            if ('pointNumbers' in fullPoint) {
+                pointData.pointNumbers = fullPoint.pointNumbers;
+            }
+            points[i] = pointData;
+        }
+        filteredEventData = { points };
+    }
+    else if (event === PlotlyEventName.Relayout || event === PlotlyEventName.Restyle) {
+        /*
+         * relayout shouldn't include any big objects
+         * it will usually just contain the ranges of the axes like
+         * "xaxis.range[0]": 0.7715822247381828,
+         * "xaxis.range[1]": 3.0095292008680063`
+         */
+        filteredEventData = eventData;
+    }
+    if ('range' in eventData) {
+        filteredEventData.range = eventData.range;
+    }
+    if ('lassoPoints' in eventData) {
+        filteredEventData.lassoPoints = eventData.lassoPoints;
+    }
+    return filteredEventData;
+}
+/**
+ *
+ * Executes the custom js for a given event
+ *
+ * @param customJs - the custom js string to execute
+ * @param eventData - the data from the event
+ * @param figure - the plotly figure
+ * @returns - the new figure obtained by the customJS function
+ */
+function executeCustomJs(customJs, eventData, figure) {
+    // function running under eval is not run underst strict mode, therefore we need to prepend it
+    const customJsFunction = `
+    return (function(data, figure) {
+      'use strict';
+      ${customJs}
+      return figure;
+    })(data, figure);
+  `;
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func
+    const userFunction = new Function('data', 'figure', customJsFunction);
+    const newFigure = userFunction(eventData, figure);
+    return newFigure;
+}
+/**
+ *
+ * For a given event type executes if defined the Dara actions and custom js. It will also update the figure object based on the custom js function.
+ *
+ * @param eventType - the name of the event
+ * @param eventData - the data from the event
+ * @param eventActions - the actions to execute
+ * @param figure - the plotly figure
+ * @param setFigure - the function to update the figure
+ */
+function handleEvent(eventType, eventData, eventActions, figure, setFigure) {
+    eventActions === null || eventActions === void 0 ? void 0 : eventActions.forEach((eventAction) => {
+        if (eventAction === null || eventAction === void 0 ? void 0 : eventAction.handler) {
+            const filteredData = filterEventData(figure, eventData, eventType);
+            eventAction.handler(filteredData.points);
+        }
+        if (eventAction === null || eventAction === void 0 ? void 0 : eventAction.custom_js) {
+            const newFigure = executeCustomJs(eventAction.custom_js, eventData, figure);
+            setFigure(newFigure);
+        }
+    });
+}
+const StyledPlotly = injectCss('div');
+/* eslint-disable no-underscore-dangle */
+/**
+ * A component for displaying Plotly graphs
+ *
+ * @param {PlotlyProps} props - the component props
+ */
+function Plotly(props) {
+    var _a, _b;
+    const [style, css] = useComponentStyles(props);
+    const [figure, setFigure] = useState(() => JSON.parse(props.figure));
+    const eventActions = new Map();
+    if (props.events) {
+        props.events.forEach((event) => {
+            var _a;
+            const actions = new Array();
+            event === null || event === void 0 ? void 0 : event.actions.forEach((action) => {
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                const actionHandler = useAction(action);
+                actions.push({ custom_js: event.custom_js, handler: actionHandler });
+            });
+            const currentActions = (_a = eventActions.get(event.event_name)) !== null && _a !== void 0 ? _a : [];
+            eventActions.set(event.event_name, [...currentActions, ...actions]);
+        });
+    }
+    // add an event handler for each Plot event, e.g. onClick, onHover, etc
+    const eventHandlers = Object.keys(eventHandlersMap).reduce((acc, key) => {
+        const eventHandlerName = eventHandlersMap[key];
+        const eventHandler = (e) => {
+            handleEvent(key, e, eventActions.get(key), figure, setFigure);
+        };
+        // we are casting to any here because there is an issue with union vs intersection of types
+        acc[eventHandlerName] = eventHandler;
+        return acc;
+    }, {});
+    return (_jsx(StyledPlotly, { "$rawCss": css, style: Object.assign({ flex: '1 1 auto', minHeight: '350px', height: (_a = figure.layout) === null || _a === void 0 ? void 0 : _a.height, width: (_b = figure.layout) === null || _b === void 0 ? void 0 : _b.width }, style), children: _jsx(AutoSizer, { children: ({ height, width }) => (_jsx(Plot, Object.assign({ config: { responsive: true }, data: figure.data, frames: figure.frames, layout: figure.layout }, eventHandlers, { style: { height, width }, useResizeHandler: true }))) }) }));
+}
+export default Plotly;
+//# sourceMappingURL=plotly.js.map

package/dist/plotting/plotly/plotly.js.map

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

package/dist/smart/chat/chat.d.ts

@@ -0,0 +1,16 @@
+import { StyledComponentProps, Variable } from '@darajs/core';
+import { Message } from '@darajs/ui-components';
+interface ChatProps extends StyledComponentProps {
+    /** Passthrough the className property */
+    className: string;
+    /** The value Variable to display and update */
+    value?: Variable<Message[]>;
+}
+/**
+ * The Chat component switches between a chat button and a chat sidebar, allowing the user to interact with a chat.
+ *
+ * @param props the component props
+ */
+declare function Chat(props: ChatProps): JSX.Element;
+export default Chat;
+//# sourceMappingURL=chat.d.ts.map

package/dist/smart/chat/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../js/smart/chat/chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,oBAAoB,EAEpB,QAAQ,EAQX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAA0C,MAAM,uBAAuB,CAAC;AAGxF,UAAU,SAAU,SAAQ,oBAAoB;IAC5C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;CAC/B;AAkID;;;;GAIG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAyF3C;AAED,eAAe,IAAI,CAAC"}

package/dist/smart/chat/chat.js

@@ -0,0 +1,174 @@
+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());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { handleAuthErrors, injectCss, request, useComponentStyles, useRequestExtras, useUser, useVariable, } from '@darajs/core';
+import styled, { useTheme } from '@darajs/styled-components';
+import { Chat as UiChat } from '@darajs/ui-components';
+import { HTTP_METHOD, validateResponse } from '@darajs/ui-utils';
+const ThreadWrapper = styled.div `
+    pointer-events: auto;
+
+    position: fixed;
+    right: 1rem;
+    bottom: -0.1rem;
+
+    margin: 1rem;
+
+    border-radius: 0.4rem;
+`;
+const ChatButton = styled.button `
+    position: absolute;
+    right: 0.5rem;
+    bottom: 0.5rem;
+
+    width: 32px;
+    height: 32px;
+    padding: 7px 6px;
+
+    color: ${(props) => props.theme.colors.background};
+
+    background-color: ${(props) => props.theme.colors.primary};
+    border: none;
+    border-radius: 2rem;
+
+    :hover {
+        background-color: ${(props) => props.theme.colors.primaryHover};
+    }
+
+    :active {
+        background-color: ${(props) => props.theme.colors.primaryDown};
+    }
+`;
+const StyledChat = injectCss(UiChat);
+/**
+ * Parse the user data into the UI user data format
+ *
+ * @param user the user data to parse
+ */
+function parseUserData(user) {
+    return {
+        id: user === null || user === void 0 ? void 0 : user.identity_id,
+        name: user.identity_name,
+        email: user === null || user === void 0 ? void 0 : user.identity_email,
+    };
+}
+/**
+ * Get all the users which have been active in the chat
+ *
+ * @param chat the chat to get users from
+ */
+function getAllUsersInChat(chat) {
+    const userMap = new Map();
+    chat.forEach((message) => {
+        const { email } = message.user;
+        // we get the users by email, since this list will be used to send users notifications later on about activity in chat, and this is the most relevant way of identifying them
+        if (email && !userMap.has(email)) {
+            userMap.set(email, message.user);
+        }
+    });
+    // Return only the unique users who have an email
+    return Array.from(userMap.values());
+}
+/** User data for an unknown user */
+const anonymousUser = { identity_name: 'Anonymous' };
+/**
+ * Api call to send the new message payload
+ */
+function sendNewMessage(payload, extras) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            const res = yield request('/api/chat/messages', {
+                body: JSON.stringify(payload),
+                method: HTTP_METHOD.POST,
+            }, extras);
+            yield handleAuthErrors(res, true);
+            yield validateResponse(res, 'Failed to send message notification');
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Failed to send message notification:', error);
+        }
+    });
+}
+/**
+ * Check if the given selector has been rendered more than once in the document
+ *
+ * @param selector the selector to check
+ */
+function checkMoreThanOneRenderedElement(selector) {
+    const elements = document.querySelectorAll(selector);
+    return elements.length > 1;
+}
+/**
+ * Get the highest z-index of the elements with the given selector
+ *
+ * @param selector the selector to get the z-index from
+ */
+function getHighestZIndex(selector) {
+    const elements = document.querySelectorAll(selector);
+    let highest = 998; // Start with 998
+    elements.forEach((element) => {
+        const zIndex = parseInt(window.getComputedStyle(element).zIndex);
+        if (zIndex > highest) {
+            highest = zIndex;
+        }
+    });
+    return highest;
+}
+/**
+ * The Chat component switches between a chat button and a chat sidebar, allowing the user to interact with a chat.
+ *
+ * @param props the component props
+ */
+function Chat(props) {
+    var _a;
+    const [style, css] = useComponentStyles(props);
+    const [value, setValue] = useVariable(props.value);
+    const [showChat, setShowChat] = React.useState(false);
+    const [areThereOtherChats, setAreThereOtherChats] = React.useState(false);
+    const [zIndex, setZIndex] = React.useState(998);
+    const user = useUser();
+    const theme = useTheme();
+    const extras = useRequestExtras();
+    const userData = (_a = user.data) !== null && _a !== void 0 ? _a : anonymousUser;
+    const onUpdate = (newValue) => {
+        // If the new value is longer than the old value, we can assume that a new message was added
+        // or if newValue is defined and value is not.
+        if ((newValue && !value) || (newValue === null || newValue === void 0 ? void 0 : newValue.length) > (value === null || value === void 0 ? void 0 : value.length)) {
+            const newMessage = newValue[newValue.length - 1];
+            const users = getAllUsersInChat(newValue);
+            const notificationPayload = {
+                app_url: window.location.href,
+                users,
+                content: newMessage,
+            };
+            sendNewMessage(notificationPayload, extras);
+        }
+        setValue(newValue);
+    };
+    const onClickChatButton = () => {
+        setShowChat(true);
+        setZIndex(getHighestZIndex('.chat-thread') + 1);
+        // we need to update here so that if the chat button is clicked again when it is already open, the background color is updated
+        setAreThereOtherChats(checkMoreThanOneRenderedElement('.chat-thread'));
+    };
+    React.useLayoutEffect(() => {
+        setAreThereOtherChats(checkMoreThanOneRenderedElement('.chat-thread'));
+    }, [showChat]);
+    return (_jsxs(_Fragment, { children: [showChat && (
+            // we set the z-index so that the latest chat thread opened is always on top, and if there is a chat thread open, we set the background color so that the transparency does not show the thread behind
+            _jsx(ThreadWrapper, { className: "chat-thread", style: {
+                    zIndex,
+                    backgroundColor: areThereOtherChats ? theme.colors.background : 'transparent',
+                }, children: _jsx(StyledChat, { "$rawCss": css, className: props.className, onClose: () => setShowChat(false), onUpdate: onUpdate, isPopup: true, style: Object.assign({}, style), value: value, activeUser: parseUserData(userData) }) })), _jsx(ChatButton, { onClick: onClickChatButton, children: _jsxs("svg", { fill: "none", height: "20", viewBox: "0 0 32 32", width: "20", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { fill: "none", height: "24", rx: "3", width: "30", x: "1", y: "1.33594" }), _jsx("rect", { height: "24", rx: "3", stroke: theme.colors.background, strokeWidth: "2", width: "30", x: "1", y: "1.33594" }), _jsx("path", { d: "M8 8.33594H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M8 13.3359H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M8 18.3359H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M18.5981 26.1641L16 30.6641L13.4019 26.1641L18.5981 26.1641Z", fill: theme.colors.background, stroke: theme.colors.background }), _jsx("path", { d: "M16 28.3359L13.4019 23.8359L18.5981 23.8359L16 28.3359Z", fill: "none" })] }) })] }));
+}
+export default Chat;
+//# sourceMappingURL=chat.js.map

package/dist/smart/chat/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../js/smart/chat/chat.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKH,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,WAAW,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAW,IAAI,IAAI,MAAM,EAA0B,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAejE,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU/B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;aASnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;wBAE7B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;4BAKjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;4BAI1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;CAEpE,CAAC;AAEF,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAErC;;;;GAIG;AACH,SAAS,aAAa,CAAC,IAAc;IACjC,OAAO;QACH,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW;QACrB,IAAI,EAAE,IAAI,CAAC,aAAa;QACxB,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;KAC9B,CAAC;AACN,CAAC;AAED;;;;GAIG;AACH,SAAS,iBAAiB,CAAC,IAAe;IACtC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAsB,CAAC;IAE9C,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACrB,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;QAC/B,6KAA6K;QAC7K,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,iDAAiD;IACjD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AACxC,CAAC;AAED,oCAAoC;AACpC,MAAM,aAAa,GAAa,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAE/D;;GAEG;AACH,SAAe,cAAc,CAAC,OAAmC,EAAE,MAAqB;;QACpF,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,MAAM,OAAO,CACrB,oBAAoB,EACpB;gBACI,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;gBAC7B,MAAM,EAAE,WAAW,CAAC,IAAI;aAC3B,EACD,MAAM,CACT,CAAC;YACF,MAAM,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,MAAM,gBAAgB,CAAC,GAAG,EAAE,qCAAqC,CAAC,CAAC;QACvE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACL,CAAC;CAAA;AAED;;;;GAIG;AACH,SAAS,+BAA+B,CAAC,QAAgB;IACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrD,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;AAC/B,CAAC;AAED;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,QAAgB;IACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrD,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,iBAAiB;IACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;QAChF,IAAI,MAAM,GAAG,OAAO,EAAE,CAAC;YACnB,OAAO,GAAG,MAAM,CAAC;QACrB,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACnB,CAAC;AAED;;;;GAIG;AACH,SAAS,IAAI,CAAC,KAAgB;;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAI,aAAa,CAAC;IAE5C,MAAM,QAAQ,GAAG,CAAC,QAAmB,EAAQ,EAAE;QAC3C,4FAA4F;QAC5F,8CAA8C;QAC9C,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,EAAE,CAAC;YAC3D,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACjD,MAAM,KAAK,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,mBAAmB,GAA+B;gBACpD,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;gBAC7B,KAAK;gBACL,OAAO,EAAE,UAAU;aACtB,CAAC;YACF,cAAc,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC;QACD,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAS,EAAE;QACjC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QAChD,8HAA8H;QAC9H,qBAAqB,CAAC,+BAA+B,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,qBAAqB,CAAC,+BAA+B,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,8BACK,QAAQ,IAAI;YACT,sMAAsM;YACtM,KAAC,aAAa,IACV,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE;oBACH,MAAM;oBACN,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa;iBAChF,YAED,KAAC,UAAU,eACE,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,QACP,KAAK,oBAAO,KAAK,GACjB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,GACrC,GACU,CACnB,EACD,KAAC,UAAU,IAAC,OAAO,EAAE,iBAAiB,YAClC,eAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B,aAC1F,eAAM,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,SAAS,GAAG,EACpE,eACI,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,GAAG,EACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAC/B,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,IAAI,EACV,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,SAAS,GACb,EACF,eAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,EACjG,eAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,EACjG,eAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,GAAG,EACjG,eACI,CAAC,EAAC,8DAA8D,EAChE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACjC,EACF,eAAM,CAAC,EAAC,yDAAyD,EAAC,IAAI,EAAC,MAAM,GAAG,IAC9E,GACG,IACd,CACN,CAAC;AACN,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/smart/code-editor.d.ts

@@ -0,0 +1,12 @@
+import { StyledComponentProps, Variable } from '@darajs/core';
+interface CodeEditorProps extends StyledComponentProps {
+    script: Variable<string>;
+    language?: 'json' | 'python' | 'markdown' | 'sql';
+}
+/**
+ * A component that creates a CodeEditor. The script is stored in a variable and is updated
+ * as user types in the code editor area.
+ */
+declare function CodeEditor(props: CodeEditorProps): JSX.Element;
+export default CodeEditor;
+//# sourceMappingURL=code-editor.d.ts.map

package/dist/smart/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../js/smart/code-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,eAAgB,SAAQ,oBAAoB;IAClD,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC;CACrD;AAID;;;GAGG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAavD;AAED,eAAe,UAAU,CAAC"}

package/dist/smart/code-editor.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useComponentStyles, useVariable } from '@darajs/core';
+import { CodeEditor as UICodeEditor } from '@darajs/ui-code-editor';
+const StyledCodeEditor = injectCss(UICodeEditor);
+/**
+ * A component that creates a CodeEditor. The script is stored in a variable and is updated
+ * as user types in the code editor area.
+ */
+function CodeEditor(props) {
+    const [style, css] = useComponentStyles(props);
+    const [script, setScript] = useVariable(props.script);
+    return (_jsx(StyledCodeEditor, { "$rawCss": css, initialScript: script, onChange: setScript, style: style, language: props.language }));
+}
+export default CodeEditor;
+//# sourceMappingURL=code-editor.js.map

package/dist/smart/code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../js/smart/code-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAOpE,MAAM,gBAAgB,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AAEjD;;;GAGG;AACH,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtD,OAAO,CACH,KAAC,gBAAgB,eACJ,GAAG,EACZ,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/smart/data-slicer-filter/data-slicer-filter.d.ts

@@ -0,0 +1,47 @@
+import { Variable } from '@darajs/core';
+declare enum ColumnType {
+    CATEGORICAL = "categorical",
+    DATETIME = "datetime",
+    NUMERICAL = "numerical"
+}
+interface Column {
+    name: string;
+    type: ColumnType;
+}
+interface FilterInstance {
+    /**
+     * Used internally to uniquely identify filters - prevents us from having to rely on indexes
+     */
+    __id: string;
+    column: string;
+    from_date: string;
+    range: string;
+    to_date: string;
+    values: string;
+}
+/**
+ * Parse a date value into a date
+ *
+ * @param date date to parse
+ */
+export declare function parseDateString(date: string | Date): Date;
+interface DataSlicerFilterProps {
+    /**
+     * List of available columns
+     */
+    columns: Variable<Column[]>;
+    /**
+     * Variable holding a list of filters
+     */
+    filters: Variable<FilterInstance[]>;
+    /**
+     * Height of the filter component
+     */
+    height: string;
+}
+/**
+ * DataSlicerFilter displays an editable list of filters to apply to a dataset
+ */
+declare function DataSlicerFilter(props: DataSlicerFilterProps): JSX.Element;
+export default DataSlicerFilter;
+//# sourceMappingURL=data-slicer-filter.d.ts.map

package/dist/smart/data-slicer-filter/data-slicer-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-slicer-filter.d.ts","sourceRoot":"","sources":["../../../js/smart/data-slicer-filter/data-slicer-filter.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAe,MAAM,cAAc,CAAC;AAKrD,aAAK,UAAU;IACX,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,SAAS,cAAc;CAC1B;AAED,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,UAAU,CAAC;CACpB;AAED,UAAU,cAAc;IACpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAClB;AAsDD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAYzD;AAED,UAAU,qBAAqB;IAC3B;;OAEG;IACH,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5B;;OAEG;IACH,OAAO,EAAE,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;IACpC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAClB;AAID;;GAEG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAgHnE;AAED,eAAe,gBAAgB,CAAC"}