@darajs/components 1.0.0-a.1

package/dist/plotting/bokeh/bokeh.js

@@ -0,0 +1,125 @@
+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 } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from 'react';
+import { DefaultFallback, injectCss, useAction, useComponentStyles } from '@darajs/core';
+import styled from '@darajs/styled-components';
+const BOKEH_LIBRARIES = [
+    'https://cdn.bokeh.org/bokeh/release/bokeh-{version}.min.js',
+    'https://cdn.bokeh.org/bokeh/release/bokeh-widgets-{version}.min.js',
+    'https://cdn.bokeh.org/bokeh/release/bokeh-tables-{version}.min.js',
+    'https://cdn.bokeh.org/bokeh/release/bokeh-api-{version}.min.js',
+    'https://cdn.bokeh.org/bokeh/release/bokeh-gl-{version}.min.js',
+    'https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-{version}.min.js',
+];
+const BokehRoot = injectCss(styled.div `
+    display: flex;
+    flex: 1 1 auto;
+`);
+const createEventName = (baseEventName, figId) => `BOKEH_FIGURE_${baseEventName}_${figId}`;
+/* eslint-disable no-underscore-dangle */
+/**
+ * A component for displaying a serialized Bokeh Document. Takes a Bokeh Document that has been serialized
+ * to a JSON string.
+ *
+ * @param {BokehProps} props - the component props
+ */
+function Bokeh(props) {
+    const [style, css] = useComponentStyles(props);
+    const [isLoading, setIsLoading] = useState(true);
+    const docJson = useMemo(() => JSON.parse(props.document), [props.document]);
+    const rootId = useMemo(() => docJson.roots[0].id, [docJson]);
+    const id = useId();
+    const events = [];
+    const eventActions = [];
+    if (props.events) {
+        for (let i = 0; i < props.events.length; i++) {
+            const [name, action] = props.events[i];
+            // eslint-disable-next-line react-hooks/rules-of-hooks
+            eventActions.push([name, useAction(action)]);
+        }
+    }
+    /**
+     * Wait for Bokeh to be available on window
+     */
+    function waitForBokeh() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                const interval = setInterval(() => {
+                    if (window.Bokeh) {
+                        clearInterval(interval);
+                        resolve();
+                    }
+                }, 100);
+            });
+        });
+    }
+    function loadBokehLibrary(url, version) {
+        const script = document.createElement('script');
+        script.src = url.replace('{version}', version);
+        script.async = true;
+        document.head.appendChild(script);
+    }
+    function initializeBokeh() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const bokehVersion = docJson.version;
+            // if it's already loading, wait for it to be available
+            if (window.bokehLoading) {
+                yield waitForBokeh();
+            }
+            else if (!window.Bokeh) {
+                // otherwise, load it
+                const [core, ...libraries] = BOKEH_LIBRARIES;
+                // Core needs to be loaded before all the other libraries
+                loadBokehLibrary(core, bokehVersion);
+                yield waitForBokeh();
+                libraries.forEach((url) => {
+                    loadBokehLibrary(url, bokehVersion);
+                });
+            }
+            events.forEach(([ev, handler]) => {
+                document.removeEventListener(ev, handler);
+            });
+            eventActions.forEach(([name, [action]]) => {
+                const handler = (e) => {
+                    action(e.detail);
+                };
+                const evtName = createEventName(name, docJson.roots[0].id);
+                document.addEventListener(evtName, handler);
+                events.push([evtName, handler]);
+            });
+            if (docJson) {
+                window.Bokeh.embed.embed_item({
+                    doc: docJson,
+                    root_id: rootId,
+                    target_id: id,
+                });
+            }
+            setIsLoading(false);
+        });
+    }
+    useEffect(() => {
+        initializeBokeh();
+        return () => {
+            const index = window.Bokeh.documents.findIndex((doc) => doc.roots()[0].id === docJson.roots[0].id);
+            if (index > -1) {
+                const doc = window.Bokeh.documents[index];
+                doc.clear();
+                window.Bokeh.documents.splice(index, 1);
+            }
+        };
+    }, [docJson]);
+    return (_jsx(BokehRoot, { "$rawCss": css, "data-root-id": rootId, id: id, style: style, children: isLoading && (_jsx(DefaultFallback, { style: {
+                display: 'flex',
+                flex: '1 1 auto',
+            } })) }));
+}
+export default Bokeh;
+//# sourceMappingURL=bokeh.js.map

