@grafana/scenes 5.3.9--canary.830.9911031213.0 → 5.3.9--canary.832.9944397103.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/scenes",
-  "version": "5.3.9--canary.830.9911031213.0",
+  "version": "5.3.9--canary.832.9944397103.0",
   "description": "Grafana framework for building dynamic dashboards",
   "author": "Grafana Labs",
   "license": "AGPL-3.0-only",
@@ -37,7 +37,6 @@
     "url": "https://github.com/grafana/scenes/issues"
   },
   "dependencies": {
-    "@floating-ui/react": "0.26.16",
     "@grafana/e2e-selectors": "^11.0.0",
     "@leeoniya/ufuzzy": "^1.0.14",
     "react-grid-layout": "1.3.4",
@@ -114,5 +113,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "776ce45c15d35cb27cbc14949d6d1bc7b3f7a39d"
+  "gitHead": "22e2b8074598023b8c914dfe9121391adaac11a0"
 }

package/dist/esm/variables/adhoc/AdHocCombobox.js

@@ -1,402 +0,0 @@
-import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
-import { useId, useFloating, autoUpdate, flip, size, useRole, useDismiss, useListNavigation, useInteractions, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
-import { useTheme2, getSelectStyles, useStyles2, IconButton } from '@grafana/ui';
-import { cx, css } from '@emotion/css';
-import { flushSync } from 'react-dom';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Item = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, active } = _b, rest = __objRest(_b, ["children", "active"]);
-    const theme = useTheme2();
-    const selectStyles = getSelectStyles(theme);
-    const id = useId();
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({
-      ref,
-      role: "option",
-      id,
-      "aria-selected": active,
-      className: cx(selectStyles.option, active && selectStyles.optionFocused)
-    }, rest), /* @__PURE__ */ React.createElement("div", {
-      className: selectStyles.optionBody,
-      "data-testid": `data-testid ad hoc filter option value ${children}`
-    }, /* @__PURE__ */ React.createElement("span", null, children)));
-  }
-);
-function AdHocCombobox({ filter, model, wip, handleChangeViewMode }) {
-  var _a;
-  const [open, setOpen] = useState(false);
-  const [options, setOptions] = useState([]);
-  const [inputValue, setInputValue] = useState("");
-  const [activeIndex, setActiveIndex] = useState(null);
-  const [inputType, setInputType] = useState(!wip ? "value" : "key");
-  const styles = useStyles2(getStyles2);
-  const listRef = useRef([]);
-  const { _wip } = model.useState();
-  const filterToUse = filter || _wip;
-  const operatorIdentifier = `${(_a = filterToUse == null ? void 0 : filterToUse.key) != null ? _a : ""}-operator`;
-  const { refs, floatingStyles, context } = useFloating({
-    whileElementsMounted: autoUpdate,
-    open,
-    onOpenChange: (nextOpen, _, reason) => {
-      setOpen(nextOpen);
-      if (reason === "outside-press") {
-        handleChangeViewMode == null ? void 0 : handleChangeViewMode();
-      }
-    },
-    middleware: [
-      flip({ padding: 10 }),
-      size({
-        apply({ rects, availableHeight, elements }) {
-          Object.assign(elements.floating.style, {
-            width: `${rects.reference.width}px`,
-            maxHeight: `${availableHeight > 256 ? 256 : availableHeight}px`
-          });
-        },
-        padding: 10
-      })
-    ]
-  });
-  const role = useRole(context, { role: "listbox" });
-  const dismiss = useDismiss(context, {
-    outsidePress: (event) => {
-      return !event.currentTarget.classList.contains(
-        operatorIdentifier
-      );
-    }
-  });
-  const listNav = useListNavigation(context, {
-    listRef,
-    activeIndex,
-    onNavigate: setActiveIndex,
-    virtual: true,
-    loop: true
-  });
-  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([role, dismiss, listNav]);
-  function onChange(event) {
-    var _a2, _b;
-    if (inputType === "key") {
-      const lastChar = event.target.value.slice(-1);
-      if (["=", "!", "<", ">"].includes(lastChar)) {
-        const key = event.target.value.slice(0, -1);
-        const optionIndex = options.findIndex((option) => option.value === key);
-        if (optionIndex >= 0) {
-          model._updateFilter(filterToUse, inputType, options[optionIndex]);
-          setInputValue(lastChar);
-        }
-        flushSync(() => {
-          setInputType("operator");
-        });
-        (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();
-        return;
-      }
-    }
-    if (inputType === "operator") {
-      const lastChar = event.target.value.slice(-1);
-      if (/\w/.test(lastChar)) {
-        const operator = event.target.value.slice(0, -1);
-        if (!/\w/.test(operator)) {
-          const optionIndex = options.findIndex((option) => option.value === operator);
-          if (optionIndex >= 0) {
-            model._updateFilter(filterToUse, inputType, options[optionIndex]);
-            setInputValue(lastChar);
-          }
-          flushSync(() => {
-            setInputType("value");
-          });
-          (_b = refs.domReference.current) == null ? void 0 : _b.focus();
-          return;
-        }
-      }
-    }
-    const value = event.target.value;
-    setInputValue(value);
-    setActiveIndex(0);
-  }
-  const items = options.filter(
-    (item) => {
-      var _a2, _b;
-      return (_b = (_a2 = item.label) != null ? _a2 : item.value) == null ? void 0 : _b.toLocaleLowerCase().startsWith(inputValue.toLowerCase());
-    }
-  );
-  const flushInputType = useCallback((inputType2) => {
-    flushSync(() => {
-      setInputType(inputType2);
-    });
-  }, []);
-  useEffect(() => {
-    if (wip && !_wip) {
-      model._addWip();
-    }
-  }, [_wip]);
-  useEffect(() => {
-    if (!wip && refs.domReference.current) {
-      setInputType("value");
-      setInputValue("");
-      refs.domReference.current.focus();
-    }
-  }, []);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, filterToUse ? /* @__PURE__ */ React.createElement("div", {
-    className: styles.pillWrapper
-  }, (filterToUse == null ? void 0 : filterToUse.key) ? /* @__PURE__ */ React.createElement("div", {
-    className: cx(styles.basePill, styles.keyPill)
-  }, filterToUse.key) : null, (filterToUse == null ? void 0 : filterToUse.key) && (filterToUse == null ? void 0 : filterToUse.operator) && inputType !== "operator" ? /* @__PURE__ */ React.createElement("div", {
-    className: cx(styles.basePill, operatorIdentifier),
-    role: "button",
-    "aria-label": "Edit filter operator",
-    tabIndex: 0,
-    onClick: () => {
-      var _a2;
-      flushInputType("operator");
-      (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();
-    },
-    onKeyDown: (e) => {
-      var _a2;
-      if (e.key === "Enter") {
-        flushInputType("operator");
-        (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();
-      }
-    }
-  }, filterToUse.operator) : null, (filterToUse == null ? void 0 : filterToUse.key) && (filterToUse == null ? void 0 : filterToUse.operator) && (filterToUse == null ? void 0 : filterToUse.value) && !["operator", "value"].includes(inputType) ? /* @__PURE__ */ React.createElement("div", {
-    className: cx(styles.basePill, styles.valuePill)
-  }, filterToUse.value) : null) : null, /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues({}, getReferenceProps({
-    ref: refs.setReference,
-    onChange,
-    value: inputValue,
-    placeholder: !wip ? inputType === "operator" ? `${filterToUse[inputType]} ${filterToUse.value || ""}` : filterToUse[inputType] : "Filter by label values",
-    "aria-autocomplete": "list",
-    onKeyDown(event) {
-      var _a2;
-      if (event.key === "Enter" && activeIndex != null && items[activeIndex]) {
-        model._updateFilter(filterToUse, inputType, items[activeIndex]);
-        setInputValue("");
-        if (inputType === "key") {
-          flushInputType("operator");
-        } else if (inputType === "operator") {
-          flushInputType("value");
-        } else if (inputType === "value") {
-          flushInputType("key");
-          handleChangeViewMode == null ? void 0 : handleChangeViewMode();
-        }
-        (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();
-      }
-    }
-  })), {
-    className: styles.inputStyle,
-    key: inputType,
-    onFocus: async () => {
-      let options2 = [];
-      if (inputType === "key") {
-        options2 = await model._getKeys(null);
-      } else if (inputType === "operator") {
-        options2 = model._getOperators();
-      } else if (inputType === "value") {
-        options2 = await model._getValuesFor(filterToUse);
-      }
-      setActiveIndex(0);
-      setOptions(options2);
-      setOpen(true);
-    }
-  })), /* @__PURE__ */ React.createElement(FloatingPortal, null, open && /* @__PURE__ */ React.createElement(FloatingFocusManager, {
-    context,
-    initialFocus: -1,
-    visuallyHiddenDismiss: true
-  }, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, getFloatingProps({
-    ref: refs.setFloating,
-    style: __spreadProps(__spreadValues({}, floatingStyles), {
-      overflowY: "auto"
-    })
-  })), {
-    className: styles.dropdownWrapper
-  }), items.map((item, index) => {
-    var _a2;
-    return /* @__PURE__ */ React.createElement(Item, __spreadProps(__spreadValues({}, getItemProps({
-      key: item.value,
-      ref(node) {
-        listRef.current[index] = node;
-      },
-      onClick() {
-        var _a3;
-        model._updateFilter(filterToUse, inputType, item);
-        setInputValue("");
-        if (inputType === "key") {
-          flushInputType("operator");
-        } else if (inputType === "operator") {
-          flushInputType("value");
-        } else if (inputType === "value") {
-          flushInputType("key");
-          handleChangeViewMode == null ? void 0 : handleChangeViewMode();
-        }
-        (_a3 = refs.domReference.current) == null ? void 0 : _a3.focus();
-      }
-    })), {
-      active: activeIndex === index
-    }), (_a2 = item.label) != null ? _a2 : item.value);
-  })))));
-}
-const getStyles2 = (theme) => ({
-  pillWrapper: css({
-    display: "flex",
-    alignItems: "center",
-    whiteSpace: "nowrap"
-  }),
-  basePill: css(__spreadProps(__spreadValues({
-    display: "flex",
-    alignItems: "center",
-    background: theme.colors.action.disabledBackground,
-    border: `1px solid ${theme.colors.border.weak}`,
-    padding: theme.spacing(0.125, 1, 0.125, 1),
-    color: theme.colors.text.primary,
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    minHeight: "22px"
-  }, theme.typography.bodySmall), {
-    cursor: "pointer"
-  })),
-  keyPill: css({
-    fontWeight: theme.typography.fontWeightBold,
-    cursor: "default"
-  }),
-  valuePill: css({
-    background: theme.colors.action.selected
-  }),
-  dropdownWrapper: css({
-    backgroundColor: theme.colors.background.primary,
-    color: theme.colors.text.primary,
-    boxShadow: theme.shadows.z2
-  }),
-  inputStyle: css({
-    paddingBlock: 0,
-    "&:focus": {
-      outline: "none"
-    }
-  })
-});
-function AdHocFilterEditSwitch({ filter, model }) {
-  const styles = useStyles2(getStyles3);
-  const [viewMode, setViewMode] = useState(true);
-  const wrapRef = useRef(null);
-  const handleChangeViewMode = useCallback(() => {
-    flushSync(() => {
-      setViewMode((mode) => !mode);
-    });
-    if (wrapRef.current) {
-      wrapRef.current.focus();
-    }
-  }, []);
-  if (viewMode) {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: styles.combinedFilterPill,
-      onClick: handleChangeViewMode,
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          handleChangeViewMode();
-        }
-      },
-      role: "button",
-      "aria-label": "Edit filter",
-      tabIndex: 0,
-      ref: wrapRef
-    }, /* @__PURE__ */ React.createElement("span", null, filter.key, " ", filter.operator, " ", filter.value), /* @__PURE__ */ React.createElement(IconButton, {
-      onClick: (e) => {
-        e.stopPropagation();
-        model._removeFilter(filter);
-      },
-      onKeyDownCapture: (e) => {
-        e.stopPropagation();
-        if (e.key === "Enter") {
-          model._removeFilter(filter);
-        }
-      },
-      name: "times",
-      size: "md",
-      className: styles.removeButton,
-      tooltip: "Remove filter"
-    }));
-  }
-  return /* @__PURE__ */ React.createElement(AdHocCombobox, {
-    filter,
-    model,
-    handleChangeViewMode
-  });
-}
-const getStyles3 = (theme) => ({
-  wrapper: css({
-    display: "flex",
-    flexWrap: "wrap",
-    alignItems: "center",
-    columnGap: theme.spacing(1),
-    rowGap: theme.spacing(1),
-    minHeight: theme.spacing(4),
-    backgroundColor: theme.components.input.background,
-    border: `1px solid ${theme.colors.border.strong}`,
-    borderRadius: theme.shape.radius.default,
-    paddingInline: theme.spacing(1),
-    "&:focus-within": {
-      outline: "2px dotted transparent",
-      outlineOffset: "2px",
-      boxShadow: `0 0 0 2px ${theme.colors.background.canvas}, 0 0 0px 4px ${theme.colors.primary.main}`,
-      transitionTimingFunction: `cubic-bezier(0.19, 1, 0.22, 1)`,
-      transitionDuration: "0.2s",
-      transitionProperty: "outline, outline-offset, box-shadow"
-    }
-  }),
-  combinedFilterPill: css(__spreadProps(__spreadValues({
-    display: "flex",
-    alignItems: "center",
-    background: theme.colors.action.selected,
-    borderRadius: theme.shape.radius.default,
-    border: `1px solid ${theme.colors.border.weak}`,
-    padding: theme.spacing(0.125, 0, 0.125, 1),
-    color: theme.colors.text.primary,
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    minHeight: "22px"
-  }, theme.typography.bodySmall), {
-    fontWeight: theme.typography.fontWeightBold,
-    cursor: "pointer",
-    "&:hover": {
-      background: theme.colors.emphasize(theme.colors.background.secondary)
-    }
-  })),
-  removeButton: css({
-    marginInline: theme.spacing(0.5),
-    cursor: "pointer",
-    "&:hover": {
-      color: theme.colors.text.primary
-    }
-  })
-});
-
-export { AdHocCombobox, AdHocFilterEditSwitch };
-//# sourceMappingURL=AdHocCombobox.js.map

