@perses-dev/components 0.55.0-beta.1 → 0.55.0-beta.10

package/dist/cjs/ValueMappingEditor/ValueMappingsEditor.js

@@ -1,131 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ValueMappingsEditor", {
-    enumerable: true,
-    get: function() {
-        return ValueMappingsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _react = require("react");
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _ValueMappingEditor = require("./ValueMappingEditor");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const ValueMappingsEditor = ({ mappings, onChange })=>{
-    const [valueMappings, setValueMappings] = (0, _react.useState)(mappings);
-    function handleValueMappingChange(index, mapping) {
-        const updatedValueMapings = [
-            ...valueMappings
-        ];
-        updatedValueMapings[index] = mapping;
-        setValueMappings(updatedValueMapings);
-        onChange(updatedValueMapings);
-    }
-    function handleAddValueMappingEditor() {
-        const updatedValueMapings = [
-            ...valueMappings
-        ];
-        updatedValueMapings.push({
-            kind: 'Value',
-            spec: {
-                result: {
-                    value: ''
-                }
-            }
-        });
-        setValueMappings(updatedValueMapings);
-        onChange(updatedValueMapings);
-    }
-    function handleValueMappingDelete(index) {
-        const updatedValueMapings = [
-            ...valueMappings
-        ];
-        updatedValueMapings.splice(index, 1);
-        setValueMappings(updatedValueMapings);
-        onChange(updatedValueMapings);
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        spacing: 1,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Grid2, {
-                container: true,
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 5
-                        },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Condition"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 4
-                        },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Display Text"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 1
-                        },
-                        textAlign: "center",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Color"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 1
-                        }
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                gap: 1.5,
-                divider: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
-                    flexItem: true,
-                    orientation: "horizontal"
-                }),
-                children: valueMappings.map((mapping, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_ValueMappingEditor.ValueMappingEditor, {
-                        mapping: mapping,
-                        onChange: (updatedMapping)=>handleValueMappingChange(i, updatedMapping),
-                        onDelete: ()=>handleValueMappingDelete(i)
-                    }, i))
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                variant: "contained",
-                startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                sx: {
-                    marginTop: 1
-                },
-                onClick: handleAddValueMappingEditor,
-                children: "Add value mappings"
-            })
-        ]
-    });
-};

package/dist/cjs/ValueMappingEditor/index.js

@@ -1,30 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./ValueMappingsEditor"), exports);
-function _export_star(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/YAxisLabel.js

@@ -1,50 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "YAxisLabel", {
-    enumerable: true,
-    get: function() {
-        return YAxisLabel;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-function YAxisLabel({ name, height }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        style: {
-            maxWidth: height,
-            top: `calc(${height}px / 2)`
-        },
-        sx: {
-            display: 'inline-block',
-            position: 'absolute',
-            transform: 'translateX(-50%) rotate(-90deg)',
-            transformOrigin: 'top',
-            textAlign: 'center',
-            zIndex: 1
-        },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-            variant: "body1",
-            "aria-label": "y axis label",
-            sx: {
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis'
-            },
-            children: name
-        })
-    });
-}

package/dist/cjs/context/ChartsProvider.js

