@perses-dev/components 0.8.1 → 0.9.0

package/dist/Tooltip/utils.js

@@ -1 +1,46 @@
-import{TOOLTIP_MAX_WIDTH}from"./tooltip-model";export function assembleTransform(t,o,r,e,n){if(null===t)return"translate3d(0, 0)";null!==n&&(t=n);const p=t.viewport.x;let a=t.viewport.y+16;const l=.75*e;!0==t.viewport.y>.8*window.innerHeight?a=o>6?.65*t.viewport.y:.75*t.viewport.y:t.plotCanvas.y>l&&(a=.85*t.viewport.y);const i=r-.9*(o>1?TOOLTIP_MAX_WIDTH:TOOLTIP_MAX_WIDTH/2);return t.plotCanvas.x>i&&p>TOOLTIP_MAX_WIDTH?`translate3d(${p-32}px, ${a}px, 0) translateX(-100%)`:`translate3d(${p+32}px, ${a}px, 0)`}
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { TOOLTIP_MAX_WIDTH } from './tooltip-model';
+/**
+ * Determine position of tooltip depending on chart dimensions and the number of focused series
+ */ export function assembleTransform(mousePos, seriesNum, chartWidth, chartHeight, pinnedPos) {
+    if (mousePos === null) {
+        return 'translate3d(0, 0)';
+    }
+    if (pinnedPos !== null) {
+        mousePos = pinnedPos;
+    }
+    const cursorPaddingX = 32;
+    const cursorPaddingY = 16;
+    const x = mousePos.viewport.x;
+    let y = mousePos.viewport.y + cursorPaddingY;
+    const isCloseToBottom = mousePos.viewport.y > window.innerHeight * 0.8;
+    const yPosAdjustThreshold = chartHeight * 0.75;
+    // adjust so tooltip does not get cut off at bottom of chart, reduce multiplier to move up
+    if (isCloseToBottom === true) {
+        if (seriesNum > 6) {
+            y = mousePos.viewport.y * 0.65;
+        } else {
+            y = mousePos.viewport.y * 0.75;
+        }
+    } else if (mousePos.plotCanvas.y > yPosAdjustThreshold) {
+        y = mousePos.viewport.y * 0.85;
+    }
+    // use tooltip width to determine when to repos from right to left (width is narrower when only 1 focused series since labels wrap)
+    const tooltipWidth = seriesNum > 1 ? TOOLTIP_MAX_WIDTH : TOOLTIP_MAX_WIDTH / 2;
+    const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;
+    // reposition so tooltip is never too close to right side of chart or left side of browser window
+    return mousePos.plotCanvas.x > xPosAdjustThreshold && x > TOOLTIP_MAX_WIDTH ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)` : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;
+}
+
+//# sourceMappingURL=utils.js.map

package/dist/Tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/utils.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { CursorCoordinates, CursorData, TOOLTIP_MAX_WIDTH } from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  seriesNum: number,\n  chartWidth: number,\n  chartHeight: number,\n  pinnedPos: CursorCoordinates | null\n) {\n  if (mousePos === null) {\n    return 'translate3d(0, 0)';\n  }\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n  const x = mousePos.viewport.x;\n  let y = mousePos.viewport.y + cursorPaddingY;\n\n  const isCloseToBottom = mousePos.viewport.y > window.innerHeight * 0.8;\n  const yPosAdjustThreshold = chartHeight * 0.75;\n  // adjust so tooltip does not get cut off at bottom of chart, reduce multiplier to move up\n  if (isCloseToBottom === true) {\n    if (seriesNum > 6) {\n      y = mousePos.viewport.y * 0.65;\n    } else {\n      y = mousePos.viewport.y * 0.75;\n    }\n  } else if (mousePos.plotCanvas.y > yPosAdjustThreshold) {\n    y = mousePos.viewport.y * 0.85;\n  }\n\n  // use tooltip width to determine when to repos from right to left (width is narrower when only 1 focused series since labels wrap)\n  const tooltipWidth = seriesNum > 1 ? TOOLTIP_MAX_WIDTH : TOOLTIP_MAX_WIDTH / 2;\n  const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;\n\n  // reposition so tooltip is never too close to right side of chart or left side of browser window\n  return mousePos.plotCanvas.x > xPosAdjustThreshold && x > TOOLTIP_MAX_WIDTH\n    ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)`\n    : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;\n}\n"],"names":["TOOLTIP_MAX_WIDTH","assembleTransform","mousePos","seriesNum","chartWidth","chartHeight","pinnedPos","cursorPaddingX","cursorPaddingY","x","viewport","y","isCloseToBottom","window","innerHeight","yPosAdjustThreshold","plotCanvas","tooltipWidth","xPosAdjustThreshold"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAwCA,iBAAiB,QAAQ,iBAAiB,CAAC;AAEnF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAC/BC,QAA8B,EAC9BC,SAAiB,EACjBC,UAAkB,EAClBC,WAAmB,EACnBC,SAAmC,EACnC;IACA,IAAIJ,QAAQ,KAAK,IAAI,EAAE;QACrB,OAAO,mBAAmB,CAAC;IAC7B,CAAC;IAED,IAAII,SAAS,KAAK,IAAI,EAAE;QACtBJ,QAAQ,GAAGI,SAAS,CAAC;IACvB,CAAC;IAED,MAAMC,cAAc,GAAG,EAAE,AAAC;IAC1B,MAAMC,cAAc,GAAG,EAAE,AAAC;IAC1B,MAAMC,CAAC,GAAGP,QAAQ,CAACQ,QAAQ,CAACD,CAAC,AAAC;IAC9B,IAAIE,CAAC,GAAGT,QAAQ,CAACQ,QAAQ,CAACC,CAAC,GAAGH,cAAc,AAAC;IAE7C,MAAMI,eAAe,GAAGV,QAAQ,CAACQ,QAAQ,CAACC,CAAC,GAAGE,MAAM,CAACC,WAAW,GAAG,GAAG,AAAC;IACvE,MAAMC,mBAAmB,GAAGV,WAAW,GAAG,IAAI,AAAC;IAC/C,0FAA0F;IAC1F,IAAIO,eAAe,KAAK,IAAI,EAAE;QAC5B,IAAIT,SAAS,GAAG,CAAC,EAAE;YACjBQ,CAAC,GAAGT,QAAQ,CAACQ,QAAQ,CAACC,CAAC,GAAG,IAAI,CAAC;QACjC,OAAO;YACLA,CAAC,GAAGT,QAAQ,CAACQ,QAAQ,CAACC,CAAC,GAAG,IAAI,CAAC;QACjC,CAAC;IACH,OAAO,IAAIT,QAAQ,CAACc,UAAU,CAACL,CAAC,GAAGI,mBAAmB,EAAE;QACtDJ,CAAC,GAAGT,QAAQ,CAACQ,QAAQ,CAACC,CAAC,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,mIAAmI;IACnI,MAAMM,YAAY,GAAGd,SAAS,GAAG,CAAC,GAAGH,iBAAiB,GAAGA,iBAAiB,GAAG,CAAC,AAAC;IAC/E,MAAMkB,mBAAmB,GAAGd,UAAU,GAAGa,YAAY,GAAG,GAAG,AAAC;IAE5D,iGAAiG;IACjG,OAAOf,QAAQ,CAACc,UAAU,CAACP,CAAC,GAAGS,mBAAmB,IAAIT,CAAC,GAAGT,iBAAiB,GACvE,CAAC,YAAY,EAAES,CAAC,GAAGF,cAAc,CAAC,IAAI,EAAEI,CAAC,CAAC,wBAAwB,CAAC,GACnE,CAAC,YAAY,EAAEF,CAAC,GAAGF,cAAc,CAAC,IAAI,EAAEI,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,CAAC"}

