@perses-dev/components 0.0.0-snapshot-time-range-height-80d08fc

package/dist/cjs/model/units/units.js

@@ -0,0 +1,104 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    UNIT_GROUP_CONFIG: ()=>UNIT_GROUP_CONFIG,
+    UNIT_CONFIG: ()=>UNIT_CONFIG,
+    formatValue: ()=>formatValue,
+    getUnitKindConfig: ()=>getUnitKindConfig,
+    getUnitGroup: ()=>getUnitGroup,
+    getUnitGroupConfig: ()=>getUnitGroupConfig,
+    isTimeUnit: ()=>isTimeUnit,
+    isPercentUnit: ()=>isPercentUnit,
+    isDecimalUnit: ()=>isDecimalUnit,
+    isBytesUnit: ()=>isBytesUnit,
+    isUnitWithDecimalPlaces: ()=>isUnitWithDecimalPlaces,
+    isUnitWithAbbreviate: ()=>isUnitWithAbbreviate
+});
+const _bytes = require("./bytes");
+const _constants = require("./constants");
+const _decimal = require("./decimal");
+const _percent = require("./percent");
+const _time = require("./time");
+const UNIT_GROUP_CONFIG = {
+    Time: _time.TIME_GROUP_CONFIG,
+    Percent: _decimal.PERCENT_GROUP_CONFIG,
+    Decimal: _percent.DECIMAL_GROUP_CONFIG,
+    Bytes: _bytes.BYTES_GROUP_CONFIG
+};
+const UNIT_CONFIG = {
+    ..._time.TIME_UNIT_CONFIG,
+    ..._percent.PERCENT_UNIT_CONFIG,
+    ..._decimal.DECIMAL_UNIT_CONFIG,
+    ..._bytes.BYTES_UNIT_CONFIG
+};
+function formatValue(value, unitOptions) {
+    if (unitOptions === undefined) {
+        return value.toString();
+    }
+    if (isDecimalUnit(unitOptions)) {
+        return (0, _decimal.formatDecimal)(value, unitOptions);
+    }
+    if (isTimeUnit(unitOptions)) {
+        return (0, _time.formatTime)(value, unitOptions);
+    }
+    if (isPercentUnit(unitOptions)) {
+        return (0, _percent.formatPercent)(value, unitOptions);
+    }
+    if (isBytesUnit(unitOptions)) {
+        var _decimal_places;
+        const decimals = (_decimal_places = unitOptions.decimal_places) !== null && _decimal_places !== void 0 ? _decimal_places : _constants.DEFAULT_DECIMAL_PLACES;
+        return (0, _bytes.formatBytes)(value, decimals);
+    }
+    const exhaustive = unitOptions;
+    throw new Error(`Unknown unit options ${exhaustive}`);
+}
+function getUnitKindConfig(unitOptions) {
+    return UNIT_CONFIG[unitOptions.kind];
+}
+function getUnitGroup(unitOptions) {
+    return getUnitKindConfig(unitOptions).group;
+}
+function getUnitGroupConfig(unitOptions) {
+    const unitConfig = getUnitKindConfig(unitOptions);
+    return UNIT_GROUP_CONFIG[unitConfig.group];
+}
+function isTimeUnit(unitOptions) {
+    return getUnitGroup(unitOptions) === 'Time';
+}
+function isPercentUnit(unitOptions) {
+    return getUnitGroup(unitOptions) === 'Percent';
+}
+function isDecimalUnit(unitOptions) {
+    return getUnitGroup(unitOptions) === 'Decimal';
+}
+function isBytesUnit(unitOptions) {
+    return getUnitGroup(unitOptions) === 'Bytes';
+}
+function isUnitWithDecimalPlaces(unitOptions) {
+    const groupConfig = getUnitGroupConfig(unitOptions);
+    return !!groupConfig.decimal_places;
+}
+function isUnitWithAbbreviate(unitOptions) {
+    const groupConfig = getUnitGroupConfig(unitOptions);
+    return !!groupConfig.abbreviate;
+}

package/dist/cjs/test/index.js

@@ -0,0 +1,28 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./render"), 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/test/render.js

@@ -0,0 +1,36 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderWithContext", {
+    enumerable: true,
+    get: ()=>renderWithContext
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+const _reactQuery = require("@tanstack/react-query");
+const queryClient = new _reactQuery.QueryClient({
+    defaultOptions: {
+        queries: {
+            refetchOnWindowFocus: false
+        }
+    }
+});
+function renderWithContext(ui, options) {
+    return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+        client: queryClient,
+        children: ui
+    }), options);
+}

package/dist/cjs/test/setup-tests.js

@@ -0,0 +1,20 @@
+// 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.
+// Add testing library assertions
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom/extend-expect");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/dist/cjs/test-utils/index.js

@@ -0,0 +1,28 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./theme"), 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/test-utils/theme.js

@@ -0,0 +1,28 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "testChartsTheme", {
+    enumerable: true,
+    get: ()=>testChartsTheme
+});
+const testChartsTheme = {
+    echartsTheme: {},
+    noDataOption: {},
+    sparkline: {
+        width: 1,
+        color: '#000000'
+    }
+};

package/dist/cjs/theme/index.js

@@ -0,0 +1,28 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./theme"), 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/theme/palette/background.js

