@grafana/scenes 6.10.3--canary.1118.14843701192.0 → 6.10.3--canary.1115.14859615413.0

package/dist/index.js

@@ -1117,7 +1117,7 @@ class SceneTimeRange extends SceneObjectBase {
   }
   calculatePercentOfInterval(percent) {
     const intervalMs = this.state.value.to.diff(this.state.value.from, "milliseconds");
-    return Math.ceil(intervalMs / percent);
+    return Math.ceil(intervalMs / 100 * percent);
   }
   getTimeZone() {
     if (this.state.timeZone && getValidTimeZone(this.state.timeZone)) {
@@ -4960,23 +4960,16 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
     }
   }, [viewMode]);
   if (viewMode) {
-    const pillText = /* @__PURE__ */ React__default.default.createElement("span", { className: styles.pillText }, keyLabel, " ", filter.operator, " ", valueLabel);
-    let injectedInfoText = "";
-    let injectedRestoreText = "";
-    if (filter.origin === "dashboard") {
-      injectedInfoText = "Applied by default in this dashboard. If edited, it carries over to other dashboards.";
-      injectedRestoreText = "Restore the value defined by this dashboard.";
-    } else if (filter.origin === "scope") {
-      injectedInfoText = "Applied automatically from your selected scope.";
-      injectedRestoreText = "Restore the value set by your selected scope.";
-    }
+    const pillTextContent = `${keyLabel} ${filter.operator} ${valueLabel}`;
+    const pillText = /* @__PURE__ */ React__default.default.createElement("span", { className: styles.pillText }, pillTextContent);
     return /* @__PURE__ */ React__default.default.createElement(
       "div",
       {
         className: css.cx(
           styles.combinedFilterPill,
           readOnly && styles.readOnlyCombinedFilter,
-          isMatchAllFilter(filter) && styles.matchAllPill
+          isMatchAllFilter(filter) && styles.matchAllPill,
+          filter.readOnly && styles.filterReadOnly
         ),
         onClick: (e) => {
           e.stopPropagation();
@@ -4989,12 +4982,12 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
             handleChangeViewMode();
           }
         },
-        role: "button",
+        role: readOnly ? void 0 : "button",
         "aria-label": `Edit filter with key ${keyLabel}`,
         tabIndex: 0,
         ref: pillWrapperRef
       },
-      valueLabel.length < LABEL_MAX_VISIBLE_LENGTH ? pillText : /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: /* @__PURE__ */ React__default.default.createElement("div", { className: styles.tooltipText }, valueLabel), placement: "top" }, pillText),
+      pillTextContent.length < LABEL_MAX_VISIBLE_LENGTH ? pillText : /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: /* @__PURE__ */ React__default.default.createElement("div", { className: styles.tooltipText }, pillTextContent), placement: "top" }, pillText),
       !readOnly && !filter.matchAllFilter && (!filter.origin || filter.origin === "dashboard") ? /* @__PURE__ */ React__default.default.createElement(
         ui.IconButton,
         {
@@ -5025,8 +5018,9 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
           tooltip: `Remove filter with key ${keyLabel}`
         }
       ) : null,
-      filter.origin && !filter.restorable && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: injectedInfoText, placement: "bottom" }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "info-circle", size: "md", className: styles.infoPillIcon })),
-      filter.origin && filter.restorable && /* @__PURE__ */ React__default.default.createElement(
+      filter.origin && filter.readOnly && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: `${filter.origin} managed filter`, placement: "bottom" }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "lock", size: "md", className: styles.readOnlyPillIcon })),
+      filter.origin && !filter.restorable && !filter.readOnly && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: `This is a ${filter.origin} injected filter`, placement: "bottom" }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "info-circle", size: "md", className: styles.infoPillIcon })),
+      filter.origin && filter.restorable && !filter.readOnly && /* @__PURE__ */ React__default.default.createElement(
         ui.IconButton,
         {
           onClick: (e) => {
@@ -5043,7 +5037,7 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
           name: "history",
           size: "md",
           className: isMatchAllFilter(filter) ? styles.matchAllPillIcon : styles.pillIcon,
-          tooltip: injectedRestoreText
+          tooltip: `Restore filter to its original value`
         }
       )
     );
@@ -5085,6 +5079,13 @@ const getStyles$b = (theme) => ({
       background: theme.colors.action.selected
     }
   }),
+  filterReadOnly: css.css({
+    background: theme.colors.background.canvas,
+    cursor: "text",
+    "&:hover": {
+      background: theme.colors.background.canvas
+    }
+  }),
   pillIcon: css.css({
     marginInline: theme.spacing(0.5),
     cursor: "pointer",
@@ -5105,6 +5106,9 @@ const getStyles$b = (theme) => ({
     marginInline: theme.spacing(0.5),
     cursor: "pointer"
   }),
+  readOnlyPillIcon: css.css({
+    marginInline: theme.spacing(0.5)
+  }),
   matchAllPillIcon: css.css({
     marginInline: theme.spacing(0.5),
     cursor: "pointer",
@@ -5526,7 +5530,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
       }
       this.setState({
         filters: this.state.filters.reduce((acc, f, index) => {
-          if (index === filterToForceIndex) {
+          if (index === filterToForceIndex && !f.readOnly) {
             return [
               ...acc,
               {
@@ -5548,7 +5552,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
       }
       this.setState({
         baseFilters: this.state.baseFilters.reduce((acc, f, index) => {
-          if (index === filterToForceIndex) {
+          if (index === filterToForceIndex && !f.readOnly) {
             return [
               ...acc,
               {