package/dist/cjs/Drawer/Drawer.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -14,15 +10,32 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const material_1 = require("@mui/material");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Drawer", {
+    enumerable: true,
+    get: ()=>Drawer
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _utils = require("../utils");
 const DRAWER_DEFAULT_WIDTH = 900;
-const Drawer = ({ anchor = 'right', isOpen, onClose, children }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Drawer, { open: isOpen, onClose: onClose, anchor: anchor, PaperProps: {
-            sx: {
+const Drawer = ({ anchor ='right' , isOpen , onClose , PaperProps , children , ...rest })=>{
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Drawer, {
+        ...rest,
+        open: isOpen,
+        onClose: onClose,
+        anchor: anchor,
+        PaperProps: {
+            ...PaperProps,
+            sx: (0, _utils.combineSx)({
                 width: `${DRAWER_DEFAULT_WIDTH}px`,
-                padding: (theme) => theme.spacing(2),
-                overflow: 'hidden',
-            },
-        }, children: children }));
+                padding: (theme)=>theme.spacing(2),
+                overflow: 'hidden'
+            }, PaperProps === null || PaperProps === void 0 ? void 0 : PaperProps.sx)
+        },
+        children: children
+    });
 };
-exports.Drawer = Drawer;

package/dist/cjs/Drawer/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,19 +10,19 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Drawer"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./Drawer"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/EChart.js

