@perses-dev/components 0.55.0-beta.2 → 0.55.0-beta.6

package/dist/cjs/FontSizeSelector/FontSizeSelector.js

@@ -1,132 +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, "FontSizeSelector", {
-    enumerable: true,
-    get: function() {
-        return FontSizeSelector;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _OptionsEditorLayout = require("../OptionsEditorLayout");
-const _SettingsAutocomplete = require("../SettingsAutocomplete");
-const FONT_SIZE_OPTIONS = [
-    {
-        id: 'default',
-        label: 'Default',
-        value: undefined
-    },
-    {
-        id: '12',
-        label: '12',
-        value: 12
-    },
-    {
-        id: '14',
-        label: '14',
-        value: 14
-    },
-    {
-        id: '16',
-        label: '16',
-        value: 16
-    },
-    {
-        id: '20',
-        label: '20',
-        value: 20
-    },
-    {
-        id: '24',
-        label: '24',
-        value: 24
-    },
-    {
-        id: '28',
-        label: '28',
-        value: 28
-    },
-    {
-        id: '32',
-        label: '32',
-        value: 32
-    },
-    {
-        id: '36',
-        label: '36',
-        value: 36
-    },
-    {
-        id: '40',
-        label: '40',
-        value: 40
-    },
-    {
-        id: '48',
-        label: '48',
-        value: 48
-    },
-    {
-        id: '56',
-        label: '56',
-        value: 56
-    },
-    {
-        id: '64',
-        label: '64',
-        value: 64
-    },
-    {
-        id: '72',
-        label: '72',
-        value: 72
-    },
-    {
-        id: '96',
-        label: '96',
-        value: 96
-    },
-    {
-        id: '128',
-        label: '128',
-        value: 128
-    },
-    {
-        id: '160',
-        label: '160',
-        value: 160
-    },
-    {
-        id: '192',
-        label: '192',
-        value: 192
-    }
-];
-function FontSizeSelector({ value, onChange }) {
-    const handleFontSizeChange = (_, { value })=>{
-        onChange(value);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
-        label: "Font Size",
-        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SettingsAutocomplete.SettingsAutocomplete, {
-            value: FONT_SIZE_OPTIONS.find((o)=>o.value === value),
-            options: FONT_SIZE_OPTIONS,
-            getOptionLabel: (o)=>o.label,
-            onChange: handleFontSizeChange,
-            disableClearable: true
-        })
-    });
-}

package/dist/cjs/FontSizeSelector/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("./FontSizeSelector"), 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/FormEditor/FormActions.js

@@ -1,83 +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, "FormActions", {
-    enumerable: true,
-    get: function() {
-        return FormActions;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-function FormActions({ action, submitText = 'Save', cancelText = 'Cancel', isReadonly, isValid, onActionChange, onSubmit, onDelete, onCancel, ...props }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-        direction: "row",
-        gap: 1,
-        sx: {
-            marginLeft: 'auto'
-        },
-        ...props,
-        children: action === 'read' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                onActionChange && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                    disabled: isReadonly,
-                    variant: "contained",
-                    onClick: ()=>onActionChange('update'),
-                    children: "Edit"
-                }),
-                onDelete && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                    color: "error",
-                    disabled: isReadonly,
-                    variant: "outlined",
-                    onClick: onDelete,
-                    children: "Delete"
-                }),
-                onCancel && (onSubmit || onDelete) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
-                    orientation: "vertical",
-                    flexItem: true,
-                    sx: {
-                        borderColor: (theme)=>theme.palette.grey['500'],
-                        '&.MuiDivider-root': {
-                            marginLeft: 2,
-                            marginRight: 1
-                        }
-                    }
-                }),
-                onCancel && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                    color: "secondary",
-                    variant: "outlined",
-                    onClick: onCancel,
-                    children: cancelText
-                })
-            ]
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                onSubmit && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                    variant: "contained",
-                    disabled: !isValid,
-                    onClick: onSubmit,
-                    children: submitText
-                }),
-                onCancel && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                    color: "secondary",
-                    variant: "outlined",
-                    onClick: onCancel,
-                    children: cancelText
-                })
-            ]
-        })
-    });
-}

package/dist/cjs/FormEditor/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("./FormActions"), 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/FormatControls/FormatControls.js

@@ -1,119 +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, "FormatControls", {
-    enumerable: true,
-    get: function() {
-        return FormatControls;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _OptionsEditorLayout = require("../OptionsEditorLayout");
-const _SettingsAutocomplete = require("../SettingsAutocomplete");
-const _model = require("../model");
-const _UnitSelector = require("./UnitSelector");
-const DECIMAL_PLACES_OPTIONS = [
-    {
-        id: 'default',
-        label: 'Default',
-        decimalPlaces: undefined
-    },
-    {
-        id: '0',
-        label: '0',
-        decimalPlaces: 0
-    },
-    {
-        id: '1',
-        label: '1',
-        decimalPlaces: 1
-    },
-    {
-        id: '2',
-        label: '2',
-        decimalPlaces: 2
-    },
-    {
-        id: '3',
-        label: '3',
-        decimalPlaces: 3
-    },
-    {
-        id: '4',
-        label: '4',
-        decimalPlaces: 4
-    }
-];
-function getOptionByDecimalPlaces(decimalPlaces) {
-    return DECIMAL_PLACES_OPTIONS.find((o)=>o.decimalPlaces === decimalPlaces);
-}
-function FormatControls({ value, onChange, disabled = false }) {
-    const hasDecimalPlaces = (0, _model.isUnitWithDecimalPlaces)(value);
-    const hasShortValues = (0, _model.isUnitWithShortValues)(value);
-    const handleUnitChange = (newValue)=>{
-        onChange(newValue || {
-            unit: 'decimal'
-        }); // Fallback to 'decimal' if undefined
-    };
-    const handleDecimalPlacesChange = ({ decimalPlaces })=>{
-        if (hasDecimalPlaces) {
-            onChange({
-                ...value,
-                decimalPlaces: decimalPlaces
-            });
-        }
-    };
-    const handleShortValuesChange = (_, checked)=>{
-        if (hasShortValues) {
-            onChange({
-                ...value,
-                shortValues: checked
-            });
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
-                label: "Short values",
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                    checked: hasShortValues ? (0, _model.shouldShortenValues)(value.shortValues) : false,
-                    onChange: handleShortValuesChange,
-                    disabled: !hasShortValues
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
-                label: "Unit",
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_UnitSelector.UnitSelector, {
-                    value: value,
-                    onChange: handleUnitChange,
-                    disabled: disabled
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
-                label: "Decimals",
-                control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SettingsAutocomplete.SettingsAutocomplete, {
-                    value: getOptionByDecimalPlaces(value.decimalPlaces),
-                    options: DECIMAL_PLACES_OPTIONS,
-                    getOptionLabel: (o)=>o.label,
-                    onChange: (_, value)=>handleDecimalPlacesChange(value),
-                    disabled: !hasDecimalPlaces,
-                    disableClearable: true
-                })
-            })
-        ]
-    });
-}

package/dist/cjs/FormatControls/UnitSelector.js