package/dist/esm/variables/adhoc/AdHocCombobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdHocCombobox.js","sources":["../../../../src/variables/adhoc/AdHocCombobox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  autoUpdate,\n  size,\n  flip,\n  useId,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useListNavigation,\n  useRole,\n  FloatingFocusManager,\n  FloatingPortal,\n} from '@floating-ui/react';\nimport { IconButton, getSelectStyles, useStyles2, useTheme2 } from '@grafana/ui';\nimport { GrafanaTheme2, SelectableValue } from '@grafana/data';\nimport { css, cx } from '@emotion/css';\nimport { AdHocFilterWithLabels, AdHocFiltersVariable } from './AdHocFiltersVariable';\nimport { flushSync } from 'react-dom';\n\ninterface ItemProps {\n  children: React.ReactNode;\n  active: boolean;\n}\n\n// eslint-disable-next-line react/display-name\nconst Item = forwardRef<HTMLDivElement, ItemProps & React.HTMLProps<HTMLDivElement>>(\n  ({ children, active, ...rest }, ref) => {\n    const theme = useTheme2();\n    const selectStyles = getSelectStyles(theme);\n    const id = useId();\n    return (\n      <div\n        ref={ref}\n        role=\"option\"\n        id={id}\n        aria-selected={active}\n        className={cx(selectStyles.option, active && selectStyles.optionFocused)}\n        {...rest}\n      >\n        <div className={selectStyles.optionBody} data-testid={`data-testid ad hoc filter option value ${children}`}>\n          <span>{children}</span>\n        </div>\n      </div>\n    );\n  }\n);\n\ninterface AdHocComboboxProps {\n  filter?: AdHocFilterWithLabels;\n  wip?: boolean;\n  model: AdHocFiltersVariable;\n  handleChangeViewMode?: () => void;\n}\n\ntype AdHocInputType = 'key' | 'operator' | 'value';\n\nexport function AdHocCombobox({ filter, model, wip, handleChangeViewMode }: AdHocComboboxProps) {\n  const [open, setOpen] = useState(false);\n  //   const [optionsLoading, setOptionsLoading] = useState<boolean>(false);\n  const [options, setOptions] = useState<Array<SelectableValue<string>>>([]);\n  const [inputValue, setInputValue] = useState('');\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [inputType, setInputType] = useState<AdHocInputType>(!wip ? 'value' : 'key');\n  const styles = useStyles2(getStyles2);\n\n  const listRef = useRef<Array<HTMLElement | null>>([]);\n  const { _wip } = model.useState();\n\n  const filterToUse = filter || _wip;\n\n  const operatorIdentifier = `${filterToUse?.key ?? ''}-operator`;\n\n  const { refs, floatingStyles, context } = useFloating<HTMLInputElement>({\n    whileElementsMounted: autoUpdate,\n    open,\n    onOpenChange: (nextOpen, _, reason) => {\n      setOpen(nextOpen);\n      // change from filter edit mode to filter view mode when clicked\n      //   outside input or dropdown\n      if (reason === 'outside-press') {\n        handleChangeViewMode?.();\n      }\n    },\n    middleware: [\n      flip({ padding: 10 }),\n      size({\n        apply({ rects, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n            // limit the maxHeight of dropdown\n            maxHeight: `${availableHeight > 256 ? 256 : availableHeight}px`,\n          });\n        },\n        padding: 10,\n      }),\n    ],\n  });\n\n  const role = useRole(context, { role: 'listbox' });\n  const dismiss = useDismiss(context, {\n    // if outside click lands on operator pill, then ignore outside click\n    outsidePress: (event) => {\n      return !(event as unknown as React.MouseEvent<HTMLElement, MouseEvent>).currentTarget.classList.contains(\n        operatorIdentifier\n      );\n    },\n  });\n  const listNav = useListNavigation(context, {\n    listRef,\n    activeIndex,\n    onNavigate: setActiveIndex,\n    virtual: true,\n    loop: true,\n  });\n\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([role, dismiss, listNav]);\n\n  function onChange(event: React.ChangeEvent<HTMLInputElement>) {\n    // part of POC for seamless filter parser\n    if (inputType === 'key') {\n      const lastChar = event.target.value.slice(-1);\n      if (['=', '!', '<', '>'].includes(lastChar)) {\n        const key = event.target.value.slice(0, -1);\n        const optionIndex = options.findIndex((option) => option.value === key);\n        if (optionIndex >= 0) {\n          model._updateFilter(filterToUse!, inputType, options[optionIndex]);\n          setInputValue(lastChar);\n        }\n        flushSync(() => {\n          setInputType('operator');\n        });\n        refs.domReference.current?.focus();\n        return;\n      }\n    }\n    if (inputType === 'operator') {\n      const lastChar = event.target.value.slice(-1);\n      if (/\\w/.test(lastChar)) {\n        const operator = event.target.value.slice(0, -1);\n        if (!/\\w/.test(operator)) {\n          const optionIndex = options.findIndex((option) => option.value === operator);\n          if (optionIndex >= 0) {\n            model._updateFilter(filterToUse!, inputType, options[optionIndex]);\n            setInputValue(lastChar);\n          }\n          flushSync(() => {\n            setInputType('value');\n          });\n          refs.domReference.current?.focus();\n          return;\n        }\n      }\n    }\n\n    const value = event.target.value;\n    setInputValue(value);\n    setActiveIndex(0);\n  }\n\n  const items = options.filter((item) =>\n    (item.label ?? item.value)?.toLocaleLowerCase().startsWith(inputValue.toLowerCase())\n  );\n\n  const flushInputType = useCallback((inputType: AdHocInputType) => {\n    flushSync(() => {\n      setInputType(inputType);\n    });\n  }, []);\n\n  // when combobox is in wip mode then check and add _wip if its missing\n  //    needed on first render and when _wip is reset on filter value commit\n  useEffect(() => {\n    if (wip && !_wip) {\n      model._addWip();\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_wip]);\n\n  // when not in wip mode this is the point of switching from view to edit mode\n  //    and in this case we default to 'value' input type and focus input\n  useEffect(() => {\n    if (!wip && refs.domReference.current) {\n      setInputType('value');\n      setInputValue('');\n\n      refs.domReference.current.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      {filterToUse ? (\n        <div className={styles.pillWrapper}>\n          {filterToUse?.key ? <div className={cx(styles.basePill, styles.keyPill)}>{filterToUse.key}</div> : null}\n          {filterToUse?.key && filterToUse?.operator && inputType !== 'operator' ? (\n            <div\n              className={cx(styles.basePill, operatorIdentifier)}\n              role=\"button\"\n              aria-label=\"Edit filter operator\"\n              tabIndex={0}\n              onClick={() => {\n                flushInputType('operator');\n\n                refs.domReference.current?.focus();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  flushInputType('operator');\n\n                  refs.domReference.current?.focus();\n                }\n              }}\n            >\n              {filterToUse.operator}\n            </div>\n          ) : null}\n          {filterToUse?.key &&\n          filterToUse?.operator &&\n          filterToUse?.value &&\n          !['operator', 'value'].includes(inputType) ? (\n            <div className={cx(styles.basePill, styles.valuePill)}>{filterToUse.value}</div>\n          ) : null}\n        </div>\n      ) : null}\n\n      <input\n        {...getReferenceProps({\n          ref: refs.setReference,\n          onChange,\n          value: inputValue,\n          // dynamic placeholder to display operator and/or value in filter edit mode\n          placeholder: !wip\n            ? inputType === 'operator'\n              ? `${filterToUse![inputType]} ${filterToUse!.value || ''}`\n              : filterToUse![inputType]\n            : 'Filter by label values',\n          'aria-autocomplete': 'list',\n          onKeyDown(event) {\n            if (event.key === 'Enter' && activeIndex != null && items[activeIndex]) {\n              model._updateFilter(filterToUse!, inputType, items[activeIndex]);\n              setInputValue('');\n\n              if (inputType === 'key') {\n                flushInputType('operator');\n              } else if (inputType === 'operator') {\n                flushInputType('value');\n              } else if (inputType === 'value') {\n                flushInputType('key');\n\n                handleChangeViewMode?.();\n              }\n\n              refs.domReference.current?.focus();\n            }\n          },\n        })}\n        className={styles.inputStyle}\n        key={inputType}\n        onFocus={async () => {\n          let options: Array<SelectableValue<string>> = [];\n          // TODO: missing async placeholder while options load\n          if (inputType === 'key') {\n            options = await model._getKeys(null);\n          } else if (inputType === 'operator') {\n            options = model._getOperators();\n          } else if (inputType === 'value') {\n            options = await model._getValuesFor(filterToUse!);\n          }\n\n          setActiveIndex(0);\n          setOptions(options);\n          setOpen(true);\n        }}\n      />\n      <FloatingPortal>\n        {open && (\n          <FloatingFocusManager context={context} initialFocus={-1} visuallyHiddenDismiss>\n            <div\n              {...getFloatingProps({\n                ref: refs.setFloating,\n                style: {\n                  ...floatingStyles,\n                  overflowY: 'auto',\n                },\n              })}\n              className={styles.dropdownWrapper}\n            >\n              {items.map((item, index) => (\n                // eslint-disable-next-line react/jsx-key\n                <Item\n                  {...getItemProps({\n                    key: item.value!,\n                    ref(node) {\n                      listRef.current[index] = node;\n                    },\n                    onClick() {\n                      model._updateFilter(filterToUse!, inputType, item);\n                      setInputValue('');\n\n                      if (inputType === 'key') {\n                        flushInputType('operator');\n                      } else if (inputType === 'operator') {\n                        flushInputType('value');\n                      } else if (inputType === 'value') {\n                        flushInputType('key');\n                        handleChangeViewMode?.();\n                      }\n\n                      refs.domReference.current?.focus();\n                    },\n                  })}\n                  active={activeIndex === index}\n                >\n                  {item.label ?? item.value}\n                </Item>\n              ))}\n            </div>\n          </FloatingFocusManager>\n        )}\n      </FloatingPortal>\n    </>\n  );\n}\n\nconst getStyles2 = (theme: GrafanaTheme2) => ({\n  pillWrapper: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  basePill: css({\n    display: 'flex',\n    alignItems: 'center',\n    background: theme.colors.action.disabledBackground,\n    border: `1px solid ${theme.colors.border.weak}`,\n    padding: theme.spacing(0.125, 1, 0.125, 1),\n    color: theme.colors.text.primary,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    minHeight: '22px',\n    ...theme.typography.bodySmall,\n    cursor: 'pointer',\n  }),\n  keyPill: css({\n    fontWeight: theme.typography.fontWeightBold,\n    cursor: 'default',\n  }),\n  valuePill: css({\n    background: theme.colors.action.selected,\n  }),\n  dropdownWrapper: css({\n    backgroundColor: theme.colors.background.primary,\n    color: theme.colors.text.primary,\n    boxShadow: theme.shadows.z2,\n  }),\n  inputStyle: css({\n    paddingBlock: 0,\n    '&:focus': {\n      outline: 'none',\n    },\n  }),\n});\n\ninterface AdHocFilterEditSwitchProps {\n  filter: AdHocFilterWithLabels;\n  model: AdHocFiltersVariable;\n}\n\nexport function AdHocFilterEditSwitch({ filter, model }: AdHocFilterEditSwitchProps) {\n  const styles = useStyles2(getStyles3);\n  const [viewMode, setViewMode] = useState(true);\n  const wrapRef = useRef<HTMLDivElement>(null);\n\n  const handleChangeViewMode = useCallback(() => {\n    flushSync(() => {\n      setViewMode((mode) => !mode);\n    });\n    // focus is lost when switching to view mode with keyboard, so forcing\n    //  focus back in parent after finished editing\n    if (wrapRef.current) {\n      wrapRef.current.focus();\n    }\n  }, []);\n\n  if (viewMode) {\n    return (\n      <div\n        className={styles.combinedFilterPill}\n        onClick={handleChangeViewMode}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleChangeViewMode();\n          }\n        }}\n        role=\"button\"\n        aria-label=\"Edit filter\"\n        tabIndex={0}\n        ref={wrapRef}\n      >\n        <span>\n          {filter.key} {filter.operator} {filter.value}\n        </span>\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation();\n            model._removeFilter(filter);\n          }}\n          onKeyDownCapture={(e) => {\n            e.stopPropagation();\n            if (e.key === 'Enter') {\n              model._removeFilter(filter);\n            }\n          }}\n          name=\"times\"\n          size=\"md\"\n          className={styles.removeButton}\n          tooltip=\"Remove filter\"\n        />\n      </div>\n    );\n  }\n\n  return <AdHocCombobox filter={filter} model={model} handleChangeViewMode={handleChangeViewMode} />;\n}\n\nconst getStyles3 = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    columnGap: theme.spacing(1),\n    rowGap: theme.spacing(1),\n    minHeight: theme.spacing(4),\n    backgroundColor: theme.components.input.background,\n    border: `1px solid ${theme.colors.border.strong}`,\n    borderRadius: theme.shape.radius.default,\n    paddingInline: theme.spacing(1),\n\n    '&:focus-within': {\n      outline: '2px dotted transparent',\n      outlineOffset: '2px',\n      boxShadow: `0 0 0 2px ${theme.colors.background.canvas}, 0 0 0px 4px ${theme.colors.primary.main}`,\n      transitionTimingFunction: `cubic-bezier(0.19, 1, 0.22, 1)`,\n      transitionDuration: '0.2s',\n      transitionProperty: 'outline, outline-offset, box-shadow',\n    },\n  }),\n  combinedFilterPill: css({\n    display: 'flex',\n    alignItems: 'center',\n    background: theme.colors.action.selected,\n    borderRadius: theme.shape.radius.default,\n    border: `1px solid ${theme.colors.border.weak}`,\n    padding: theme.spacing(0.125, 0, 0.125, 1),\n    color: theme.colors.text.primary,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    minHeight: '22px',\n    ...theme.typography.bodySmall,\n    fontWeight: theme.typography.fontWeightBold,\n    cursor: 'pointer',\n\n    '&:hover': {\n      background: theme.colors.emphasize(theme.colors.background.secondary),\n    },\n  }),\n  removeButton: css({\n    marginInline: theme.spacing(0.5),\n    cursor: 'pointer',\n    '&:hover': {\n      color: theme.colors.text.primary,\n    },\n  }),\n});\n"],"names":["_a","inputType","options"],"mappings":"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"}