@@ -1,33 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EChart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -40,11 +10,58 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const react_1 = __importStar(require("react"));
-const debounce_1 = __importDefault(require("lodash/debounce"));
-const core_1 = require("echarts/core");
-const material_1 = require("@mui/material");
-const lodash_es_1 = require("lodash-es");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EChart", {
+    enumerable: true,
+    get: ()=>EChart
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _core = require("echarts/core");
+const _material = require("@mui/material");
+const _lodashEs = require("lodash-es");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const mouseEvents = [
     'click',
     'dblclick',
@@ -54,100 +71,108 @@ const mouseEvents = [
     'mouseover',
     'mouseout',
     'globalout',
-    'contextmenu',
+    'contextmenu'
+];
+const batchEvents = [
+    'datazoom',
+    'downplay',
+    'highlight'
 ];
-const batchEvents = ['datazoom', 'downplay', 'highlight'];
-exports.EChart = react_1.default.memo(function EChart({ option, theme, renderer, sx, onEvents, _instance, onChartInitialized, }) {
-    const initialOption = (0, react_1.useRef)(option);
-    const prevOption = (0, react_1.useRef)(option);
-    const containerRef = (0, react_1.useRef)(null);
-    const chartElement = (0, react_1.useRef)(null);
+const EChart = /*#__PURE__*/ _react.default.memo(function EChart({ option , theme , renderer , sx , onEvents , _instance , onChartInitialized  }) {
+    const initialOption = (0, _react.useRef)(option);
+    const prevOption = (0, _react.useRef)(option);
+    const containerRef = (0, _react.useRef)(null);
+    const chartElement = (0, _react.useRef)(null);
     // Initialize chart, dispose on unmount
-    (0, react_1.useLayoutEffect)(() => {
-        if (containerRef.current === null || chartElement.current !== null)
-            return;
-        chartElement.current = (0, core_1.init)(containerRef.current, theme, { renderer: renderer !== null && renderer !== void 0 ? renderer : 'canvas' });
+    (0, _react.useLayoutEffect)(()=>{
+        if (containerRef.current === null || chartElement.current !== null) return;
+        chartElement.current = (0, _core.init)(containerRef.current, theme, {
+            renderer: renderer !== null && renderer !== void 0 ? renderer : 'canvas'
+        });
         chartElement.current.setOption(initialOption.current, true);
         onChartInitialized === null || onChartInitialized === void 0 ? void 0 : onChartInitialized(chartElement.current);
         if (_instance !== undefined) {
             _instance.current = chartElement.current;
         }
-        return () => {
-            if (chartElement.current === null)
-                return;
+        return ()=>{
+            if (chartElement.current === null) return;
             chartElement.current.dispose();
             chartElement.current = null;
         };
-    }, [_instance, onChartInitialized, theme, renderer]);
+    }, [
+        _instance,
+        onChartInitialized,
+        theme,
+        renderer
+    ]);
     // Update chart data when option changes
-    (0, react_1.useEffect)(() => {
-        if (prevOption.current === undefined || (0, lodash_es_1.isEqual)(prevOption.current, option))
-            return;
-        if (chartElement.current === null)
-            return;
+    (0, _react.useEffect)(()=>{
+        if (prevOption.current === undefined || (0, _lodashEs.isEqual)(prevOption.current, option)) return;
+        if (chartElement.current === null) return;
         chartElement.current.setOption(option, true);
         prevOption.current = option;
-    }, [option]);
+    }, [
+        option
+    ]);
     // Resize chart, cleanup listener on unmount
-    (0, react_1.useLayoutEffect)(() => {
-        const updateSize = (0, debounce_1.default)(() => {
-            if (chartElement.current === null)
-                return;
+    (0, _react.useLayoutEffect)(()=>{
+        const updateSize = (0, _lodashEs.debounce)(()=>{
+            if (chartElement.current === null) return;
             chartElement.current.resize();
         }, 200);
         window.addEventListener('resize', updateSize);
         updateSize();
-        return () => {
+        return ()=>{
             window.removeEventListener('resize', updateSize);
         };
     }, []);
     // Bind and unbind chart events passed as prop
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         const chart = chartElement.current;
-        if (chart === null || onEvents === undefined)
-            return;
+        if (chart === null || onEvents === undefined) return;
         bindEvents(chart, onEvents);
-        return () => {
-            if (chart === undefined)
-                return;
-            if (chart.isDisposed() === true)
-                return;
-            for (const event in onEvents) {
+        return ()=>{
+            if (chart === undefined) return;
+            if (chart.isDisposed() === true) return;
+            for(const event in onEvents){
                 chart.off(event);
             }
         };
-    }, [onEvents]);
-    (0, react_1.useEffect)(() => {
-        const updateSize = (0, debounce_1.default)(() => {
-            if (chartElement.current === null)
-                return;
+    }, [
+        onEvents
+    ]);
+    (0, _react.useEffect)(()=>{
+        const updateSize = (0, _lodashEs.debounce)(()=>{
+            if (chartElement.current === null) return;
             chartElement.current.resize();
         }, 200);
         updateSize();
-    }, [sx]);
-    return (0, jsx_runtime_1.jsx)(material_1.Box, { ref: containerRef, sx: sx });
+    }, [
+        sx
+    ]);
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+        ref: containerRef,
+        sx: sx
+    });
 });
 // Validate event config and bind custom events
 function bindEvents(instance, events) {
-    var _a;
-    if (events === undefined)
-        return;
+    if (events === undefined) return;
     function bindEvent(eventName, OnEventFunction) {
         if (typeof OnEventFunction === 'function') {
             if (isMouseEvent(eventName)) {
-                instance.on(eventName, (params) => OnEventFunction(params, instance));
-            }
-            else if (isBatchEvent(eventName)) {
-                instance.on(eventName, (params) => OnEventFunction(params));
-            }
-            else {
-                instance.on(eventName, () => OnEventFunction(null, instance));
+                instance.on(eventName, (params)=>OnEventFunction(params, instance));
+            } else if (isBatchEvent(eventName)) {
+                instance.on(eventName, (params)=>OnEventFunction(params));
+            } else {
+                instance.on(eventName, ()=>OnEventFunction(null, instance));
             }
         }
     }
-    for (const eventName in events) {
+    for(const eventName in events){
         if (Object.prototype.hasOwnProperty.call(events, eventName)) {
-            const customEvent = (_a = events[eventName]) !== null && _a !== void 0 ? _a : null;
+            var _eventName;
+            const customEvent = (_eventName = events[eventName]) !== null && _eventName !== void 0 ? _eventName : null;
             if (customEvent) {
                 bindEvent(eventName, customEvent);
             }

package/dist/cjs/ErrorAlert.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorAlert = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// Copyright 2021 The Perses Authors
+// Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -14,12 +10,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const material_1 = require("@mui/material");
-/**
- * Shows an MUI Alert with the `Error.message` as its contents.
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ErrorAlert", {
+    enumerable: true,
+    get: ()=>ErrorAlert
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
 function ErrorAlert(props) {
-    const { error } = props;
-    return (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error.message });
+    const { error  } = props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Alert, {
+        severity: "error",
+        children: error.message
+    });
 }
-exports.ErrorAlert = ErrorAlert;

package/dist/cjs/ErrorBoundary.js

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// Copyright 2022 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -11,8 +10,13 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
 // Just use react-error-boundary as-is for now
-var react_error_boundary_1 = require("react-error-boundary");
-Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return react_error_boundary_1.ErrorBoundary; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ErrorBoundary", {
+    enumerable: true,
+    get: ()=>_reactErrorBoundary.ErrorBoundary
+});
+const _reactErrorBoundary = require("react-error-boundary");