@@ -1,55 +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, "UnitSelector", {
-    enumerable: true,
-    get: function() {
-        return UnitSelector;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _SettingsAutocomplete = require("../SettingsAutocomplete");
-const _model = require("../model");
-const KIND_OPTIONS = Object.entries(_model.UNIT_CONFIG).map(([id, config])=>{
-    return {
-        ...config,
-        id: id,
-        group: config.group || 'Decimal'
-    };
-}).filter((config)=>!config.disableSelectorOption);
-function UnitSelector({ value, onChange, disabled = false, ...otherProps }) {
-    const unitConfig = _model.UNIT_CONFIG[value?.unit || 'decimal'];
-    const handleChange = (_, newValue)=>{
-        if (newValue === null) {
-            onChange(undefined);
-        } else {
-            onChange({
-                unit: newValue.id
-            });
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SettingsAutocomplete.SettingsAutocomplete, {
-        value: value ? {
-            id: value.unit || 'decimal',
-            ...unitConfig
-        } : null,
-        options: KIND_OPTIONS,
-        groupBy: (option)=>option.group ?? 'Decimal',
-        onChange: handleChange,
-        disabled: disabled,
-        ...otherProps
-    });
-}

package/dist/cjs/FormatControls/index.js

@@ -1,31 +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("./FormatControls"), exports);
-_export_star(require("./UnitSelector"), 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/InfoTooltip/InfoTooltip.js

@@ -1,86 +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, "InfoTooltip", {
-    enumerable: true,
-    get: function() {
-        return InfoTooltip;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const InfoTooltip = ({ id, title, description, placement, children, enterDelay, enterNextDelay })=>{
-    // Wrap children in a span to cover the following use cases:
-    //  - Disabled buttons. MUI console.errors on putting these inside a tooltip.
-    //  - Non-element tooltip children (e.g. text). The tooltip needs something that
-    //   can have a ref as a child.
-    // We wrap in a `span` and not a `div` to minimize the impact on page layout
-    // and styles.
-    const wrappedChildren = /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: children
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledTooltip, {
-        arrow: true,
-        id: id,
-        placement: placement ?? 'top',
-        title: /*#__PURE__*/ (0, _jsxruntime.jsx)(TooltipContent, {
-            title: title,
-            description: description
-        }),
-        enterDelay: enterDelay ?? 500,
-        enterNextDelay: enterNextDelay ?? 500,
-        children: wrappedChildren
-    });
-};
-const TooltipContent = ({ title, description })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                variant: "body2",
-                sx: (theme)=>({
-                        color: theme.palette.text.primary,
-                        fontWeight: theme.typography.fontWeightMedium
-                    }),
-                children: title
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                variant: "caption",
-                sx: (theme)=>({
-                        color: theme.palette.text.primary,
-                        whiteSpace: 'pre-line'
-                    }),
-                children: description
-            })
-        ]
-    });
-};
-const StyledTooltip = (0, _material.styled)(({ className, ...props })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
-        ...props,
-        classes: {
-            popper: className
-        }
-    }))(({ theme })=>({
-        [`& .${_material.tooltipClasses.tooltip}`]: {
-            backgroundColor: theme.palette.background.tooltip,
-            color: theme.palette.text.primary,
-            maxWidth: '300px',
-            padding: theme.spacing(1),
-            boxShadow: theme.shadows[1]
-        },
-        [`& .${_material.tooltipClasses.arrow}`]: {
-            color: theme.palette.background.tooltip
-        }
-    }));

package/dist/cjs/InfoTooltip/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("./InfoTooltip"), 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/JSONEditor.js

@@ -1,69 +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, "JSONEditor", {
-    enumerable: true,
-    get: function() {
-        return JSONEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _reactcodemirror = /*#__PURE__*/ _interop_require_default(require("@uiw/react-codemirror"));
-const _langjson = require("@codemirror/lang-json");
-const _lint = require("@codemirror/lint");
-const _material = require("@mui/material");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function JSONEditor(props) {
-    const theme = (0, _material.useTheme)();
-    const isDarkMode = theme.palette.mode === 'dark';
-    const [value, setValue] = (0, _react.useState)(()=>JSON.stringify(props.value, null, 2));
-    const [lastProcessedValue, setLastProcessedValue] = (0, _react.useState)(value);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcodemirror.default, {
-        ...props,
-        style: {
-            border: `1px solid ${theme.palette.divider}`
-        },
-        theme: isDarkMode ? 'dark' : 'light',
-        extensions: [
-            (0, _langjson.json)(),
-            (0, _lint.linter)((0, _langjson.jsonParseLinter)()),
-            (0, _lint.lintGutter)()
-        ],
-        value: value,
-        onChange: (newValue)=>{
-            setValue(newValue);
-            // Trigger the provided onChange callback in real-time
-            if (props.onChange) {
-                props.onChange(newValue);
-            }
-        },
-        onBlur: ()=>{
-            // Don't trigger the provided onChange if the last processed value is equal to the current value.
-            // This prevents e.g CTRL+F to trigger value refresh downstream, which would cause the embedded
-            // find & replace interface to close immediately.
-            if (lastProcessedValue !== value && props.onChange !== undefined) {
-                props.onChange(value);
-                setLastProcessedValue(value);
-            }
-        },
-        placeholder: props.placeholder
-    });
-}