@grafana/scenes 6.50.0--canary.1312.20228210142.0 → 6.50.0--canary.1315.20233534152.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/scenes",
-  "version": "6.50.0--canary.1312.20228210142.0",
+  "version": "6.50.0--canary.1315.20233534152.0",
   "description": "Grafana framework for building dynamic dashboards",
   "author": "Grafana Labs",
   "license": "Apache-2.0",
@@ -125,5 +125,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c28ebbe18ab6836b2e30239f196e9106cda81421"
+  "gitHead": "5db8265ade53840e21f05d6e25df1e81de6c489c"
 }

package/dist/esm/packages/scenes/src/variables/components/DrilldownRecommendations.js

@@ -1,102 +0,0 @@
-import { useStyles2, ClickOutsideWrapper, Stack, Text, IconButton, Popover } from '@grafana/ui';
-import React, { useState, useRef } from 'react';
-import { css, cx } from '@emotion/css';
-import { Trans, t } from '@grafana/i18n';
-
-function DrilldownRecommendations({ recentDrilldowns, recommendedDrilldowns }) {
-  const styles = useStyles2(getStyles);
-  const [isPopoverVisible, setPopoverVisible] = useState(false);
-  const ref = useRef(null);
-  const openPopover = () => {
-    setPopoverVisible(true);
-  };
-  const onClickAction = (action) => {
-    action();
-    setPopoverVisible(false);
-  };
-  const content = /* @__PURE__ */ React.createElement(ClickOutsideWrapper, { onClick: () => setPopoverVisible(false), useCapture: true }, /* @__PURE__ */ React.createElement("div", { className: styles.menuContainer, onClick: (ev) => ev.stopPropagation() }, /* @__PURE__ */ React.createElement(Stack, { direction: "column" }, /* @__PURE__ */ React.createElement(Text, { weight: "bold", variant: "bodySmall", color: "secondary" }, /* @__PURE__ */ React.createElement(Trans, { i18nKey: "grafana-scenes.components.drilldown-recommendations.recent" }, "Recent")), recentDrilldowns && recentDrilldowns.length > 0 ? recentDrilldowns.map((drilldown) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: drilldown.label,
-      className: cx(styles.combinedFilterPill),
-      onClick: () => onClickAction(drilldown.onClick)
-    },
-    drilldown.label
-  )) : /* @__PURE__ */ React.createElement("div", { className: styles.emptyMessage }, /* @__PURE__ */ React.createElement(Trans, { i18nKey: "grafana-scenes.components.drilldown-recommendations.recent-empty" }, "No recent values")), /* @__PURE__ */ React.createElement(Text, { weight: "bold", variant: "bodySmall", color: "secondary" }, /* @__PURE__ */ React.createElement(Trans, { i18nKey: "grafana-scenes.components.drilldown-recommendations.recommended" }, "Recommended")), recommendedDrilldowns && recommendedDrilldowns.length > 0 ? recommendedDrilldowns.map((drilldown) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: drilldown.label,
-      className: cx(styles.combinedFilterPill),
-      onClick: () => onClickAction(drilldown.onClick)
-    },
-    drilldown.label
-  )) : /* @__PURE__ */ React.createElement("div", { className: styles.emptyMessage }, /* @__PURE__ */ React.createElement(Trans, { i18nKey: "grafana-scenes.components.drilldown-recommendations.recommended-empty" }, "No recommended values")))));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      name: "plus",
-      tooltip: t("grafana-scenes.components.drilldown-recommendations.tooltip", "Show recommendations"),
-      ref,
-      className: cx(isPopoverVisible && styles.iconActive),
-      onClick: (ev) => {
-        openPopover();
-        ev.stopPropagation();
-      }
-    }
-  ), isPopoverVisible && ref.current && /* @__PURE__ */ React.createElement(
-    Popover,
-    {
-      content,
-      onKeyDown: (event) => {
-        if (event.key === " ") {
-          event.stopPropagation();
-        }
-      },
-      placement: "bottom-start",
-      referenceElement: ref.current,
-      show: true
-    }
-  ));
-}
-const getStyles = (theme) => ({
-  menuContainer: css({
-    display: "flex",
-    flexDirection: "column",
-    background: theme.colors.background.elevated,
-    border: `1px solid ${theme.colors.border.weak}`,
-    borderRadius: theme.shape.radius.default,
-    boxShadow: theme.shadows.z3,
-    padding: theme.spacing(2)
-  }),
-  combinedFilterPill: css({
-    alignItems: "center",
-    background: theme.colors.action.selected,
-    borderRadius: theme.shape.radius.default,
-    border: `1px solid ${theme.colors.border.weak}`,
-    padding: theme.spacing(0.2, 1),
-    color: theme.colors.text.primary,
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    minHeight: theme.spacing(2.75),
-    ...theme.typography.bodySmall,
-    fontWeight: theme.typography.fontWeightBold,
-    cursor: "pointer",
-    "&:hover": {
-      background: theme.colors.action.hover
-    }
-  }),
-  iconActive: css({
-    "&:before": {
-      backgroundColor: theme.colors.action.hover,
-      opacity: 1
-    }
-  }),
-  emptyMessage: css({
-    padding: theme.spacing(2),
-    textAlign: "center",
-    color: theme.colors.text.secondary
-  })
-});
-
-export { DrilldownRecommendations };
-//# sourceMappingURL=DrilldownRecommendations.js.map