package/dist/esm/variables/adhoc/AdHocFiltersVariableV2.js

@@ -1,58 +0,0 @@
-import { css } from '@emotion/css';
-import { useStyles2, Icon } from '@grafana/ui';
-import React from 'react';
-import { AdHocFilterEditSwitch, AdHocCombobox } from './AdHocCombobox.js';
-import { AdHocFiltersVariable } from './AdHocFiltersVariable.js';
-
-class AdHocFiltersVariableV2 extends AdHocFiltersVariable {
-}
-AdHocFiltersVariableV2.Component = AdHocFiltersVariableRendererV2;
-function AdHocFiltersVariableRendererV2({ model }) {
-  const { filters } = model.useState();
-  const styles = useStyles2(getStyles2);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: styles.wrapper
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "filter",
-    className: styles.filterIcon,
-    size: "lg"
-  }), filters.map((filter, index) => /* @__PURE__ */ React.createElement(AdHocFilterEditSwitch, {
-    key: index,
-    filter,
-    model
-  })), /* @__PURE__ */ React.createElement(AdHocCombobox, {
-    model,
-    wip: true
-  }));
-}
-const getStyles2 = (theme) => ({
-  wrapper: css({
-    display: "flex",
-    flexWrap: "wrap",
-    alignItems: "center",
-    columnGap: theme.spacing(1),
-    rowGap: theme.spacing(0.5),
-    minHeight: theme.spacing(4),
-    backgroundColor: theme.components.input.background,
-    border: `1px solid ${theme.colors.border.strong}`,
-    borderRadius: theme.shape.radius.default,
-    paddingInline: theme.spacing(1),
-    paddingBlock: theme.spacing(0.5),
-    flexGrow: 1,
-    "&:focus-within": {
-      outline: "2px dotted transparent",
-      outlineOffset: "2px",
-      boxShadow: `0 0 0 2px ${theme.colors.background.canvas}, 0 0 0px 4px ${theme.colors.primary.main}`,
-      transitionTimingFunction: `cubic-bezier(0.19, 1, 0.22, 1)`,
-      transitionDuration: "0.2s",
-      transitionProperty: "outline, outline-offset, box-shadow"
-    }
-  }),
-  filterIcon: css({
-    color: theme.colors.text.secondary,
-    alignSelf: "center"
-  })
-});
-
-export { AdHocFiltersVariableRendererV2, AdHocFiltersVariableV2 };
-//# sourceMappingURL=AdHocFiltersVariableV2.js.map