package/dist/plotting/bokeh/bokeh.js.map

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

package/dist/plotting/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Bokeh } from './bokeh/bokeh';
+export { default as Plotly } from './plotly/plotly';
+export { default as Matplotlib } from './matplotlib/matplotlib';
+//# sourceMappingURL=index.d.ts.map

package/dist/plotting/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/plotting/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/plotting/index.js

@@ -0,0 +1,5 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as Bokeh } from './bokeh/bokeh';
+export { default as Plotly } from './plotly/plotly';
+export { default as Matplotlib } from './matplotlib/matplotlib';
+//# sourceMappingURL=index.js.map

package/dist/plotting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../js/plotting/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/plotting/matplotlib/matplotlib.d.ts

@@ -0,0 +1,12 @@
+import { StyledComponentProps } from '@darajs/core';
+interface MatplotlibProps extends StyledComponentProps {
+    figure: string;
+}
+/**
+ * A component for displaying an image of Matplotlib or Seaborn plot.
+ *
+ * @param {MatplotlibProps} props - the component props
+ */
+declare function Matplotlib(props: MatplotlibProps): JSX.Element;
+export default Matplotlib;
+//# sourceMappingURL=matplotlib.d.ts.map

package/dist/plotting/matplotlib/matplotlib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matplotlib.d.ts","sourceRoot":"","sources":["../../../js/plotting/matplotlib/matplotlib.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAiC,MAAM,cAAc,CAAC;AAEnF,UAAU,eAAgB,SAAQ,oBAAoB;IAClD,MAAM,EAAE,MAAM,CAAC;CAClB;AAID;;;;GAIG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAUvD;AAED,eAAe,UAAU,CAAC"}

package/dist/plotting/matplotlib/matplotlib.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { injectCss, useComponentStyles } from '@darajs/core';
+const StyledImg = injectCss('img');
+/**
+ * A component for displaying an image of Matplotlib or Seaborn plot.
+ *
+ * @param {MatplotlibProps} props - the component props
+ */
+function Matplotlib(props) {
+    const [style, css] = useComponentStyles(props);
+    return (_jsx(StyledImg, { "$rawCss": css, alt: "Matplotlib graph", src: `data:image/svg+xml;base64,${props.figure}`, style: style }));
+}
+export default Matplotlib;
+//# sourceMappingURL=matplotlib.js.map

package/dist/plotting/matplotlib/matplotlib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matplotlib.js","sourceRoot":"","sources":["../../../js/plotting/matplotlib/matplotlib.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,SAAS,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAMnF,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CACH,KAAC,SAAS,eACG,GAAG,EACZ,GAAG,EAAC,kBAAkB,EACtB,GAAG,EAAE,6BAA6B,KAAK,CAAC,MAAM,EAAE,EAChD,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/plotting/plotly/plotly.d.ts