package/dist/esm/packages/scenes/src/variables/components/DrilldownRecommendations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrilldownRecommendations.js","sources":["../../../../../../../src/variables/components/DrilldownRecommendations.tsx"],"sourcesContent":["import { ClickOutsideWrapper, IconButton, Popover, Stack, Text, useStyles2 } from '@grafana/ui';\nimport React, { useRef, useState } from 'react';\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { css, cx } from '@emotion/css';\nimport { Trans, t } from '@grafana/i18n';\n\nexport interface DrilldownPill {\n  label: string;\n  onClick: () => void;\n}\n\ninterface Props {\n  recentDrilldowns?: DrilldownPill[];\n  recommendedDrilldowns?: DrilldownPill[];\n}\n\nexport function DrilldownRecommendations({ recentDrilldowns, recommendedDrilldowns }: Props) {\n  const styles = useStyles2(getStyles);\n\n  const [isPopoverVisible, setPopoverVisible] = useState<boolean>(false);\n  const ref = useRef<HTMLButtonElement>(null);\n\n  const openPopover = () => {\n    setPopoverVisible(true);\n  };\n\n  const onClickAction = (action: () => void) => {\n    action();\n    setPopoverVisible(false);\n  };\n\n  const content = (\n    <ClickOutsideWrapper onClick={() => setPopoverVisible(false)} useCapture={true}>\n      <div className={styles.menuContainer} onClick={(ev) => ev.stopPropagation()}>\n        <Stack direction=\"column\">\n          <Text weight=\"bold\" variant=\"bodySmall\" color=\"secondary\">\n            <Trans i18nKey=\"grafana-scenes.components.drilldown-recommendations.recent\">Recent</Trans>\n          </Text>\n          {recentDrilldowns && recentDrilldowns.length > 0 ? (\n            recentDrilldowns.map((drilldown) => (\n              <div\n                key={drilldown.label}\n                className={cx(styles.combinedFilterPill)}\n                onClick={() => onClickAction(drilldown.onClick)}\n              >\n                {drilldown.label}\n              </div>\n            ))\n          ) : (\n            <div className={styles.emptyMessage}>\n              <Trans i18nKey=\"grafana-scenes.components.drilldown-recommendations.recent-empty\">No recent values</Trans>\n            </div>\n          )}\n          <Text weight=\"bold\" variant=\"bodySmall\" color=\"secondary\">\n            <Trans i18nKey=\"grafana-scenes.components.drilldown-recommendations.recommended\">Recommended</Trans>\n          </Text>\n          {recommendedDrilldowns && recommendedDrilldowns.length > 0 ? (\n            recommendedDrilldowns.map((drilldown) => (\n              <div\n                key={drilldown.label}\n                className={cx(styles.combinedFilterPill)}\n                onClick={() => onClickAction(drilldown.onClick)}\n              >\n                {drilldown.label}\n              </div>\n            ))\n          ) : (\n            <div className={styles.emptyMessage}>\n              <Trans i18nKey=\"grafana-scenes.components.drilldown-recommendations.recommended-empty\">\n                No recommended values\n              </Trans>\n            </div>\n          )}\n        </Stack>\n      </div>\n    </ClickOutsideWrapper>\n  );\n\n  return (\n    <>\n      <IconButton\n        name=\"plus\"\n        tooltip={t('grafana-scenes.components.drilldown-recommendations.tooltip', 'Show recommendations')}\n        ref={ref}\n        className={cx(isPopoverVisible && styles.iconActive)}\n        onClick={(ev) => {\n          openPopover();\n          ev.stopPropagation();\n        }}\n      />\n\n      {isPopoverVisible && ref.current && (\n        <Popover\n          content={content}\n          onKeyDown={(event) => {\n            if (event.key === ' ') {\n              event.stopPropagation();\n            }\n          }}\n          placement=\"bottom-start\"\n          referenceElement={ref.current}\n          show\n        />\n      )}\n    </>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  menuContainer: css({\n    display: 'flex',\n    flexDirection: 'column',\n    background: theme.colors.background.elevated,\n    border: `1px solid ${theme.colors.border.weak}`,\n    borderRadius: theme.shape.radius.default,\n    boxShadow: theme.shadows.z3,\n    padding: theme.spacing(2),\n  }),\n  combinedFilterPill: css({\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.2, 1),\n    color: theme.colors.text.primary,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    minHeight: theme.spacing(2.75),\n    ...theme.typography.bodySmall,\n    fontWeight: theme.typography.fontWeightBold,\n    cursor: 'pointer',\n\n    '&:hover': {\n      background: theme.colors.action.hover,\n    },\n  }),\n  iconActive: css({\n    '&:before': {\n      backgroundColor: theme.colors.action.hover,\n      opacity: 1,\n    },\n  }),\n  emptyMessage: css({\n    padding: theme.spacing(2),\n    textAlign: 'center',\n    color: theme.colors.text.secondary,\n  }),\n});\n"],"names":[],"mappings":"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"}