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

package/dist/cjs/EChart/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("./EChart"), exports);
-_export_star(require("./timezone-formatter"), 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/EChart/timezone-formatter.js

@@ -1,49 +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, "createTimezoneAwareAxisFormatter", {
-    enumerable: true,
-    get: function() {
-        return createTimezoneAwareAxisFormatter;
-    }
-});
-const _components = require("@perses-dev/components");
-const DAY_MS = 1000 * 60 * 60 * 24;
-const MONTH_MS = DAY_MS * 30;
-const YEAR_MS = DAY_MS * 365;
-function createTimezoneAwareAxisFormatter(rangeMs, timeZone) {
-    return function(value) {
-        const timeStamp = new Date(Number(value));
-        // more than 5 years
-        if (rangeMs > YEAR_MS * 5) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'yyyy', timeZone);
-        }
-        // more than 6 months
-        if (rangeMs > MONTH_MS * 6) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'MMM yyyy', timeZone);
-        }
-        // more than 10 days
-        if (rangeMs > DAY_MS * 10) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'dd.MM', timeZone);
-        }
-        // more than 2 days
-        if (rangeMs > DAY_MS * 2) {
-            return (0, _components.formatWithTimeZone)(timeStamp, 'dd.MM HH:mm', timeZone);
-        }
-        // less or equal 2 days
-        return (0, _components.formatWithTimeZone)(timeStamp, 'HH:mm', timeZone);
-    };
-}

package/dist/cjs/ErrorAlert.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
-});
-Object.defineProperty(exports, "ErrorAlert", {
-    enumerable: true,
-    get: function() {
-        return ErrorAlert;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-function ErrorAlert(props) {
-    const { error } = props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
-        severity: "error",
-        children: error.message
-    });
-}

package/dist/cjs/ErrorBoundary.js

@@ -1,24 +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.
-// Just use react-error-boundary as-is for now
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ErrorBoundary", {
-    enumerable: true,
-    get: function() {
-        return _reacterrorboundary.ErrorBoundary;
-    }
-});
-const _reacterrorboundary = require("react-error-boundary");

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;
-}