package/dist/esm/variables/adhoc/AdHocFiltersVariableV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdHocFiltersVariableV2.js","sources":["../../../../src/variables/adhoc/AdHocFiltersVariableV2.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { useStyles2, Icon } from '@grafana/ui';\nimport React from 'react';\nimport { SceneComponentProps } from '../../core/types';\nimport { AdHocCombobox, AdHocFilterEditSwitch } from './AdHocCombobox';\nimport { AdHocFiltersVariable } from './AdHocFiltersVariable';\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport class AdHocFiltersVariableV2 extends AdHocFiltersVariable {\n  static Component = AdHocFiltersVariableRendererV2;\n}\n\nexport function AdHocFiltersVariableRendererV2({ model }: SceneComponentProps<AdHocFiltersVariable>) {\n  const { filters } = model.useState();\n  const styles = useStyles2(getStyles2);\n\n  return (\n    <div className={styles.wrapper}>\n      <Icon name=\"filter\" className={styles.filterIcon} size=\"lg\" />\n\n      {filters.map((filter, index) => (\n        <AdHocFilterEditSwitch key={index} filter={filter} model={model} />\n      ))}\n\n      <AdHocCombobox model={model} wip />\n    </div>\n  );\n}\n\nconst getStyles2 = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    columnGap: theme.spacing(1),\n    rowGap: theme.spacing(0.5),\n    minHeight: theme.spacing(4),\n    backgroundColor: theme.components.input.background,\n    border: `1px solid ${theme.colors.border.strong}`,\n    borderRadius: theme.shape.radius.default,\n    paddingInline: theme.spacing(1),\n    paddingBlock: theme.spacing(0.5),\n    flexGrow: 1,\n\n    '&:focus-within': {\n      outline: '2px dotted transparent',\n      outlineOffset: '2px',\n      boxShadow: `0 0 0 2px ${theme.colors.background.canvas}, 0 0 0px 4px ${theme.colors.primary.main}`,\n      transitionTimingFunction: `cubic-bezier(0.19, 1, 0.22, 1)`,\n      transitionDuration: '0.2s',\n      transitionProperty: 'outline, outline-offset, box-shadow',\n    },\n  }),\n  filterIcon: css({\n    color: theme.colors.text.secondary,\n    alignSelf: 'center',\n  }),\n});\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,+BAA+B,oBAAqB,CAAA;AAEjE,CAAA;AAFa,sBAAA,CACJ,SAAY,GAAA,8BAAA,CAAA;AAGL,SAAA,8BAAA,CAA+B,EAAE,KAAA,EAAoD,EAAA;AACnG,EAAA,MAAM,EAAE,OAAA,EAAY,GAAA,KAAA,CAAM,QAAS,EAAA,CAAA;AACnC,EAAM,MAAA,MAAA,GAAS,WAAW,UAAU,CAAA,CAAA;AAEpC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,MAAO,CAAA,OAAA;AAAA,GAAA,kBACpB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAK,EAAA,QAAA;AAAA,IAAS,WAAW,MAAO,CAAA,UAAA;AAAA,IAAY,IAAK,EAAA,IAAA;AAAA,GAAK,GAE3D,OAAQ,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,0BACnB,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAAA,IAAsB,GAAK,EAAA,KAAA;AAAA,IAAO,MAAA;AAAA,IAAgB,KAAA;AAAA,GAAc,CAClE,mBAEA,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,KAAA;AAAA,IAAc,GAAG,EAAA,IAAA;AAAA,GAAC,CACnC,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,KAA0B,MAAA;AAAA,EAC5C,SAAS,GAAI,CAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACzB,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,eAAA,EAAiB,KAAM,CAAA,UAAA,CAAW,KAAM,CAAA,UAAA;AAAA,IACxC,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,CAAO,MAAO,CAAA,MAAA,CAAA,CAAA;AAAA,IACzC,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA;AAAA,IACjC,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC9B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC/B,QAAU,EAAA,CAAA;AAAA,IAEV,gBAAkB,EAAA;AAAA,MAChB,OAAS,EAAA,wBAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,SAAA,EAAW,aAAa,KAAM,CAAA,MAAA,CAAO,WAAW,MAAuB,CAAA,cAAA,EAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,IAAA,CAAA,CAAA;AAAA,MAC5F,wBAA0B,EAAA,CAAA,8BAAA,CAAA;AAAA,MAC1B,kBAAoB,EAAA,MAAA;AAAA,MACpB,kBAAoB,EAAA,qCAAA;AAAA,KACtB;AAAA,GACD,CAAA;AAAA,EACD,YAAY,GAAI,CAAA;AAAA,IACd,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,IACzB,SAAW,EAAA,QAAA;AAAA,GACZ,CAAA;AACH,CAAA,CAAA;;;;"}