@@ -0,0 +1,60 @@
+import { Action, StyledComponentProps } from '@darajs/core';
+/**
+ * Names defined by plotly.js, this is what Python will send us
+ */
+declare enum PlotlyEventName {
+    AfterExport = "plotly_afterexport",
+    AfterPlot = "plotly_afterplot",
+    Animated = "plotly_animated",
+    AnimatingFrame = "plotly_animatingframe",
+    AnimationInterrupted = "plotly_animationinterrupted",
+    AutoSize = "plotly_autosize",
+    BeforeExport = "plotly_beforeexport",
+    BeforeHover = "plotly_beforehover",
+    ButtonClicked = "plotly_buttonclicked",
+    Click = "plotly_click",
+    ClickAnnotation = "plotly_clickannotation",
+    Deselect = "plotly_deselect",
+    DoubleClick = "plotly_doubleclick",
+    Framework = "plotly_framework",
+    Hover = "plotly_hover",
+    LegendClick = "plotly_legendclick",
+    LegendDoubleClick = "plotly_legenddoubleclick",
+    Redraw = "plotly_redraw",
+    Relayout = "plotly_relayout",
+    Restyle = "plotly_restyle",
+    Selected = "plotly_selected",
+    Selecting = "plotly_selecting",
+    SliderChange = "plotly_sliderchange",
+    SliderEnd = "plotly_sliderend",
+    SliderStart = "plotly_sliderstart",
+    TransitionInterrupted = "plotly_transitioninterrupted",
+    Transitioning = "plotly_transitioning",
+    Unhover = "plotly_unhover",
+    WebglContextLost = "plotly_webglcontextlost"
+}
+/**
+ * Event object as passed from Python
+ */
+interface Event {
+    actions: Array<Action>;
+    custom_js: string;
+    event_name: PlotlyEventName;
+}
+/**
+ * Props for the Plotly component
+ */
+interface PlotlyProps extends StyledComponentProps {
+    /** An array of event objects */
+    events?: Array<Event>;
+    /** A string containing the JSON object of figure properties */
+    figure: string;
+}
+/**
+ * A component for displaying Plotly graphs
+ *
+ * @param {PlotlyProps} props - the component props
+ */
+declare function Plotly(props: PlotlyProps): JSX.Element;
+export default Plotly;
+//# sourceMappingURL=plotly.d.ts.map

package/dist/plotting/plotly/plotly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plotly.d.ts","sourceRoot":"","sources":["../../../js/plotting/plotly/plotly.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAA4C,MAAM,cAAc,CAAC;AAEtG;;GAEG;AACH,aAAK,eAAe;IAChB,WAAW,uBAAuB;IAClC,SAAS,qBAAqB;IAC9B,QAAQ,oBAAoB;IAC5B,cAAc,0BAA0B;IACxC,oBAAoB,gCAAgC;IACpD,QAAQ,oBAAoB;IAC5B,YAAY,wBAAwB;IACpC,WAAW,uBAAuB;IAClC,aAAa,yBAAyB;IACtC,KAAK,iBAAiB;IACtB,eAAe,2BAA2B;IAC1C,QAAQ,oBAAoB;IAC5B,WAAW,uBAAuB;IAClC,SAAS,qBAAqB;IAC9B,KAAK,iBAAiB;IACtB,WAAW,uBAAuB;IAClC,iBAAiB,6BAA6B;IAC9C,MAAM,kBAAkB;IACxB,QAAQ,oBAAoB;IAC5B,OAAO,mBAAmB;IAC1B,QAAQ,oBAAoB;IAC5B,SAAS,qBAAqB;IAC9B,YAAY,wBAAwB;IACpC,SAAS,qBAAqB;IAC9B,WAAW,uBAAuB;IAClC,qBAAqB,iCAAiC;IACtD,aAAa,yBAAyB;IACtC,OAAO,mBAAmB;IAC1B,gBAAgB,4BAA4B;CAC/C;AA8DD;;GAEG;AACH,UAAU,KAAK;IACX,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,eAAe,CAAC;CAC/B;AAED;;GAEG;AACH,UAAU,WAAY,SAAQ,oBAAoB;IAC9C,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACtB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;CAClB;AA6JD;;;;GAIG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAyC/C;AAED,eAAe,MAAM,CAAC"}

package/dist/plotting/plotly/plotly.js

@@ -0,0 +1,233 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import Plot from 'react-plotly.js';
+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(Plot);
+/* eslint-disable no-underscore-dangle */
+/**
+ * A component for displaying Plotly graphs
+ *
+ * @param {PlotlyProps} props - the component props
+ */
+function Plotly(props) {
+    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, Object.assign({ "$rawCss": css, config: { responsive: true }, data: figure.data, frames: figure.frames, layout: figure.layout }, eventHandlers, { style: Object.assign({ display: 'flex', flex: '1 1 auto', flexDirection: 'column', width: '100%' }, style), 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/code-editor.d.ts

@@ -0,0 +1,11 @@
+import { StyledComponentProps, Variable } from '@darajs/core';
+interface CodeEditorProps extends StyledComponentProps {
+    script: Variable<string>;
+}
+/**
+ * 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;CAC5B;AAID;;;GAGG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAKvD;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 });
+}
+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;AAMpE,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,KAAC,gBAAgB,eAAU,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACxG,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":"AAOA,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"}