@@ -0,0 +1,40 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "background", {
+    enumerable: true,
+    get: ()=>background
+});
+const _colors = require("./colors");
+const background = (mode)=>{
+    const navigation = _colors.blue[150];
+    const overlay = 'rgba(21, 23, 33, 0.75)'; // grey[900] with opacity 75%
+    return mode === 'light' ? {
+        navigation,
+        overlay,
+        default: _colors.grey[50],
+        paper: _colors.white,
+        tooltip: _colors.grey[100],
+        border: _colors.grey[100]
+    } : {
+        navigation,
+        overlay,
+        default: _colors.grey[900],
+        paper: _colors.grey[850],
+        tooltip: _colors.grey[700],
+        border: _colors.grey[600]
+    };
+};

package/dist/cjs/theme/palette/colors/blue.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "blue", {
+    enumerable: true,
+    get: ()=>blue
+});
+const blue = {
+    50: '#E7F1FC',
+    100: '#D0E3FA',
+    150: '#B8D5F7',
+    200: '#A1C7F5',
+    300: '#72ABF0',
+    400: '#438FEB',
+    500: '#1473E6',
+    600: '#105CB8',
+    700: '#0C458A',
+    800: '#082E5C',
+    850: '#062345',
+    900: '#04172E',
+    950: '#020C17'
+};

package/dist/cjs/theme/palette/colors/common.js

@@ -0,0 +1,28 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    white: ()=>white,
+    black: ()=>black
+});
+const white = '#FFFFFF';
+const black = '#000000';

package/dist/cjs/theme/palette/colors/green.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "green", {
+    enumerable: true,
+    get: ()=>green
+});
+const green = {
+    50: '#EAF9F1',
+    100: '#D5F2E3',
+    150: '#C1ECD4',
+    200: '#ACE5C6',
+    300: '#82D9AA',
+    400: '#59CC8D',
+    500: '#2FBF71',
+    600: '#26995A',
+    700: '#1C7344',
+    800: '#134C2D',
+    850: '#0E3922',
+    900: '#092617',
+    950: '#05130B'
+};

package/dist/cjs/theme/palette/colors/grey.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "grey", {
+    enumerable: true,
+    get: ()=>grey
+});
+const grey = {
+    50: '#F0F1F6',
+    100: '#E1E3ED',
+    150: '#D2D5E4',
+    200: '#C3C7DB',
+    300: '#A4ACC8',
+    400: '#8690B6',
+    500: '#717CA4',
+    600: '#535D83',
+    700: '#3E4662',
+    800: '#2A2E42',
+    850: '#1F2331',
+    900: '#151721',
+    950: '#0A0C10'
+};

package/dist/cjs/theme/palette/colors/index.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./blue"), exports);
+_exportStar(require("./common"), exports);
+_exportStar(require("./green"), exports);
+_exportStar(require("./grey"), exports);
+_exportStar(require("./orange"), exports);
+_exportStar(require("./purple"), exports);
+_exportStar(require("./red"), exports);
+_exportStar(require("./types"), 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/theme/palette/colors/orange.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "orange", {
+    enumerable: true,
+    get: ()=>orange
+});
+const orange = {
+    50: '#FFF5E8',
+    100: '#FFECD2',
+    150: '#FFE2BB',
+    200: '#FFD9A4',
+    300: '#FFC577',
+    400: '#FFB249',
+    500: '#FF9F1C',
+    600: '#CC7F16',
+    700: '#995F11',
+    800: '#66400B',
+    850: '#4D3008',
+    900: '#332006',
+    950: '#1A1003'
+};

package/dist/cjs/theme/palette/colors/purple.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "purple", {
+    enumerable: true,
+    get: ()=>purple
+});
+const purple = {
+    50: '#EFE9FD',
+    100: '#E0D2FC',
+    150: '#D0BCFA',
+    200: '#C1A6F8',
+    300: '#A179F5',
+    400: '#824DF1',
+    500: '#6320EE',
+    600: '#4F1ABE',
+    700: '#3B138F',
+    800: '#280D5F',
+    850: '#1E0A47',
+    900: '#140630',
+    950: '#0A0318'
+};

package/dist/cjs/theme/palette/colors/red.js

@@ -0,0 +1,35 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "red", {
+    enumerable: true,
+    get: ()=>red
+});
+const red = {
+    50: '#FDEDED',
+    100: '#FBDADA',
+    150: '#F9C8C8',
+    200: '#F7B5B5',
+    300: '#F29191',
+    400: '#EE6C6C',
+    500: '#EA4747',
+    600: '#BD3939',
+    700: '#902B2B',
+    800: '#621D1D',
+    850: '#4C1616',
+    900: '#350F0F',
+    950: '#1F0808'
+};

package/dist/cjs/theme/palette/colors/types.js

@@ -0,0 +1,16 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/theme/palette/error.js

@@ -0,0 +1,32 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "error", {
+    enumerable: true,
+    get: ()=>error
+});
+const _colors = require("./colors");
+const error = (mode)=>{
+    return mode === 'light' ? {
+        main: _colors.red[500],
+        dark: _colors.red[600],
+        light: _colors.red[50]
+    } : {
+        main: _colors.red[400],
+        dark: _colors.red[800],
+        light: _colors.red[300]
+    };
+};