@@ -1,114 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get ChartsProvider () {
-        return ChartsProvider;
-    },
-    get ChartsThemeContext () {
-        return ChartsThemeContext;
-    },
-    get useChartsContext () {
-        return useChartsContext;
-    },
-    get useChartsTheme () {
-        return useChartsTheme;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
-function ChartsProvider(props) {
-    const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;
-    const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = (0, _react.useState)(null);
-    const ctx = (0, _react.useMemo)(()=>{
-        return {
-            chartsTheme,
-            enablePinning,
-            lastTooltipPinnedCoords,
-            enableSyncGrouping,
-            setLastTooltipPinnedCoords
-        };
-    }, [
-        chartsTheme,
-        enablePinning,
-        enableSyncGrouping,
-        lastTooltipPinnedCoords,
-        setLastTooltipPinnedCoords
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartsThemeContext.Provider, {
-        value: ctx,
-        children: children
-    });
-}
-const ChartsThemeContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function useChartsContext() {
-    const ctx = (0, _react.useContext)(ChartsThemeContext);
-    if (ctx === undefined) {
-        throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-function useChartsTheme() {
-    const ctx = useChartsContext();
-    return ctx.chartsTheme;
-}

package/dist/cjs/context/ItemActionsProvider.js

@@ -1,111 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get ItemActionsProvider () {
-        return ItemActionsProvider;
-    },
-    get useItemActions () {
-        return useItemActions;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const ItemActionsContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function ItemActionsProvider({ children }) {
-    const [actionStatuses, setActionStatuses] = (0, _react.useState)(new Map());
-    const setActionStatus = (0, _react.useCallback)((actionName, status, itemId)=>{
-        setActionStatuses((prev)=>{
-            const newMap = new Map(prev);
-            const existingStatus = newMap.get(actionName) || {
-                loading: false
-            };
-            if (itemId !== undefined) {
-                // Update item-level status for individual actions
-                const itemStatuses = new Map(existingStatus.itemStatuses || new Map());
-                const existingItemStatus = itemStatuses.get(itemId) || {
-                    loading: false
-                };
-                itemStatuses.set(itemId, {
-                    ...existingItemStatus,
-                    ...status
-                });
-                newMap.set(actionName, {
-                    ...existingStatus,
-                    itemStatuses
-                });
-            } else {
-                // Update action-level status for batch actions
-                newMap.set(actionName, {
-                    ...existingStatus,
-                    ...status
-                });
-            }
-            return newMap;
-        });
-    }, []);
-    const clearActionStatus = (0, _react.useCallback)((actionName)=>{
-        setActionStatuses((prev)=>{
-            if (actionName === undefined) {
-                return new Map();
-            }
-            if (!prev.has(actionName)) return prev;
-            const newMap = new Map(prev);
-            newMap.delete(actionName);
-            return newMap;
-        });
-    }, []);
-    const ctx = (0, _react.useMemo)(()=>({
-            actionStatuses,
-            setActionStatus,
-            clearActionStatus
-        }), [
-        actionStatuses,
-        setActionStatus,
-        clearActionStatus
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemActionsContext.Provider, {
-        value: ctx,
-        children: children
-    });
-}
-const noOp = ()=>{};
-const emptyActionStatuses = new Map();
-const defaultState = {
-    actionStatuses: emptyActionStatuses,
-    setActionStatus: noOp,
-    clearActionStatus: noOp,
-    hasContext: false
-};
-function useItemActions() {
-    const ctx = (0, _react.useContext)(ItemActionsContext);
-    const memoizedResult = (0, _react.useMemo)(()=>{
-        if (!ctx) return defaultState;
-        return {
-            ...ctx,
-            hasContext: true
-        };
-    }, [
-        ctx
-    ]);
-    return memoizedResult;
-}

package/dist/cjs/context/SelectionProvider.js

@@ -1,128 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get SelectionProvider () {
-        return SelectionProvider;
-    },
-    get useSelection () {
-        return useSelection;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const SelectionContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-const defaultGetId = (_item, index)=>index;
-function SelectionProvider({ children }) {
-    const [selectionMap, setSelectionMap] = (0, _react.useState)(new Map());
-    const getIdRef = (0, _react.useRef)(defaultGetId);
-    // Allows consumers to register their own getId function. by default we use the index.
-    const registerGetId = (0, _react.useCallback)((fn)=>{
-        getIdRef.current = fn;
-    }, []);
-    const setSelection = (0, _react.useCallback)((items)=>{
-        const newMap = new Map();
-        items.forEach(({ item, id })=>newMap.set(id, item));
-        setSelectionMap(newMap);
-    }, []);
-    const toggleSelection = (0, _react.useCallback)((item, id)=>{
-        setSelectionMap((prev)=>{
-            const newMap = new Map(prev);
-            if (newMap.has(id)) {
-                newMap.delete(id);
-            } else {
-                newMap.set(id, item);
-            }
-            return newMap;
-        });
-    }, []);
-    const removeFromSelection = (0, _react.useCallback)((id)=>{
-        setSelectionMap((prev)=>{
-            if (!prev.has(id)) return prev;
-            const newMap = new Map(prev);
-            newMap.delete(id);
-            return newMap;
-        });
-    }, []);
-    const clearSelection = (0, _react.useCallback)(()=>setSelectionMap(new Map()), []);
-    const isSelected = (0, _react.useCallback)((item, index)=>selectionMap.has(getIdRef.current(item, index)), [
-        selectionMap
-    ]);
-    const ctx = (0, _react.useMemo)(()=>({
-            selectionMap,
-            setSelection,
-            toggleSelection,
-            removeFromSelection,
-            clearSelection,
-            isSelected,
-            registerGetId
-        }), [
-        selectionMap,
-        setSelection,
-        toggleSelection,
-        removeFromSelection,
-        clearSelection,
-        isSelected,
-        registerGetId
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(SelectionContext.Provider, {
-        value: ctx,
-        children: children
-    });
-}
-/**
- *  No-op functions and empty map for when there is no context available.
- * This allows components to use the hook without crashing given the optional nature of the provider.
- */ const noOp = ()=>{};
-const noOpIsSelected = ()=>false;
-const emptyMap = new Map();
-const defaultState = {
-    selectionMap: emptyMap,
-    setSelection: noOp,
-    toggleSelection: noOp,
-    removeFromSelection: noOp,
-    clearSelection: noOp,
-    isSelected: noOpIsSelected,
-    hasContext: false
-};
-function useSelection(options) {
-    const ctx = (0, _react.useContext)(SelectionContext);
-    (0, _react.useEffect)(()=>{
-        if (ctx && options?.getId) {
-            ctx.registerGetId(options.getId);
-        }
-    }, [
-        ctx,
-        options?.getId
-    ]);
-    const memoizedResult = (0, _react.useMemo)(()=>{
-        if (!ctx) return defaultState;
-        const { registerGetId: _, ...rest } = ctx;
-        return {
-            ...rest,
-            hasContext: true
-        };
-    }, [
-        ctx
-    ]);
-    return memoizedResult;
-}

package/dist/cjs/context/SnackbarProvider.js

@@ -1,126 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get SnackbarProvider () {
-        return SnackbarProvider;
-    },
-    get useSnackbar () {
-        return useSnackbar;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _styles = require("@mui/material/styles");
-const _notistack = require("notistack");
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
-function SnackbarProvider({ children, ...props }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_notistack.SnackbarProvider, {
-        ...props,
-        Components: {
-            error: (0, _styles.styled)(_notistack.MaterialDesignContent)(()=>({
-                    '&.notistack-MuiContent-error': {
-                        whiteSpace: 'pre-wrap'
-                    }
-                }))
-        },
-        children: children
-    });
-}
-function useSnackbar() {
-    const { enqueueSnackbar, closeSnackbar } = (0, _notistack.useSnackbar)();
-    // Create variant-specific callbacks
-    const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');
-    const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');
-    const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');
-    const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');
-    const exceptionSnackbar = (0, _react.useCallback)((error, options)=>{
-        // Try to use message prop, but fallback to a default message that
-        // will just stringify the error provided
-        const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;
-        return errorSnackbar(message, options);
-    }, [
-        errorSnackbar
-    ]);
-    return {
-        enqueueSnackbar,
-        closeSnackbar,
-        errorSnackbar,
-        infoSnackbar,
-        warningSnackbar,
-        successSnackbar,
-        exceptionSnackbar
-    };
-}
-// Helper to create a variant-specific enqueue function
-function useEnqueueFunction(enqueueSnackbar, variant) {
-    return (0, _react.useCallback)((message, options)=>{
-        const allOptions = {
-            ...options,
-            variant
-        };
-        return enqueueSnackbar(message, allOptions);
-    }, [
-        enqueueSnackbar,
-        variant
-    ]);
-}