@dynatrace/strato-components 3.6.0 → 3.7.1

package/esm/filters/filter-field/utils/value-operations/remove-filter.js

@@ -0,0 +1,180 @@
+import {
+  leafEquals,
+  mapInputOperator,
+  statementPolarity
+} from "./value-operation-utils.js";
+import { convertStringToFilterFieldTree } from "../conversion/string-tree-conversion.js";
+import { convertFilterFieldTreeToString } from "../conversion/tree-string-conversion.js";
+import {
+  isFilterFieldGroupNode,
+  isFilterFieldListNode,
+  isFilterFieldStatementNode
+} from "../tree-node-guards.js";
+import { FILTERFIELD_ALL_OPERATORS } from "../validation-utils/operator-specification.js";
+function removeFilter(currentValue, filter, options) {
+  const { tree } = convertStringToFilterFieldTree(currentValue, {
+    validatorMap: {
+      comparisonOperators: [...FILTERFIELD_ALL_OPERATORS]
+    },
+    parserConfig: { searchConversion: true }
+  });
+  if (!tree) {
+    return { updatedStatement: false, value: currentValue };
+  }
+  const operator = mapInputOperator(filter.comparisonOperator);
+  let updatedStatement = false;
+  if (operator.node.type === "SearchOperator") {
+    if (filter.value === void 0) {
+      return { updatedStatement: false, value: currentValue };
+    }
+    do {
+      const found = removeRightmostMatch(tree, (statement) => {
+        const statementOperator = statement.comparisonOperator;
+        const statementValue = statement.value;
+        return statementOperator?.type === "SearchOperator" && statementValue !== void 0 && !isFilterFieldListNode(statementValue) && leafEquals(
+          statementValue,
+          filter.value
+        );
+      });
+      if (!found) {
+        break;
+      }
+      updatedStatement = true;
+    } while (options?.removeAll);
+    return updatedStatement ? { updatedStatement: true, value: convertFilterFieldTreeToString(tree) } : { updatedStatement: false, value: currentValue };
+  }
+  if (filter.key === void 0) {
+    return { updatedStatement: false, value: currentValue };
+  }
+  if (operator.polarity === "none") {
+    do {
+      const found = removeRightmostMatch(tree, (statement) => {
+        const statementKey = statement.key;
+        if (!statementKey || statementKey.type !== "Key" && statementKey.type !== "JSONPath" || statementKey.value !== filter.key) {
+          return false;
+        }
+        const statementOperator = statement.comparisonOperator;
+        if (!statementOperator || statementOperator.type !== operator.node.type || statementOperator.value !== operator.node.value) {
+          return false;
+        }
+        if (operator.node.type === "ExistsOperator" || filter.value === void 0) {
+          return true;
+        }
+        const statementValue = statement.value;
+        return statementValue !== void 0 && !isFilterFieldListNode(statementValue) && statementValue.type !== "Error" && leafEquals(statementValue, filter.value);
+      });
+      if (!found) {
+        break;
+      }
+      updatedStatement = true;
+    } while (options?.removeAll);
+    return updatedStatement ? { updatedStatement: true, value: convertFilterFieldTreeToString(tree) } : { updatedStatement: false, value: currentValue };
+  }
+  do {
+    const found = removeOrMutateRightmostPolarityMatch(
+      tree,
+      filter.key,
+      operator.polarity,
+      filter.value
+    );
+    if (!found) {
+      break;
+    }
+    updatedStatement = true;
+  } while (options?.removeAll);
+  return updatedStatement ? { updatedStatement: true, value: convertFilterFieldTreeToString(tree) } : { updatedStatement: false, value: currentValue };
+}
+function removeRightmostMatch(group, predicate) {
+  for (let i = group.children.length - 1; i >= 0; i--) {
+    const child = group.children[i];
+    if (isFilterFieldGroupNode(child)) {
+      if (removeRightmostMatch(child, predicate)) {
+        if (child.children.length === 0) {
+          group.children.splice(i, 1);
+        }
+        if (group.children.length === 1) {
+          recursiveClearExplicitGroup(group);
+        }
+        return true;
+      }
+    } else if (isFilterFieldStatementNode(child) && predicate(child)) {
+      group.children.splice(i, 1);
+      if (group.children.length === 1) {
+        recursiveClearExplicitGroup(group);
+      }
+      return true;
+    }
+  }
+  return false;
+}
+function removeOrMutateRightmostPolarityMatch(group, key, polarity, value) {
+  for (let i = group.children.length - 1; i >= 0; i--) {
+    const child = group.children[i];
+    if (isFilterFieldGroupNode(child)) {
+      if (removeOrMutateRightmostPolarityMatch(child, key, polarity, value)) {
+        if (child.children.length === 0) {
+          group.children.splice(i, 1);
+        }
+        if (group.children.length === 1) {
+          recursiveClearExplicitGroup(group);
+        }
+        return true;
+      }
+    } else if (isFilterFieldStatementNode(child)) {
+      const statementKey = child.key;
+      if (!statementKey || statementKey.type !== "Key" && statementKey.type !== "JSONPath" || statementKey.value !== key || statementPolarity(child) !== polarity) {
+        continue;
+      }
+      const statementValue = child.value;
+      if (!statementValue) {
+        continue;
+      }
+      if (isFilterFieldListNode(statementValue)) {
+        const list = statementValue;
+        const valueIndex = list.value.findIndex(
+          (leaf) => leafEquals(leaf, value)
+        );
+        if (valueIndex === -1) {
+          continue;
+        }
+        if (list.value.length === 1) {
+          group.children.splice(i, 1);
+          if (group.children.length === 1) {
+            recursiveClearExplicitGroup(group);
+          }
+        } else if (list.value.length === 2) {
+          const remaining = list.value[valueIndex === 0 ? 1 : 0];
+          const statement = child;
+          statement.comparisonOperator = {
+            type: "ComparisonOperator",
+            value: polarity === "positive" ? "=" : "!="
+          };
+          statement.value = remaining;
+        } else {
+          list.value.splice(valueIndex, 1);
+        }
+        return true;
+      } else if (statementValue.type !== "Error" && leafEquals(statementValue, value)) {
+        group.children.splice(i, 1);
+        if (group.children.length === 1) {
+          recursiveClearExplicitGroup(group);
+        }
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function recursiveClearExplicitGroup(group) {
+  group.explicit = false;
+  if (group.children.length <= 1) {
+    group.explicitLogicalOperator = false;
+  }
+  if (group.children.length === 1 && isFilterFieldGroupNode(group.children[0])) {
+    recursiveClearExplicitGroup(group.children[0]);
+  }
+}
+export {
+  removeFilter
+};
+//# sourceMappingURL=remove-filter.js.map

package/esm/filters/filter-field/utils/value-operations/remove-filter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/filters/filter-field/utils/value-operations/remove-filter.ts"],
+  "sourcesContent": ["import {\n  leafEquals,\n  mapInputOperator,\n  statementPolarity,\n} from './value-operation-utils.js';\nimport type {\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldListNode,\n  SimpleFilterFieldNode,\n  SimpleFilterFieldStatementNode,\n} from '../../types/conversion-tree-nodes.js';\nimport type {\n  FilterFieldValueOperationResult,\n  FilterFieldValueOperationStatement,\n} from '../../types/value-operations.js';\nimport { convertStringToFilterFieldTree } from '../conversion/string-tree-conversion.js';\nimport { convertFilterFieldTreeToString } from '../conversion/tree-string-conversion.js';\nimport {\n  isFilterFieldGroupNode,\n  isFilterFieldListNode,\n  isFilterFieldStatementNode,\n} from '../tree-node-guards.js';\nimport { FILTERFIELD_ALL_OPERATORS } from '../validation-utils/operator-specification.js';\n\n/**\n * Removes a filter statement or value from an existing FilterField value string.\n *\n * - If the value is not present for the specified key, the statement is not changed.\n * - If removing a value from `key in (v1, v2)` leaves one value, the statement collapses to `key = v1`.\n * - When multiple statements with the same key, operator and value exist, the rightmost one (in document order) is removed.\n * - When `options.removeAll` is `true`, all matching occurrences are removed instead of only the rightmost one.\n *\n * @public\n * @param currentValue - The current FilterField value string.\n * @param filter - The filter statement or value to remove.\n * @param options - Optional configuration for the remove operation.\n * @returns The new FilterField value string and whether the operation produced a change.\n */\nexport function removeFilter(\n  currentValue: string,\n  filter: FilterFieldValueOperationStatement,\n  options?: { removeAll?: boolean },\n): FilterFieldValueOperationResult {\n  // Parse with a permissive validatorMap so all operators (including !~ / ~,\n  // which are absent from the default set) are preserved as valid nodes rather\n  // than being down-converted to Error nodes by the parser.\n  const { tree } = convertStringToFilterFieldTree(currentValue, {\n    validatorMap: {\n      comparisonOperators: [...FILTERFIELD_ALL_OPERATORS],\n    },\n    parserConfig: { searchConversion: true },\n  });\n\n  if (!tree) {\n    return { updatedStatement: false, value: currentValue };\n  }\n\n  const operator = mapInputOperator(filter.comparisonOperator);\n  let updatedStatement = false;\n\n  // Search operator: find and remove a matching `* ~ value` statement.\n  if (operator.node.type === 'SearchOperator') {\n    if (filter.value === undefined) {\n      return { updatedStatement: false, value: currentValue };\n    }\n    do {\n      const found = removeRightmostMatch(tree, (statement) => {\n        const statementOperator = statement.comparisonOperator;\n        const statementValue = statement.value;\n        return (\n          statementOperator?.type === 'SearchOperator' &&\n          statementValue !== undefined &&\n          !isFilterFieldListNode(statementValue) &&\n          leafEquals(\n            statementValue as SimpleFilterFieldLeafNode,\n            filter.value as string | number | boolean,\n          )\n        );\n      });\n      if (!found) {\n        break;\n      }\n      updatedStatement = true;\n    } while (options?.removeAll);\n    return updatedStatement\n      ? { updatedStatement: true, value: convertFilterFieldTreeToString(tree) }\n      : { updatedStatement: false, value: currentValue };\n  }\n\n  if (filter.key === undefined) {\n    return { updatedStatement: false, value: currentValue };\n  }\n\n  // Polarity 'none' operators (exists, not-exists, comparison operators like <, >, \u2026):\n  // require an exact key+operator(+value) match and remove the whole statement.\n  if (operator.polarity === 'none') {\n    do {\n      const found = removeRightmostMatch(tree, (statement) => {\n        const statementKey = statement.key;\n        if (\n          !statementKey ||\n          (statementKey.type !== 'Key' && statementKey.type !== 'JSONPath') ||\n          statementKey.value !== filter.key\n        ) {\n          return false;\n        }\n        const statementOperator = statement.comparisonOperator;\n        if (\n          !statementOperator ||\n          statementOperator.type !== operator.node.type ||\n          statementOperator.value !== operator.node.value\n        ) {\n          return false;\n        }\n        if (\n          operator.node.type === 'ExistsOperator' ||\n          filter.value === undefined\n        ) {\n          return true;\n        }\n        const statementValue = statement.value;\n        return (\n          statementValue !== undefined &&\n          !isFilterFieldListNode(statementValue) &&\n          statementValue.type !== 'Error' &&\n          leafEquals(statementValue as SimpleFilterFieldLeafNode, filter.value)\n        );\n      });\n      if (!found) {\n        break;\n      }\n      updatedStatement = true;\n    } while (options?.removeAll);\n    return updatedStatement\n      ? { updatedStatement: true, value: convertFilterFieldTreeToString(tree) }\n      : { updatedStatement: false, value: currentValue };\n  }\n\n  // Polarity-based operators (equals/in or not-equals/not-in): target the\n  // rightmost statement with matching key, polarity, and containing the target value.\n  do {\n    const found = removeOrMutateRightmostPolarityMatch(\n      tree,\n      filter.key,\n      operator.polarity,\n      filter.value as string | number | boolean,\n    );\n    if (!found) {\n      break;\n    }\n    updatedStatement = true;\n  } while (options?.removeAll);\n\n  return updatedStatement\n    ? { updatedStatement: true, value: convertFilterFieldTreeToString(tree) }\n    : { updatedStatement: false, value: currentValue };\n}\n\n// Traverses the tree in reverse and removes the rightmost statement for which\n// `predicate` returns `true`. Propagates empty-group cleanup as it unwinds.\nfunction removeRightmostMatch(\n  group: SimpleFilterFieldGroupNode,\n  predicate: (statement: SimpleFilterFieldStatementNode) => boolean,\n): boolean {\n  for (let i = group.children.length - 1; i >= 0; i--) {\n    const child: SimpleFilterFieldNode = group.children[i];\n    if (isFilterFieldGroupNode(child)) {\n      if (removeRightmostMatch(child, predicate)) {\n        if (child.children.length === 0) {\n          group.children.splice(i, 1);\n        }\n        if (group.children.length === 1) {\n          recursiveClearExplicitGroup(group);\n        }\n        return true;\n      }\n    } else if (isFilterFieldStatementNode(child) && predicate(child)) {\n      group.children.splice(i, 1);\n      if (group.children.length === 1) {\n        recursiveClearExplicitGroup(group);\n      }\n      return true;\n    }\n  }\n  return false;\n}\n\n// Traverses the tree in reverse and, at the rightmost statement matching the\n// given key + polarity + value, either:\n//   - splices a value from the list (\u2265 3 elements),\n//   - downgrades a 2-element list to a single-leaf statement, or\n//   - removes the statement entirely (1-element list or plain leaf).\n// Returns true if a match was found and acted on.\nfunction removeOrMutateRightmostPolarityMatch(\n  group: SimpleFilterFieldGroupNode,\n  key: string,\n  polarity: 'positive' | 'negative',\n  value: string | number | boolean,\n): boolean {\n  for (let i = group.children.length - 1; i >= 0; i--) {\n    const child: SimpleFilterFieldNode = group.children[i];\n    if (isFilterFieldGroupNode(child)) {\n      if (removeOrMutateRightmostPolarityMatch(child, key, polarity, value)) {\n        if (child.children.length === 0) {\n          group.children.splice(i, 1);\n        }\n        if (group.children.length === 1) {\n          recursiveClearExplicitGroup(group);\n        }\n        return true;\n      }\n    } else if (isFilterFieldStatementNode(child)) {\n      const statementKey = child.key;\n      if (\n        !statementKey ||\n        (statementKey.type !== 'Key' && statementKey.type !== 'JSONPath') ||\n        statementKey.value !== key ||\n        statementPolarity(child) !== polarity\n      ) {\n        continue;\n      }\n      const statementValue = child.value;\n      if (!statementValue) {\n        continue;\n      }\n      if (isFilterFieldListNode(statementValue)) {\n        const list = statementValue as SimpleFilterFieldListNode;\n        const valueIndex = list.value.findIndex((leaf) =>\n          leafEquals(leaf, value),\n        );\n        if (valueIndex === -1) {\n          continue;\n        }\n        if (list.value.length === 1) {\n          // Only one value left \u2014 remove the whole statement.\n          group.children.splice(i, 1);\n          if (group.children.length === 1) {\n            recursiveClearExplicitGroup(group);\n          }\n        } else if (list.value.length === 2) {\n          // Downgrade `key in (a, b)` \u2192 `key = a` (the remaining value).\n          const remaining = list.value[valueIndex === 0 ? 1 : 0];\n          const statement = child as SimpleFilterFieldStatementNode;\n          statement.comparisonOperator = {\n            type: 'ComparisonOperator',\n            value: polarity === 'positive' ? '=' : '!=',\n          } as SimpleFilterFieldComparisonOperatorNode;\n          statement.value = remaining;\n        } else {\n          list.value.splice(valueIndex, 1);\n        }\n        return true;\n      } else if (\n        statementValue.type !== 'Error' &&\n        leafEquals(statementValue as SimpleFilterFieldLeafNode, value)\n      ) {\n        // Single-leaf statement \u2014 remove it.\n        group.children.splice(i, 1);\n        if (group.children.length === 1) {\n          recursiveClearExplicitGroup(group);\n        }\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\nfunction recursiveClearExplicitGroup(group: SimpleFilterFieldGroupNode): void {\n  group.explicit = false;\n  if (group.children.length <= 1) {\n    group.explicitLogicalOperator = false;\n  }\n  if (\n    group.children.length === 1 &&\n    isFilterFieldGroupNode(group.children[0])\n  ) {\n    recursiveClearExplicitGroup(group.children[0]);\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/filters/filter-field/utils/value-operations/value-operation-utils.js

@@ -0,0 +1,175 @@
+import { getNumberParser } from "../../parser/getNumberParser.js";
+import {
+  isFilterFieldGroupNode,
+  isFilterFieldListNode,
+  isFilterFieldStatementNode
+} from "../tree-node-guards.js";
+const DURATION_REGEX = /^(\d+)(ns|ms|s|m|h|d)$/i;
+const VARIABLE_REGEX = /^\$[A-Za-z_]\w*$/;
+const OPERATOR_MAP = {
+  equals: {
+    node: { type: "ComparisonOperator", value: "=" },
+    polarity: "positive"
+  },
+  "not-equals": {
+    node: { type: "ComparisonOperator", value: "!=" },
+    polarity: "negative"
+  },
+  in: {
+    node: { type: "InclusionOperator", value: "in" },
+    polarity: "positive"
+  },
+  "not in": {
+    node: { type: "InclusionOperator", value: "not in" },
+    polarity: "negative"
+  },
+  "less-than": {
+    node: { type: "ComparisonOperator", value: "<" },
+    polarity: "none"
+  },
+  "less-or-equal": {
+    node: { type: "ComparisonOperator", value: "<=" },
+    polarity: "none"
+  },
+  "greater-than": {
+    node: { type: "ComparisonOperator", value: ">" },
+    polarity: "none"
+  },
+  "greater-or-equal": {
+    node: { type: "ComparisonOperator", value: ">=" },
+    polarity: "none"
+  },
+  exists: { node: { type: "ExistsOperator", value: true }, polarity: "none" },
+  "not-exists": {
+    node: { type: "ExistsOperator", value: false },
+    polarity: "none"
+  },
+  search: {
+    node: { type: "SearchOperator", value: "search" },
+    polarity: "none"
+  }
+};
+function mapInputOperator(operator) {
+  const op = operator ?? "equals";
+  return OPERATOR_MAP[op] ?? {
+    node: {
+      type: "ComparisonOperator",
+      value: op
+    },
+    polarity: "none"
+  };
+}
+function statementPolarity(statement) {
+  const op = statement.comparisonOperator;
+  if (!op) {
+    return "none";
+  }
+  if (op.type === "ComparisonOperator") {
+    if (op.value === "=") {
+      return "positive";
+    }
+    if (op.value === "!=") {
+      return "negative";
+    }
+  }
+  if (op.type === "InclusionOperator") {
+    if (op.value === "in") {
+      return "positive";
+    }
+    if (op.value === "not in") {
+      return "negative";
+    }
+  }
+  return "none";
+}
+function leafEquals(leaf, value) {
+  switch (leaf.type) {
+    case "Number":
+      if (typeof value === "number") {
+        return leaf.value === value;
+      }
+      if (typeof value === "string") {
+        const asNumber = getNumberParser().parse(value);
+        return !isNaN(asNumber) && leaf.value === asNumber;
+      }
+      return false;
+    case "Boolean":
+      if (typeof value === "boolean") {
+        return leaf.value === value;
+      }
+      if (value === "true" || value === "false") {
+        return leaf.value === (value === "true");
+      }
+      return false;
+    // Duration compares against its rendered form (`30m`) so a string input
+    // and an existing Duration leaf deduplicate correctly.
+    case "Duration":
+      return typeof value === "string" && value === `${leaf.value}${leaf.unit}`;
+    case "String":
+    case "IPAddress":
+    case "Timestamp":
+    case "UID":
+    case "SmartscapeId":
+    case "Variable":
+      return typeof value === "string" && leaf.value === value;
+    default:
+      return false;
+  }
+}
+function findSearchStatement(group, value) {
+  for (let i = group.children.length - 1; i >= 0; i--) {
+    const child = group.children[i];
+    if (isFilterFieldGroupNode(child)) {
+      const nested = findSearchStatement(child, value);
+      if (nested) {
+        return nested;
+      }
+    } else if (isFilterFieldStatementNode(child)) {
+      const op = child.comparisonOperator;
+      const leafValue = child.value;
+      if (op?.type === "SearchOperator" && leafValue !== void 0 && !isFilterFieldListNode(leafValue) && leafEquals(leafValue, value)) {
+        return child;
+      }
+    }
+  }
+  return void 0;
+}
+function findIdenticalStatement(group, key, operatorNode, value) {
+  for (let i = group.children.length - 1; i >= 0; i--) {
+    const child = group.children[i];
+    if (isFilterFieldGroupNode(child)) {
+      const nested = findIdenticalStatement(child, key, operatorNode, value);
+      if (nested) {
+        return nested;
+      }
+    } else if (isFilterFieldStatementNode(child)) {
+      const childKey = child.key;
+      if (!childKey || childKey.type !== "Key" && childKey.type !== "JSONPath" || childKey.value !== key) {
+        continue;
+      }
+      const childOp = child.comparisonOperator;
+      if (!childOp || childOp.type !== operatorNode.type || childOp.value !== operatorNode.value) {
+        continue;
+      }
+      if (operatorNode.type === "ExistsOperator" || value === void 0) {
+        return child;
+      }
+      const childValue = child.value;
+      if (childValue && !isFilterFieldListNode(childValue) && childValue.type !== "Error" && leafEquals(childValue, value)) {
+        return child;
+      }
+    }
+  }
+  return void 0;
+}
+export {
+  DURATION_REGEX,
+  OPERATOR_MAP,
+  VARIABLE_REGEX,
+  findIdenticalStatement,
+  findSearchStatement,
+  leafEquals,
+  mapInputOperator,
+  statementPolarity
+};
+//# sourceMappingURL=value-operation-utils.js.map

package/esm/filters/filter-field/utils/value-operations/value-operation-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/filters/filter-field/utils/value-operations/value-operation-utils.ts"],
+  "sourcesContent": ["import { getNumberParser } from '../../parser/getNumberParser.js';\nimport type {\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldExistsOperatorNode,\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldInclusionOperatorNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldSearchOperatorNode,\n  SimpleFilterFieldStatementNode,\n} from '../../types/conversion-tree-nodes.js';\nimport {\n  isFilterFieldGroupNode,\n  isFilterFieldListNode,\n  isFilterFieldStatementNode,\n} from '../tree-node-guards.js';\n\n/** @internal */\nexport const DURATION_REGEX = /^(\\d+)(ns|ms|s|m|h|d)$/i;\n/** @internal */\nexport const VARIABLE_REGEX = /^\\$[A-Za-z_]\\w*$/;\n\n/** @internal */\nexport type NewOperatorNode =\n  | SimpleFilterFieldComparisonOperatorNode\n  | SimpleFilterFieldInclusionOperatorNode\n  | SimpleFilterFieldExistsOperatorNode\n  | SimpleFilterFieldSearchOperatorNode;\n\n/** @internal */\nexport type Polarity = 'positive' | 'negative' | 'none';\n\n/** @internal */\nexport type OperatorDescriptor = {\n  node: NewOperatorNode;\n  polarity: Polarity;\n};\n\n/** @internal */\nexport const OPERATOR_MAP: Partial<Record<string, OperatorDescriptor>> = {\n  equals: {\n    node: { type: 'ComparisonOperator', value: '=' },\n    polarity: 'positive',\n  },\n  'not-equals': {\n    node: { type: 'ComparisonOperator', value: '!=' },\n    polarity: 'negative',\n  },\n  in: {\n    node: { type: 'InclusionOperator', value: 'in' },\n    polarity: 'positive',\n  },\n  'not in': {\n    node: { type: 'InclusionOperator', value: 'not in' },\n    polarity: 'negative',\n  },\n  'less-than': {\n    node: { type: 'ComparisonOperator', value: '<' },\n    polarity: 'none',\n  },\n  'less-or-equal': {\n    node: { type: 'ComparisonOperator', value: '<=' },\n    polarity: 'none',\n  },\n  'greater-than': {\n    node: { type: 'ComparisonOperator', value: '>' },\n    polarity: 'none',\n  },\n  'greater-or-equal': {\n    node: { type: 'ComparisonOperator', value: '>=' },\n    polarity: 'none',\n  },\n  exists: { node: { type: 'ExistsOperator', value: true }, polarity: 'none' },\n  'not-exists': {\n    node: { type: 'ExistsOperator', value: false },\n    polarity: 'none',\n  },\n  search: {\n    node: { type: 'SearchOperator', value: 'search' },\n    polarity: 'none',\n  },\n};\n\n/** @internal */\nexport function mapInputOperator(\n  operator: string | undefined,\n): OperatorDescriptor {\n  const op = operator ?? 'equals';\n  return (\n    OPERATOR_MAP[op] ?? {\n      node: {\n        type: 'ComparisonOperator',\n        value: op as SimpleFilterFieldComparisonOperatorNode['value'],\n      },\n      polarity: 'none',\n    }\n  );\n}\n\n/** @internal */\nexport function statementPolarity(\n  statement: SimpleFilterFieldStatementNode,\n): Polarity {\n  const op = statement.comparisonOperator;\n  if (!op) {\n    return 'none';\n  }\n  if (op.type === 'ComparisonOperator') {\n    if (op.value === '=') {\n      return 'positive';\n    }\n    if (op.value === '!=') {\n      return 'negative';\n    }\n  }\n  if (op.type === 'InclusionOperator') {\n    if (op.value === 'in') {\n      return 'positive';\n    }\n    if (op.value === 'not in') {\n      return 'negative';\n    }\n  }\n  return 'none';\n}\n\n/** @internal */\nexport function leafEquals(\n  leaf: SimpleFilterFieldLeafNode,\n  value: string | number | boolean,\n): boolean {\n  switch (leaf.type) {\n    case 'Number':\n      if (typeof value === 'number') {\n        return leaf.value === value;\n      }\n      if (typeof value === 'string') {\n        const asNumber = getNumberParser().parse(value);\n        return !isNaN(asNumber) && leaf.value === asNumber;\n      }\n      return false;\n    case 'Boolean':\n      if (typeof value === 'boolean') {\n        return leaf.value === value;\n      }\n      if (value === 'true' || value === 'false') {\n        return leaf.value === (value === 'true');\n      }\n      return false;\n    // Duration compares against its rendered form (`30m`) so a string input\n    // and an existing Duration leaf deduplicate correctly.\n    case 'Duration':\n      return typeof value === 'string' && value === `${leaf.value}${leaf.unit}`;\n    case 'String':\n    case 'IPAddress':\n    case 'Timestamp':\n    case 'UID':\n    case 'SmartscapeId':\n    case 'Variable':\n      return typeof value === 'string' && leaf.value === value;\n    default:\n      return false;\n  }\n}\n\n/** @internal */\nexport function findSearchStatement(\n  group: SimpleFilterFieldGroupNode,\n  value: string | number | boolean,\n): SimpleFilterFieldStatementNode | undefined {\n  for (let i = group.children.length - 1; i >= 0; i--) {\n    const child = group.children[i];\n    if (isFilterFieldGroupNode(child)) {\n      const nested = findSearchStatement(child, value);\n      if (nested) {\n        return nested;\n      }\n    } else if (isFilterFieldStatementNode(child)) {\n      const op = child.comparisonOperator;\n      const leafValue = child.value;\n      if (\n        op?.type === 'SearchOperator' &&\n        leafValue !== undefined &&\n        !isFilterFieldListNode(leafValue) &&\n        leafEquals(leafValue as SimpleFilterFieldLeafNode, value)\n      ) {\n        return child;\n      }\n    }\n  }\n  return undefined;\n}\n\n/** @internal */\nexport function findIdenticalStatement(\n  group: SimpleFilterFieldGroupNode,\n  key: string,\n  operatorNode: NewOperatorNode,\n  value: string | number | boolean | undefined,\n): SimpleFilterFieldStatementNode | undefined {\n  for (let i = group.children.length - 1; i >= 0; i--) {\n    const child = group.children[i];\n    if (isFilterFieldGroupNode(child)) {\n      const nested = findIdenticalStatement(child, key, operatorNode, value);\n      if (nested) {\n        return nested;\n      }\n    } else if (isFilterFieldStatementNode(child)) {\n      const childKey = child.key;\n      if (\n        !childKey ||\n        (childKey.type !== 'Key' && childKey.type !== 'JSONPath') ||\n        childKey.value !== key\n      ) {\n        continue;\n      }\n      const childOp = child.comparisonOperator;\n      if (\n        !childOp ||\n        childOp.type !== operatorNode.type ||\n        childOp.value !== operatorNode.value\n      ) {\n        continue;\n      }\n      if (operatorNode.type === 'ExistsOperator' || value === undefined) {\n        return child;\n      }\n      const childValue = child.value;\n      if (\n        childValue &&\n        !isFilterFieldListNode(childValue) &&\n        childValue.type !== 'Error' &&\n        leafEquals(childValue as SimpleFilterFieldLeafNode, value)\n      ) {\n        return child;\n      }\n    }\n  }\n  return undefined;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/filters/index.js

@@ -10,6 +10,8 @@ import {
 import { escapeSuggestion } from "./filter-field/utils/escape-suggestion.js";
 import { convertStringToFilterFieldTree } from "./filter-field/utils/conversion/string-tree-conversion.js";
 import { convertFilterFieldTreeToString } from "./filter-field/utils/conversion/tree-string-conversion.js";
+import { addFilter } from "./filter-field/utils/value-operations/add-filter.js";
+import { removeFilter } from "./filter-field/utils/value-operations/remove-filter.js";
 import { FILTERFIELD_DEFAULT_OPERATORS } from "./filter-field/utils/validation-utils/operator-specification.js";
 import { migrateFilterFieldKeyPredicatesToArray } from "./filter-field/utils/migrate-validator-map.js";
 import { SegmentSelector } from "./segment-selector/SegmentSelector.js";
@@ -26,12 +28,14 @@ export {
   TIMEFRAME_SELECTOR_PRESETS,
   TimeframeSelector,
   FilterStatement as _FilterStatement,
+  addFilter,
   convertFilterFieldTreeToString,
   convertStringToFilterFieldTree,
   escapeSuggestion as escapeFilterFieldSuggestion,
   isFilterFieldLeafNode,
   isFilterFieldListNode,
   migrateFilterFieldKeyPredicatesToArray,
+  removeFilter,
   useSegments
 };
 //# sourceMappingURL=index.js.map

package/esm/filters/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/filters/index.ts"],
-  "sourcesContent": ["export { FilterBar } from './filter/FilterBar.js';\nexport type {\n  FilterBarProps,\n  ControlledFilterBarProps,\n  UncontrolledFilterBarProps,\n  BaseFilterBarProps,\n} from './filter/FilterBar.js';\nexport type { FilterBarItemProps } from './filter/Item.js';\nexport type { ResetButtonProps } from './filter/ResetButton.js';\nexport type { FilterItemValues } from './filter/types/shared-filter-types.js';\nexport type {\n  PinnedState,\n  PinnedStateValues,\n} from './filter/types/filter-state.types.js';\n\nexport { FilterField } from './filter-field/FilterField.js';\nexport {\n  FilterStatement as _FilterStatement,\n  type FilterStatementProps as _FilterStatementProps,\n} from './filter-field/components/FilterStatement.js';\nexport type { FilterFieldRef } from './filter-field/FilterField.js';\nexport type { FilterFieldProps } from './filter-field/FilterField.types.js';\nexport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from './filter-field/types/suggestions.js';\nexport type {\n  FilterFieldCustomTypes,\n  FilterFieldValidatorMap,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FilterFieldValidatorMapTypePredicate,\n  FilterFieldComparisonOperators,\n  FilterFieldValuePredicate,\n  FilterFieldValuePredicateItem,\n  FilterFieldValueSuggestionGroupConfig,\n  FilterFieldPrimitive,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FilterFieldDuration,\n  FilterFieldRichValuePredicate,\n  FilterFieldValuePredicateFn,\n  FilterFieldValueMatchFn,\n  FilterFieldKeySuggestionConfig,\n  FilterFieldKeySuggestionGroupConfig,\n} from './filter-field/types/validation.js';\nexport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from './filter-field/suggestions/Suggestion.types.js';\nexport type { FilterFieldSuggestionsProps } from './filter-field/suggestions/Suggestions.js';\nexport type {\n  FilterFieldSuggestionGroup,\n  FilterFieldSuggestionGroupProps,\n} from './filter-field/suggestions/SuggestionGroup.types.js';\nexport type { FilterFieldSuggestionGroupLabelProps } from './filter-field/suggestions/SuggestionGroupLabel.js';\nexport type { FilterFieldSuggestionDetailsProps } from './filter-field/suggestions/SuggestionDetails.js';\nexport type {\n  FilterFieldGroupNode,\n  FilterFieldRootNode,\n  FilterFieldBooleanNode,\n  FilterFieldComparisonOperatorNode,\n  FilterFieldDurationNode,\n  FilterFieldExistsOperatorNode,\n  FilterFieldErrorNode,\n  FilterFieldInclusionOperatorNode,\n  FilterFieldKeyNode,\n  FilterFieldLeafNode,\n  FilterFieldListNode,\n  FilterFieldNode,\n  FilterFieldNodeBase,\n  FilterFieldNumberNode,\n  FilterFieldBigIntNode,\n  FilterFieldSearchOperatorNode,\n  FilterFieldStatementNode,\n  FilterFieldStringNode,\n  FilterFieldVariableNode,\n  FilterFieldTree,\n  FilterFieldValueNode,\n  FilterFieldJSONPathNode,\n  FilterFieldIPAddressNode,\n  FilterFieldUIDNode,\n  FilterFieldSmartscapeIdNode,\n  FilterFieldTimestampNode,\n} from './filter-field/types/tree-nodes.js';\nexport type {\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldRootNode,\n  SimpleFilterFieldBooleanNode,\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldDurationNode,\n  SimpleFilterFieldExistsOperatorNode,\n  SimpleFilterFieldErrorNode,\n  SimpleFilterFieldInclusionOperatorNode,\n  SimpleFilterFieldKeyNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldListNode,\n  SimpleFilterFieldNode,\n  SimpleFilterFieldNodeBase,\n  SimpleFilterFieldNumberNode,\n  SimpleFilterFieldBigIntNode,\n  SimpleFilterFieldSearchOperatorNode,\n  SimpleFilterFieldStatementNode,\n  SimpleFilterFieldStringNode,\n  SimpleFilterFieldVariableNode,\n  SimpleFilterFieldTree,\n  SimpleFilterFieldValueNode,\n  SimpleFilterFieldJSONPathNode,\n  SimpleFilterFieldIPAddressNode,\n  SimpleFilterFieldUIDNode,\n  SimpleFilterFieldSmartscapeIdNode,\n  SimpleFilterFieldTimestampNode,\n} from './filter-field/types/conversion-tree-nodes.js';\nexport {\n  isFilterFieldLeafNode,\n  isFilterFieldListNode,\n} from './filter-field/utils/tree-node-guards.js';\nexport { escapeSuggestion as escapeFilterFieldSuggestion } from './filter-field/utils/escape-suggestion.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { convertStringToFilterFieldTree } from './filter-field/utils/conversion/string-tree-conversion.js';\nexport { convertFilterFieldTreeToString } from './filter-field/utils/conversion/tree-string-conversion.js';\nexport { FILTERFIELD_DEFAULT_OPERATORS } from './filter-field/utils/validation-utils/operator-specification.js';\nexport { migrateFilterFieldKeyPredicatesToArray } from './filter-field/utils/migrate-validator-map.js';\n\nexport { SegmentSelector } from './segment-selector/SegmentSelector.js';\nexport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './segment-selector/SegmentSelector.types.js';\nexport type { SegmentSelectorCustomTriggerProps } from './segment-selector/CustomTrigger.js';\n\n/** remove export when segments store and context moves to react-hooks pkg */\nexport { useSegments } from './segment-selector/hooks/useSegments.js';\nexport { SegmentsProvider } from './segment-selector/contexts/SegmentsStore/SegmentsContext.js';\n/** ******************************************************************** **/\n\nexport { TimeframeSelector } from './timeframe-selector/TimeframeSelector.js';\nexport { TIMEFRAME_SELECTOR_PRESETS } from './timeframe-selector/constants/timeframe-presets.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeframeDetails,\n  TimeframeSelectorProps,\n} from './timeframe-selector/TimeframeSelector.types.js';\nexport type { TimeframeSelectorPresetItemProps } from './timeframe-selector/components/presets/PresetItem.js';\nexport type { TimeframeSelectorPresetsProps } from './timeframe-selector/components/presets/Presets.js';\nexport type { TimeframeSelectorTriggerProps } from './timeframe-selector/components/trigger/Trigger.js';\nexport type { TimeframeSelectorCustomTriggerProps } from './timeframe-selector/components/trigger/CustomTrigger.js';\nexport type { TimeframeSelectorDisplayValueProps } from './timeframe-selector/components/trigger/DisplayValue.js';\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAe1B,SAAS,mBAAmB;AAC5B;AAAA,EACqB;AAAA,OAEd;AA4FP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAmC;AAEhE,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,qCAAqC;AAC9C,SAAS,8CAA8C;AAEvD,SAAS,uBAAuB;AAQhC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAGjC,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;",
+  "sourcesContent": ["export { FilterBar } from './filter/FilterBar.js';\nexport type {\n  FilterBarProps,\n  ControlledFilterBarProps,\n  UncontrolledFilterBarProps,\n  BaseFilterBarProps,\n} from './filter/FilterBar.js';\nexport type { FilterBarItemProps } from './filter/Item.js';\nexport type { ResetButtonProps } from './filter/ResetButton.js';\nexport type { FilterItemValues } from './filter/types/shared-filter-types.js';\nexport type {\n  PinnedState,\n  PinnedStateValues,\n} from './filter/types/filter-state.types.js';\n\nexport { FilterField } from './filter-field/FilterField.js';\nexport {\n  FilterStatement as _FilterStatement,\n  type FilterStatementProps as _FilterStatementProps,\n} from './filter-field/components/FilterStatement.js';\nexport type { FilterFieldRef } from './filter-field/FilterField.js';\nexport type { FilterFieldProps } from './filter-field/FilterField.types.js';\nexport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from './filter-field/types/suggestions.js';\nexport type {\n  FilterFieldCustomTypes,\n  FilterFieldValidatorMap,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FilterFieldValidatorMapTypePredicate,\n  FilterFieldComparisonOperators,\n  FilterFieldValuePredicate,\n  FilterFieldValuePredicateItem,\n  FilterFieldValueSuggestionGroupConfig,\n  FilterFieldPrimitive,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FilterFieldDuration,\n  FilterFieldRichValuePredicate,\n  FilterFieldValuePredicateFn,\n  FilterFieldValueMatchFn,\n  FilterFieldKeySuggestionConfig,\n  FilterFieldKeySuggestionGroupConfig,\n} from './filter-field/types/validation.js';\nexport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from './filter-field/suggestions/Suggestion.types.js';\nexport type { FilterFieldSuggestionsProps } from './filter-field/suggestions/Suggestions.js';\nexport type {\n  FilterFieldSuggestionGroup,\n  FilterFieldSuggestionGroupProps,\n} from './filter-field/suggestions/SuggestionGroup.types.js';\nexport type { FilterFieldSuggestionGroupLabelProps } from './filter-field/suggestions/SuggestionGroupLabel.js';\nexport type { FilterFieldSuggestionDetailsProps } from './filter-field/suggestions/SuggestionDetails.js';\nexport type {\n  FilterFieldGroupNode,\n  FilterFieldRootNode,\n  FilterFieldBooleanNode,\n  FilterFieldComparisonOperatorNode,\n  FilterFieldDurationNode,\n  FilterFieldExistsOperatorNode,\n  FilterFieldErrorNode,\n  FilterFieldInclusionOperatorNode,\n  FilterFieldKeyNode,\n  FilterFieldLeafNode,\n  FilterFieldListNode,\n  FilterFieldNode,\n  FilterFieldNodeBase,\n  FilterFieldNumberNode,\n  FilterFieldBigIntNode,\n  FilterFieldSearchOperatorNode,\n  FilterFieldStatementNode,\n  FilterFieldStringNode,\n  FilterFieldVariableNode,\n  FilterFieldTree,\n  FilterFieldValueNode,\n  FilterFieldJSONPathNode,\n  FilterFieldIPAddressNode,\n  FilterFieldUIDNode,\n  FilterFieldSmartscapeIdNode,\n  FilterFieldTimestampNode,\n} from './filter-field/types/tree-nodes.js';\nexport type {\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldRootNode,\n  SimpleFilterFieldBooleanNode,\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldDurationNode,\n  SimpleFilterFieldExistsOperatorNode,\n  SimpleFilterFieldErrorNode,\n  SimpleFilterFieldInclusionOperatorNode,\n  SimpleFilterFieldKeyNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldListNode,\n  SimpleFilterFieldNode,\n  SimpleFilterFieldNodeBase,\n  SimpleFilterFieldNumberNode,\n  SimpleFilterFieldBigIntNode,\n  SimpleFilterFieldSearchOperatorNode,\n  SimpleFilterFieldStatementNode,\n  SimpleFilterFieldStringNode,\n  SimpleFilterFieldVariableNode,\n  SimpleFilterFieldTree,\n  SimpleFilterFieldValueNode,\n  SimpleFilterFieldJSONPathNode,\n  SimpleFilterFieldIPAddressNode,\n  SimpleFilterFieldUIDNode,\n  SimpleFilterFieldSmartscapeIdNode,\n  SimpleFilterFieldTimestampNode,\n} from './filter-field/types/conversion-tree-nodes.js';\nexport {\n  isFilterFieldLeafNode,\n  isFilterFieldListNode,\n} from './filter-field/utils/tree-node-guards.js';\nexport { escapeSuggestion as escapeFilterFieldSuggestion } from './filter-field/utils/escape-suggestion.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { convertStringToFilterFieldTree } from './filter-field/utils/conversion/string-tree-conversion.js';\nexport { convertFilterFieldTreeToString } from './filter-field/utils/conversion/tree-string-conversion.js';\nexport { addFilter } from './filter-field/utils/value-operations/add-filter.js';\nexport { removeFilter } from './filter-field/utils/value-operations/remove-filter.js';\nexport type {\n  FilterFieldValueOperationStatement,\n  FilterFieldValueOperationResult,\n} from './filter-field/types/value-operations.js';\nexport { FILTERFIELD_DEFAULT_OPERATORS } from './filter-field/utils/validation-utils/operator-specification.js';\nexport { migrateFilterFieldKeyPredicatesToArray } from './filter-field/utils/migrate-validator-map.js';\n\nexport { SegmentSelector } from './segment-selector/SegmentSelector.js';\nexport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './segment-selector/SegmentSelector.types.js';\nexport type { SegmentSelectorCustomTriggerProps } from './segment-selector/CustomTrigger.js';\n\n/** remove export when segments store and context moves to react-hooks pkg */\nexport { useSegments } from './segment-selector/hooks/useSegments.js';\nexport { SegmentsProvider } from './segment-selector/contexts/SegmentsStore/SegmentsContext.js';\n/** ******************************************************************** **/\n\nexport { TimeframeSelector } from './timeframe-selector/TimeframeSelector.js';\nexport { TIMEFRAME_SELECTOR_PRESETS } from './timeframe-selector/constants/timeframe-presets.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeframeDetails,\n  TimeframeSelectorProps,\n} from './timeframe-selector/TimeframeSelector.types.js';\nexport type { TimeframeSelectorPresetItemProps } from './timeframe-selector/components/presets/PresetItem.js';\nexport type { TimeframeSelectorPresetsProps } from './timeframe-selector/components/presets/Presets.js';\nexport type { TimeframeSelectorTriggerProps } from './timeframe-selector/components/trigger/Trigger.js';\nexport type { TimeframeSelectorCustomTriggerProps } from './timeframe-selector/components/trigger/CustomTrigger.js';\nexport type { TimeframeSelectorDisplayValueProps } from './timeframe-selector/components/trigger/DisplayValue.js';\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAe1B,SAAS,mBAAmB;AAC5B;AAAA,EACqB;AAAA,OAEd;AA4FP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAmC;AAEhE,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAK7B,SAAS,qCAAqC;AAC9C,SAAS,8CAA8C;AAEvD,SAAS,uBAAuB;AAQhC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAGjC,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;",
   "names": []
 }

package/esm/filters/segment-selector/SegmentSelector.css

@@ -1,22 +1,22 @@
-._11m6jkl0-3-6-0 {
+._11m6jkl0-3-7-1 {
   all: unset;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._11m6jkl1-3-6-0 {
+._11m6jkl1-3-7-1 {
   all: unset;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._11m6jkl2-3-6-0 {
+._11m6jkl2-3-7-1 {
   max-height: 100px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._11m6jkl3-3-6-0 > div {
+._11m6jkl3-3-7-1 > div {
   padding-right: var(--dt-spacings-size-0, 0);
 }

package/esm/filters/segment-selector/SegmentSelector.sty.js

@@ -1,8 +1,8 @@
 import "./SegmentSelector.css";
-var overwriteTooltipElementPadding = "_11m6jkl3-3-6-0";
-var segmentSelectorList = "_11m6jkl0-3-6-0";
-var segmentSelectorListItem = "_11m6jkl1-3-6-0";
-var tooltipMaxHeight = "_11m6jkl2-3-6-0";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-7-1";
+var segmentSelectorList = "_11m6jkl0-3-7-1";
+var segmentSelectorListItem = "_11m6jkl1-3-7-1";
+var tooltipMaxHeight = "_11m6jkl2-3-7-1";
 export {
   overwriteTooltipElementPadding,
   segmentSelectorList,

package/esm/filters/segment-selector/SegmentSelector.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/SegmentSelector.css.ts"],
-  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-6-0';\nexport var segmentSelectorList = '_11m6jkl0-3-6-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-6-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-6-0';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-7-1';\nexport var segmentSelectorList = '_11m6jkl0-3-7-1';\nexport var segmentSelectorListItem = '_11m6jkl1-3-7-1';\nexport var tooltipMaxHeight = '_11m6jkl2-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,sBAAsB;AAC1B,IAAI,0BAA0B;AAC9B,IAAI,mBAAmB;",
   "names": []
 }

package/esm/filters/segment-selector/parts/EmptySegments.css

@@ -1,4 +1,4 @@
-._awal5d0-3-6-0._awal5d0-3-6-0 {
+._awal5d0-3-7-1._awal5d0-3-7-1 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);

package/esm/filters/segment-selector/parts/EmptySegments.js

@@ -33,7 +33,6 @@ const EmptySegments = forwardRef(
         ref: forwardedRef,
         width: "100vw",
         className: styles.overlayDefaultWidth,
-        style: { maxWidth: "320px" },
         children: [
           /* @__PURE__ */ jsx(ContainerIcon, {}),
           /* @__PURE__ */ jsx(Heading, { level: 6, children: intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noSegmentsConfigured) }),

package/esm/filters/segment-selector/parts/EmptySegments.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/EmptySegments.tsx"],
-  "sourcesContent": ["import { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ContainerIcon, ExternalLinkIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { SEGMENTS_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Heading } from '../../../typography/heading/Heading.js';\nimport { segmentsClient } from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { UISegmentsContext } from '../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport { AppLinkButtonCSS } from './EmptySegments.sty.js';\nimport { NoAccessWithoutSelection } from './noAccessRights/NoAccessWithoutSelection.js';\nimport * as styles from './Overlay.sty.js';\nimport { getSegmentManagementHref } from './segmentManagementHref.js';\n\n/**\n * EmptyState-component for SegmentSelector Overlay\n * @internal\n */\nexport const EmptySegments = forwardRef<HTMLDivElement>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n    const buttonRef = useRef<HTMLAnchorElement>(null);\n    const { readOnly } = useContext(UISegmentsContext);\n    useEffect(() => {\n      // Focus the button when the component is mounted. Due to the possible loading\n      // state, the overlay can't handle the focus as it tries it too early.\n      buttonRef.current?.focus();\n    }, []);\n\n    if (segmentsClient.hasAccessRights === false) {\n      return <NoAccessWithoutSelection />;\n    }\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        padding={16}\n        ref={forwardedRef}\n        width=\"100vw\"\n        className={styles.overlayDefaultWidth}\n        style={{ maxWidth: '320px' }}\n      >\n        <ContainerIcon />\n        <Heading level={6}>\n          {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noSegmentsConfigured)}\n        </Heading>\n        <Flex\n          paddingTop={8}\n          width=\"100%\"\n          justifyContent={readOnly ? 'center' : 'space-between'}\n        >\n          {!readOnly && (\n            <Button\n              as=\"a\"\n              ref={buttonRef}\n              href={getSegmentManagementHref()}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"emphasized\"\n              className={AppLinkButtonCSS}\n            >\n              {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)}\n            </Button>\n          )}\n          <Button\n            as=\"a\"\n            href={SEGMENTS_DOCUMENTATION_URL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)}\n            <Button.Suffix>\n              <ExternalLinkIcon />\n            </Button.Suffix>\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  },\n);\n"],
-  "mappings": "AAiCa,cAmCH,YAnCG;AAjCb,SAAS,YAAY,YAAY,WAAW,cAAc;AAC1D,SAAS,eAAe;AAExB,SAAS,eAAe,wBAAwB;AAEhD,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAC3C,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,gCAAgC;AAMlC,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,OAAO,QAAQ;AACrB,UAAM,YAAY,OAA0B,IAAI;AAChD,UAAM,EAAE,SAAS,IAAI,WAAW,iBAAiB;AACjD,cAAU,MAAM;AAGd,gBAAU,SAAS,MAAM;AAAA,IAC3B,GAAG,CAAC,CAAC;AAEL,QAAI,eAAe,oBAAoB,OAAO;AAC5C,aAAO,oBAAC,4BAAyB;AAAA,IACnC;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,YAAW;AAAA,QACX,SAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QACN,WAAW,OAAO;AAAA,QAClB,OAAO,EAAE,UAAU,QAAQ;AAAA,QAE3B;AAAA,8BAAC,iBAAc;AAAA,UACf,oBAAC,WAAQ,OAAO,GACb,eAAK,cAAc,yBAAyB,oBAAoB,GACnE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,gBAAgB,WAAW,WAAW;AAAA,cAErC;AAAA,iBAAC,YACA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,KAAK;AAAA,oBACL,MAAM,yBAAyB;AAAA,oBAC/B,QAAO;AAAA,oBACP,KAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,WAAW;AAAA,oBAEV,eAAK,cAAc,yBAAyB,cAAc;AAAA;AAAA,gBAC7D;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,MAAM;AAAA,oBACN,QAAO;AAAA,oBACP,KAAI;AAAA,oBAEH;AAAA,2BAAK,cAAc,yBAAyB,YAAY;AAAA,sBACzD,oBAAC,OAAO,QAAP,EACC,8BAAC,oBAAiB,GACpB;AAAA;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ContainerIcon, ExternalLinkIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { SEGMENTS_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Heading } from '../../../typography/heading/Heading.js';\nimport { segmentsClient } from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { UISegmentsContext } from '../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport { AppLinkButtonCSS } from './EmptySegments.sty.js';\nimport { NoAccessWithoutSelection } from './noAccessRights/NoAccessWithoutSelection.js';\nimport * as styles from './Overlay.sty.js';\nimport { getSegmentManagementHref } from './segmentManagementHref.js';\n\n/**\n * EmptyState-component for SegmentSelector Overlay\n * @internal\n */\nexport const EmptySegments = forwardRef<HTMLDivElement>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n    const buttonRef = useRef<HTMLAnchorElement>(null);\n    const { readOnly } = useContext(UISegmentsContext);\n    useEffect(() => {\n      // Focus the button when the component is mounted. Due to the possible loading\n      // state, the overlay can't handle the focus as it tries it too early.\n      buttonRef.current?.focus();\n    }, []);\n\n    if (segmentsClient.hasAccessRights === false) {\n      return <NoAccessWithoutSelection />;\n    }\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        padding={16}\n        ref={forwardedRef}\n        width=\"100vw\"\n        className={styles.overlayDefaultWidth}\n      >\n        <ContainerIcon />\n        <Heading level={6}>\n          {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noSegmentsConfigured)}\n        </Heading>\n        <Flex\n          paddingTop={8}\n          width=\"100%\"\n          justifyContent={readOnly ? 'center' : 'space-between'}\n        >\n          {!readOnly && (\n            <Button\n              as=\"a\"\n              ref={buttonRef}\n              href={getSegmentManagementHref()}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"emphasized\"\n              className={AppLinkButtonCSS}\n            >\n              {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)}\n            </Button>\n          )}\n          <Button\n            as=\"a\"\n            href={SEGMENTS_DOCUMENTATION_URL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)}\n            <Button.Suffix>\n              <ExternalLinkIcon />\n            </Button.Suffix>\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  },\n);\n"],
+  "mappings": "AAiCa,cAkCH,YAlCG;AAjCb,SAAS,YAAY,YAAY,WAAW,cAAc;AAC1D,SAAS,eAAe;AAExB,SAAS,eAAe,wBAAwB;AAEhD,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAC3C,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,gCAAgC;AAMlC,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,OAAO,QAAQ;AACrB,UAAM,YAAY,OAA0B,IAAI;AAChD,UAAM,EAAE,SAAS,IAAI,WAAW,iBAAiB;AACjD,cAAU,MAAM;AAGd,gBAAU,SAAS,MAAM;AAAA,IAC3B,GAAG,CAAC,CAAC;AAEL,QAAI,eAAe,oBAAoB,OAAO;AAC5C,aAAO,oBAAC,4BAAyB;AAAA,IACnC;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,YAAW;AAAA,QACX,SAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QACN,WAAW,OAAO;AAAA,QAElB;AAAA,8BAAC,iBAAc;AAAA,UACf,oBAAC,WAAQ,OAAO,GACb,eAAK,cAAc,yBAAyB,oBAAoB,GACnE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,gBAAgB,WAAW,WAAW;AAAA,cAErC;AAAA,iBAAC,YACA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,KAAK;AAAA,oBACL,MAAM,yBAAyB;AAAA,oBAC/B,QAAO;AAAA,oBACP,KAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,WAAW;AAAA,oBAEV,eAAK,cAAc,yBAAyB,cAAc;AAAA;AAAA,gBAC7D;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,MAAM;AAAA,oBACN,QAAO;AAAA,oBACP,KAAI;AAAA,oBAEH;AAAA,2BAAK,cAAc,yBAAyB,YAAY;AAAA,sBACzD,oBAAC,OAAO,QAAP,EACC,8BAAC,oBAAiB,GACpB;AAAA;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/esm/filters/segment-selector/parts/EmptySegments.sty.js

@@ -1,5 +1,5 @@
 import "./EmptySegments.css";
-var AppLinkButtonCSS = "_awal5d0-3-6-0";
+var AppLinkButtonCSS = "_awal5d0-3-7-1";
 export {
   AppLinkButtonCSS
 };

package/esm/filters/segment-selector/parts/EmptySegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/EmptySegments.css.ts"],
-  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-6-0';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }