@perses-dev/components 0.54.0-beta.2 → 0.54.0-beta.4

package/dist/utils/transform-data.js

@@ -0,0 +1,214 @@
+// 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.
+/*
+ * Join: Regroup rows with equal cell value in a column.
+ * If there are multiple line with same value, next row values override the current one
+ *
+ * Example: Join on 'mount' column
+ * INPUT:
+ * | timestamp  | value #1 | value #3 | mount     |
+ * |------------|----------|----------|-----------|
+ * | 1630000000 | 1        |          | /         |
+ * | 1630000000 | 2        |          | /boot/efi |
+ * | 1630000000 |          | 3        | /         |
+ * | 1630000000 |          | 4        | /boot/efi |
+ *
+ * OUTPUT:
+ * | timestamp  | value #1 | value #3 | mount     |
+ * |------------|----------|----------|-----------|
+ * | 1630000000 | 1        | 3        | /         |
+ * | 1630000000 | 2        | 4        | /boot/efi |
+ */ export function applyJoinTransform(data, columns) {
+    // If column is undefined or empty, return data as is
+    if (columns.length === 0) {
+        return data;
+    }
+    const rowHashed = {};
+    for (const row of data){
+        const rowHash = Object.keys(row).filter((k)=>columns.includes(k)).map((k)=>row[k]).join('|');
+        const rowHashedValue = rowHashed[rowHash];
+        if (rowHashedValue) {
+            rowHashed[rowHash] = {
+                ...rowHashedValue,
+                ...row
+            };
+        } else {
+            rowHashed[rowHash] = {
+                ...row
+            };
+        }
+    }
+    return Object.values(rowHashed);
+}
+/*
+ * Merges selected columns into a single column.
+ *
+ * Example: Merge columns 'value #1' and 'value #2' into a single column 'MERGED'
+ * INPUT:
+ * +------------+----------+----------+-----------+-----------+
+ * | timestamp  | value #1 | value #2 | mount #1  | mount #2  |
+ * +------------+----------+----------+-----------+-----------+
+ * | 1630000000 | 1        |          | /         |           |
+ * | 1630000000 | 2        |          | /boot/efi |           |
+ * | 1630000000 |          | 3        |           | /         |
+ * | 1630000000 |          | 4        |           | /boot/efi |
+ * +------------+----------+----------+-----------+-----------+
+ *
+ * OUTPUT:
+ * +------------+--------+-----------+-----------+
+ * | timestamp  | MERGED | mount #1  | mount #2  |
+ * +------------+--------+-----------+-----------+
+ * | 1630000000 | 1      | /         |           |
+ * | 1630000000 | 2      | /boot/efi |           |
+ * | 1630000000 | 2      |           | /         |
+ * | 1630000000 | 3      |           | /boot/efi |
+ * +------------+--------+-----------+-----------+
+ */ export function applyMergeColumnsTransform(data, selectedColumns, outputName) {
+    const result = [];
+    for (const row of data){
+        const columns = Object.keys(row).filter((k)=>selectedColumns.includes(k));
+        const selectedColumnValues = {};
+        for (const column of columns){
+            selectedColumnValues[column] = row[column];
+            delete row[column];
+        }
+        for (const column of columns){
+            result.push({
+                ...row,
+                [outputName]: selectedColumnValues[column]
+            });
+        }
+        if (columns.length === 0) {
+            result.push(row);
+        }
+    }
+    return result;
+}
+/*
+ * Merge Indexed Columns: All indexed columns are merged to one column
+ *
+ * Example: Join on 'value' column
+ * INPUT:
+ * | timestamp #1 | timestamp #2 | value #1 | value #2 | instance #1 | instance #2 |
+ * |--------------|--------------|----------|----------|-------------|-------------|
+ * | 1630000000   |              | 55       |          | toto        |             |
+ * | 1630000000   |              | 33       |          | toto        |             |
+ * | 1630000000   |              | 45       |          | toto        |             |
+ * |              | 1630000000   |          | 112      |             | titi        |
+ * |              | 1630000000   |          | 20       |             | titi        |
+ * |              | 1630000000   |          | 10       |             | titi        |
+ *
+ * OUTPUT:
+ * | timestamp #1 | timestamp #2 | value | instance #1 | instance #2 |
+ * |--------------|--------------|-------|-------------|-------------|
+ * | 1630000000   |              | 55    | toto        |             |
+ * | 1630000000   |              | 33    | toto        |             |
+ * | 1630000000   |              | 45    | toto        |             |
+ * |              | 1630000000   | 112   |             | titi        |
+ * |              | 1630000000   | 20    |             | titi        |
+ * |              | 1630000000   | 10    |             | titi        |
+ */ export function applyMergeIndexedColumnsTransform(data, column) {
+    const result = [];
+    for (const entry of data){
+        const indexedColumns = Object.keys(entry).filter((k)=>new RegExp('^((' + column + ' #\\d+)|(' + column + '))$').test(k));
+        const indexedColumnValues = {};
+        for (const indexedColumn of indexedColumns){
+            indexedColumnValues[indexedColumn] = entry[indexedColumn];
+            delete entry[indexedColumn];
+        }
+        for (const indexedColumn of indexedColumns){
+            result.push({
+                ...entry,
+                [column]: indexedColumnValues[indexedColumn]
+            });
+        }
+        if (indexedColumns.length === 0) {
+            result.push(entry);
+        }
+    }
+    return result;
+}
+/*
+ * Merge Indexed Columns: All indexed columns are merged to one column
+ *
+ * INPUT:
+ * | timestamp  | value #1 | value #2 | mount #1  | mount #2  | instance #1 | instance #2 | env #1 | env #2 |
+ * |------------|----------|----------|-----------|-----------|-------------|-------------|--------|--------|
+ * | 1630000000 | 1        |          | /         |           | test:44     |             | prd    |        |
+ * | 1630000000 | 2        |          | /boot/efi |           | test:44     |             | prd    |        |
+ * | 1630000000 |          | 5        |           | /         |             | test:44     |        | prd    |
+ * | 1630000000 |          | 6        |           | /boot/efi |             | test:44     |        | prd    |
+ *
+ * OUTPUT:
+ * | timestamp  | value #1 | value #2 | mount     | instance | env |
+ * |------------|----------|----------|-----------|----------|-----|
+ * | 1630000000 | 1        | 5        | /         | test:44  | prd |
+ * | 1630000000 | 2        | 6        | /boot/efi | test:44  | prd |
+ */ export function applyMergeSeriesTransform(data) {
+    let result = [
+        ...data
+    ];
+    const labelColumns = Array.from(new Set(data.flatMap(Object.keys).map((label)=>label.replace(/ #\d+/, '')).filter((label)=>label !== 'value')));
+    for (const label of labelColumns){
+        result = applyMergeIndexedColumnsTransform(result, label);
+    }
+    result = applyJoinTransform(result, labelColumns);
+    return result;
+}
+/*
+ * Transforms query data with the given transforms
+ */ export function transformData(data, transforms) {
+    let result = data;
+    // Apply transforms by their orders
+    for (const transform of transforms ?? []){
+        if (transform.spec.disabled) continue;
+        switch(transform.kind){
+            case 'JoinByColumnValue':
+                {
+                    if (transform.spec.columns && transform.spec.columns.length > 0) {
+                        result = applyJoinTransform(result, transform.spec.columns);
+                    }
+                    break;
+                }
+            case 'MergeIndexedColumns':
+                {
+                    if (transform.spec.column) {
+                        result = applyMergeIndexedColumnsTransform(result, transform.spec.column);
+                    }
+                    break;
+                }
+            case 'MergeColumns':
+                {
+                    if (transform.spec.columns && transform.spec.columns.length > 0 && transform.spec.name) {
+                        result = applyMergeColumnsTransform(result, transform.spec.columns, transform.spec.name);
+                    }
+                    break;
+                }
+            case 'MergeSeries':
+                {
+                    result = applyMergeSeriesTransform(result);
+                    break;
+                }
+        }
+    }
+    // Ordering data column alphabetically
+    result = result.map((row)=>{
+        return Object.keys(row).sort().reduce((obj, key)=>{
+            obj[key] = row[key];
+            return obj;
+        }, {});
+    });
+    return result;
+}
+
+//# sourceMappingURL=transform-data.js.map

package/dist/utils/transform-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/transform-data.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Transform } from '../model';\n\n/*\n * Join: Regroup rows with equal cell value in a column.\n * If there are multiple line with same value, next row values override the current one\n *\n * Example: Join on 'mount' column\n * INPUT:\n * | timestamp  | value #1 | value #3 | mount     |\n * |------------|----------|----------|-----------|\n * | 1630000000 | 1        |          | /         |\n * | 1630000000 | 2        |          | /boot/efi |\n * | 1630000000 |          | 3        | /         |\n * | 1630000000 |          | 4        | /boot/efi |\n *\n * OUTPUT:\n * | timestamp  | value #1 | value #3 | mount     |\n * |------------|----------|----------|-----------|\n * | 1630000000 | 1        | 3        | /         |\n * | 1630000000 | 2        | 4        | /boot/efi |\n */\nexport function applyJoinTransform(\n  data: Array<Record<string, unknown>>,\n  columns: string[]\n): Array<Record<string, unknown>> {\n  // If column is undefined or empty, return data as is\n  if (columns.length === 0) {\n    return data;\n  }\n\n  const rowHashed: { [key: string]: Record<string, unknown> } = {};\n\n  for (const row of data) {\n    const rowHash = Object.keys(row)\n      .filter((k) => columns.includes(k))\n      .map((k) => row[k])\n      .join('|');\n\n    const rowHashedValue = rowHashed[rowHash];\n    if (rowHashedValue) {\n      rowHashed[rowHash] = { ...rowHashedValue, ...row };\n    } else {\n      rowHashed[rowHash] = { ...row };\n    }\n  }\n  return Object.values(rowHashed);\n}\n\n/*\n * Merges selected columns into a single column.\n *\n * Example: Merge columns 'value #1' and 'value #2' into a single column 'MERGED'\n * INPUT:\n * +------------+----------+----------+-----------+-----------+\n * | timestamp  | value #1 | value #2 | mount #1  | mount #2  |\n * +------------+----------+----------+-----------+-----------+\n * | 1630000000 | 1        |          | /         |           |\n * | 1630000000 | 2        |          | /boot/efi |           |\n * | 1630000000 |          | 3        |           | /         |\n * | 1630000000 |          | 4        |           | /boot/efi |\n * +------------+----------+----------+-----------+-----------+\n *\n * OUTPUT:\n * +------------+--------+-----------+-----------+\n * | timestamp  | MERGED | mount #1  | mount #2  |\n * +------------+--------+-----------+-----------+\n * | 1630000000 | 1      | /         |           |\n * | 1630000000 | 2      | /boot/efi |           |\n * | 1630000000 | 2      |           | /         |\n * | 1630000000 | 3      |           | /boot/efi |\n * +------------+--------+-----------+-----------+\n */\nexport function applyMergeColumnsTransform(\n  data: Array<Record<string, unknown>>,\n  selectedColumns: string[],\n  outputName: string\n): Array<Record<string, unknown>> {\n  const result: Array<Record<string, unknown>> = [];\n\n  for (const row of data) {\n    const columns = Object.keys(row).filter((k) => selectedColumns.includes(k));\n\n    const selectedColumnValues: Record<string, unknown> = {};\n\n    for (const column of columns) {\n      selectedColumnValues[column] = row[column];\n      delete row[column];\n    }\n\n    for (const column of columns) {\n      result.push({ ...row, [outputName]: selectedColumnValues[column] });\n    }\n\n    if (columns.length === 0) {\n      result.push(row);\n    }\n  }\n\n  return result;\n}\n\n/*\n * Merge Indexed Columns: All indexed columns are merged to one column\n *\n * Example: Join on 'value' column\n * INPUT:\n * | timestamp #1 | timestamp #2 | value #1 | value #2 | instance #1 | instance #2 |\n * |--------------|--------------|----------|----------|-------------|-------------|\n * | 1630000000   |              | 55       |          | toto        |             |\n * | 1630000000   |              | 33       |          | toto        |             |\n * | 1630000000   |              | 45       |          | toto        |             |\n * |              | 1630000000   |          | 112      |             | titi        |\n * |              | 1630000000   |          | 20       |             | titi        |\n * |              | 1630000000   |          | 10       |             | titi        |\n *\n * OUTPUT:\n * | timestamp #1 | timestamp #2 | value | instance #1 | instance #2 |\n * |--------------|--------------|-------|-------------|-------------|\n * | 1630000000   |              | 55    | toto        |             |\n * | 1630000000   |              | 33    | toto        |             |\n * | 1630000000   |              | 45    | toto        |             |\n * |              | 1630000000   | 112   |             | titi        |\n * |              | 1630000000   | 20    |             | titi        |\n * |              | 1630000000   | 10    |             | titi        |\n */\nexport function applyMergeIndexedColumnsTransform(\n  data: Array<Record<string, unknown>>,\n  column: string\n): Array<Record<string, unknown>> {\n  const result: Array<Record<string, unknown>> = [];\n\n  for (const entry of data) {\n    const indexedColumns = Object.keys(entry).filter((k) =>\n      new RegExp('^((' + column + ' #\\\\d+)|(' + column + '))$').test(k)\n    );\n    const indexedColumnValues: Record<string, unknown> = {};\n\n    for (const indexedColumn of indexedColumns) {\n      indexedColumnValues[indexedColumn] = entry[indexedColumn];\n      delete entry[indexedColumn];\n    }\n\n    for (const indexedColumn of indexedColumns) {\n      result.push({ ...entry, [column]: indexedColumnValues[indexedColumn] });\n    }\n\n    if (indexedColumns.length === 0) {\n      result.push(entry);\n    }\n  }\n\n  return result;\n}\n\n/*\n * Merge Indexed Columns: All indexed columns are merged to one column\n *\n * INPUT:\n * | timestamp  | value #1 | value #2 | mount #1  | mount #2  | instance #1 | instance #2 | env #1 | env #2 |\n * |------------|----------|----------|-----------|-----------|-------------|-------------|--------|--------|\n * | 1630000000 | 1        |          | /         |           | test:44     |             | prd    |        |\n * | 1630000000 | 2        |          | /boot/efi |           | test:44     |             | prd    |        |\n * | 1630000000 |          | 5        |           | /         |             | test:44     |        | prd    |\n * | 1630000000 |          | 6        |           | /boot/efi |             | test:44     |        | prd    |\n *\n * OUTPUT:\n * | timestamp  | value #1 | value #2 | mount     | instance | env |\n * |------------|----------|----------|-----------|----------|-----|\n * | 1630000000 | 1        | 5        | /         | test:44  | prd |\n * | 1630000000 | 2        | 6        | /boot/efi | test:44  | prd |\n */\nexport function applyMergeSeriesTransform(data: Array<Record<string, unknown>>): Array<Record<string, unknown>> {\n  let result: Array<Record<string, unknown>> = [...data];\n\n  const labelColumns = Array.from(\n    new Set(\n      data\n        .flatMap(Object.keys)\n        .map((label) => label.replace(/ #\\d+/, ''))\n        .filter((label) => label !== 'value')\n    )\n  );\n\n  for (const label of labelColumns) {\n    result = applyMergeIndexedColumnsTransform(result, label);\n  }\n\n  result = applyJoinTransform(result, labelColumns);\n\n  return result;\n}\n\n/*\n * Transforms query data with the given transforms\n */\nexport function transformData(\n  data: Array<Record<string, unknown>>,\n  transforms: Transform[]\n): Array<Record<string, unknown>> {\n  let result: Array<Record<string, unknown>> = data;\n\n  // Apply transforms by their orders\n  for (const transform of transforms ?? []) {\n    if (transform.spec.disabled) continue;\n\n    switch (transform.kind) {\n      case 'JoinByColumnValue': {\n        if (transform.spec.columns && transform.spec.columns.length > 0) {\n          result = applyJoinTransform(result, transform.spec.columns);\n        }\n        break;\n      }\n      case 'MergeIndexedColumns': {\n        if (transform.spec.column) {\n          result = applyMergeIndexedColumnsTransform(result, transform.spec.column);\n        }\n        break;\n      }\n      case 'MergeColumns': {\n        if (transform.spec.columns && transform.spec.columns.length > 0 && transform.spec.name) {\n          result = applyMergeColumnsTransform(result, transform.spec.columns, transform.spec.name);\n        }\n        break;\n      }\n      case 'MergeSeries': {\n        result = applyMergeSeriesTransform(result);\n        break;\n      }\n    }\n  }\n\n  // Ordering data column alphabetically\n  result = result.map((row) => {\n    return Object.keys(row)\n      .sort()\n      .reduce((obj: Record<string, unknown>, key: string) => {\n        obj[key] = row[key];\n        return obj;\n      }, {});\n  });\n  return result;\n}\n"],"names":["applyJoinTransform","data","columns","length","rowHashed","row","rowHash","Object","keys","filter","k","includes","map","join","rowHashedValue","values","applyMergeColumnsTransform","selectedColumns","outputName","result","selectedColumnValues","column","push","applyMergeIndexedColumnsTransform","entry","indexedColumns","RegExp","test","indexedColumnValues","indexedColumn","applyMergeSeriesTransform","labelColumns","Array","from","Set","flatMap","label","replace","transformData","transforms","transform","spec","disabled","kind","name","sort","reduce","obj","key"],"mappings":"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"}

package/dist/utils/types.d.ts

@@ -0,0 +1,2 @@
+export type DispatchWithPromise<A> = (value: A) => Promise<void>;
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/utils/types.js

@@ -0,0 +1,15 @@
+// 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.
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/types.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport type DispatchWithPromise<A> = (value: A) => Promise<void>;\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,WAAiE"}

package/dist/utils/value-mapping.d.ts

@@ -0,0 +1,3 @@
+import { MappedValue, ValueMapping } from '../model';
+export declare function applyValueMapping(value: number | string, mappings?: ValueMapping[]): MappedValue;
+//# sourceMappingURL=value-mapping.d.ts.map

package/dist/utils/value-mapping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-mapping.d.ts","sourceRoot":"","sources":["../../src/utils/value-mapping.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGrD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,GAAE,YAAY,EAAO,GAAG,WAAW,CAkEpG"}

package/dist/utils/value-mapping.js

@@ -0,0 +1,97 @@
+// 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.
+import { createRegexFromString } from './regexp';
+export function applyValueMapping(value, mappings = []) {
+    if (!mappings.length) {
+        return {
+            value
+        };
+    }
+    const mappedItem = {
+        value
+    };
+    mappings.forEach((mapping)=>{
+        switch(mapping.kind){
+            case 'Value':
+                {
+                    const valueOptions = mapping.spec;
+                    if (String(valueOptions.value) === String(value)) {
+                        mappedItem.value = valueOptions.result.value || mappedItem.value;
+                        mappedItem.color = valueOptions.result.color;
+                    }
+                    break;
+                }
+            case 'Range':
+                {
+                    const rangeOptions = mapping.spec;
+                    const newValue = value;
+                    if (rangeOptions.from === undefined && rangeOptions.to === undefined) {
+                        break;
+                    }
+                    const from = rangeOptions.from !== undefined ? rangeOptions.from : -Infinity;
+                    const to = rangeOptions.to !== undefined ? rangeOptions.to : Infinity;
+                    if (newValue >= from && newValue <= to) {
+                        mappedItem.value = rangeOptions.result.value || mappedItem.value;
+                        mappedItem.color = rangeOptions.result.color;
+                    }
+                    break;
+                }
+            case 'Regex':
+                {
+                    const regexOptions = mapping.spec;
+                    const stringValue = value.toString();
+                    if (!regexOptions.pattern) {
+                        break;
+                    }
+                    const regex = createRegexFromString(regexOptions.pattern);
+                    if (stringValue.match(regex)) {
+                        if (regexOptions.result.value !== null) {
+                            mappedItem.value = stringValue.replace(regex, regexOptions.result.value.toString() || '') || mappedItem.value;
+                            mappedItem.color = regexOptions.result.color;
+                        }
+                    }
+                    break;
+                }
+            case 'Misc':
+                {
+                    const miscOptions = mapping.spec;
+                    if (isMiscValueMatch(miscOptions.value, value)) {
+                        mappedItem.value = miscOptions.result.value || mappedItem.value;
+                        mappedItem.color = miscOptions.result.color;
+                    }
+                    break;
+                }
+            default:
+                break;
+        }
+    });
+    return mappedItem;
+}
+function isMiscValueMatch(miscValue, value) {
+    switch(miscValue){
+        case 'empty':
+            return value === '';
+        case 'null':
+            return value === null || value === undefined;
+        case 'NaN':
+            return Number.isNaN(value);
+        case 'true':
+            return value === true;
+        case 'false':
+            return value === false;
+        default:
+            return false;
+    }
+}
+
+//# sourceMappingURL=value-mapping.js.map

package/dist/utils/value-mapping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/value-mapping.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { MappedValue, ValueMapping } from '../model';\nimport { createRegexFromString } from './regexp';\n\nexport function applyValueMapping(value: number | string, mappings: ValueMapping[] = []): MappedValue {\n  if (!mappings.length) {\n    return { value };\n  }\n\n  const mappedItem: MappedValue = { value };\n\n  mappings.forEach((mapping) => {\n    switch (mapping.kind) {\n      case 'Value': {\n        const valueOptions = mapping.spec;\n\n        if (String(valueOptions.value) === String(value)) {\n          mappedItem.value = valueOptions.result.value || mappedItem.value;\n          mappedItem.color = valueOptions.result.color;\n        }\n        break;\n      }\n      case 'Range': {\n        const rangeOptions = mapping.spec;\n        const newValue = value as number;\n\n        if (rangeOptions.from === undefined && rangeOptions.to === undefined) {\n          break;\n        }\n\n        const from = rangeOptions.from !== undefined ? rangeOptions.from : -Infinity;\n        const to = rangeOptions.to !== undefined ? rangeOptions.to : Infinity;\n        if (newValue >= from && newValue <= to) {\n          mappedItem.value = rangeOptions.result.value || mappedItem.value;\n          mappedItem.color = rangeOptions.result.color;\n        }\n        break;\n      }\n      case 'Regex': {\n        const regexOptions = mapping.spec;\n        const stringValue = value.toString();\n\n        if (!regexOptions.pattern) {\n          break;\n        }\n\n        const regex = createRegexFromString(regexOptions.pattern);\n\n        if (stringValue.match(regex)) {\n          if (regexOptions.result.value !== null) {\n            mappedItem.value =\n              stringValue.replace(regex, regexOptions.result.value.toString() || '') || mappedItem.value;\n            mappedItem.color = regexOptions.result.color;\n          }\n        }\n        break;\n      }\n      case 'Misc': {\n        const miscOptions = mapping.spec;\n        if (isMiscValueMatch(miscOptions.value, value)) {\n          mappedItem.value = miscOptions.result.value || mappedItem.value;\n          mappedItem.color = miscOptions.result.color;\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  });\n  return mappedItem;\n}\n\nfunction isMiscValueMatch(miscValue: string, value: number | string | boolean): boolean {\n  switch (miscValue) {\n    case 'empty':\n      return value === '';\n    case 'null':\n      return value === null || value === undefined;\n    case 'NaN':\n      return Number.isNaN(value);\n    case 'true':\n      return value === true;\n    case 'false':\n      return value === false;\n    default:\n      return false;\n  }\n}\n"],"names":["createRegexFromString","applyValueMapping","value","mappings","length","mappedItem","forEach","mapping","kind","valueOptions","spec","String","result","color","rangeOptions","newValue","from","undefined","to","Infinity","regexOptions","stringValue","toString","pattern","regex","match","replace","miscOptions","isMiscValueMatch","miscValue","Number","isNaN"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,qBAAqB,QAAQ,WAAW;AAEjD,OAAO,SAASC,kBAAkBC,KAAsB,EAAEC,WAA2B,EAAE;IACrF,IAAI,CAACA,SAASC,MAAM,EAAE;QACpB,OAAO;YAAEF;QAAM;IACjB;IAEA,MAAMG,aAA0B;QAAEH;IAAM;IAExCC,SAASG,OAAO,CAAC,CAACC;QAChB,OAAQA,QAAQC,IAAI;YAClB,KAAK;gBAAS;oBACZ,MAAMC,eAAeF,QAAQG,IAAI;oBAEjC,IAAIC,OAAOF,aAAaP,KAAK,MAAMS,OAAOT,QAAQ;wBAChDG,WAAWH,KAAK,GAAGO,aAAaG,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAChEG,WAAWQ,KAAK,GAAGJ,aAAaG,MAAM,CAACC,KAAK;oBAC9C;oBACA;gBACF;YACA,KAAK;gBAAS;oBACZ,MAAMC,eAAeP,QAAQG,IAAI;oBACjC,MAAMK,WAAWb;oBAEjB,IAAIY,aAAaE,IAAI,KAAKC,aAAaH,aAAaI,EAAE,KAAKD,WAAW;wBACpE;oBACF;oBAEA,MAAMD,OAAOF,aAAaE,IAAI,KAAKC,YAAYH,aAAaE,IAAI,GAAG,CAACG;oBACpE,MAAMD,KAAKJ,aAAaI,EAAE,KAAKD,YAAYH,aAAaI,EAAE,GAAGC;oBAC7D,IAAIJ,YAAYC,QAAQD,YAAYG,IAAI;wBACtCb,WAAWH,KAAK,GAAGY,aAAaF,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAChEG,WAAWQ,KAAK,GAAGC,aAAaF,MAAM,CAACC,KAAK;oBAC9C;oBACA;gBACF;YACA,KAAK;gBAAS;oBACZ,MAAMO,eAAeb,QAAQG,IAAI;oBACjC,MAAMW,cAAcnB,MAAMoB,QAAQ;oBAElC,IAAI,CAACF,aAAaG,OAAO,EAAE;wBACzB;oBACF;oBAEA,MAAMC,QAAQxB,sBAAsBoB,aAAaG,OAAO;oBAExD,IAAIF,YAAYI,KAAK,CAACD,QAAQ;wBAC5B,IAAIJ,aAAaR,MAAM,CAACV,KAAK,KAAK,MAAM;4BACtCG,WAAWH,KAAK,GACdmB,YAAYK,OAAO,CAACF,OAAOJ,aAAaR,MAAM,CAACV,KAAK,CAACoB,QAAQ,MAAM,OAAOjB,WAAWH,KAAK;4BAC5FG,WAAWQ,KAAK,GAAGO,aAAaR,MAAM,CAACC,KAAK;wBAC9C;oBACF;oBACA;gBACF;YACA,KAAK;gBAAQ;oBACX,MAAMc,cAAcpB,QAAQG,IAAI;oBAChC,IAAIkB,iBAAiBD,YAAYzB,KAAK,EAAEA,QAAQ;wBAC9CG,WAAWH,KAAK,GAAGyB,YAAYf,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAC/DG,WAAWQ,KAAK,GAAGc,YAAYf,MAAM,CAACC,KAAK;oBAC7C;oBACA;gBACF;YACA;gBACE;QACJ;IACF;IACA,OAAOR;AACT;AAEA,SAASuB,iBAAiBC,SAAiB,EAAE3B,KAAgC;IAC3E,OAAQ2B;QACN,KAAK;YACH,OAAO3B,UAAU;QACnB,KAAK;YACH,OAAOA,UAAU,QAAQA,UAAUe;QACrC,KAAK;YACH,OAAOa,OAAOC,KAAK,CAAC7B;QACtB,KAAK;YACH,OAAOA,UAAU;QACnB,KAAK;YACH,OAAOA,UAAU;QACnB;YACE,OAAO;IACX;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/components",
-  "version": "0.54.0-beta.2",
+  "version": "0.54.0-beta.4",
   "description": "Common UI components used across Perses features",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -35,7 +35,7 @@
     "@fontsource/inter": "^5.0.0",
     "@mui/x-date-pickers": "^7.23.1",
     "@perses-dev/spec": "0.2.0-beta.0",
-    "@perses-dev/client": "0.54.0-beta.2",
+    "@perses-dev/client": "0.54.0-beta.4",
     "numbro": "^2.3.6",
     "@tanstack/match-sorter-utils": "^8.19.4",
     "@tanstack/react-table": "^8.20.5",