@grafana/scenes 5.22.3--canary.955.11685084435.0 → 5.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/scenes",
-  "version": "5.22.3--canary.955.11685084435.0",
+  "version": "5.23.0",
   "description": "Grafana framework for building dynamic dashboards",
   "author": "Grafana Labs",
   "license": "AGPL-3.0-only",
@@ -115,5 +115,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "9288864abb63c9159120d267812013cf44d070f2"
+  "gitHead": "85a8382c24a0329555988a56b7ecf65bc6e61c80"
 }

package/dist/esm/variables/adhoc/AdHocFiltersCombobox/MultiValuePill.js

@@ -1,114 +0,0 @@
-import { cx, css } from '@emotion/css';
-import { useStyles2, Button, Icon } from '@grafana/ui';
-import React, { useCallback } from 'react';
-
-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));
-const MultiValuePill = ({
-  item,
-  handleRemoveMultiValue,
-  index,
-  handleEditMultiValuePill
-}) => {
-  var _a, _b;
-  const styles = useStyles2(getStyles);
-  const editMultiValuePill = useCallback(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      handleEditMultiValuePill(item);
-    },
-    [handleEditMultiValuePill, item]
-  );
-  const editMultiValuePillWithKeyboard = useCallback(
-    (e) => {
-      if (e.key === "Enter") {
-        editMultiValuePill(e);
-      }
-    },
-    [editMultiValuePill]
-  );
-  const removePillHandler = useCallback(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      handleRemoveMultiValue(item);
-    },
-    [handleRemoveMultiValue, item]
-  );
-  const removePillHandlerWithKeyboard = useCallback(
-    (e) => {
-      if (e.key === "Enter") {
-        removePillHandler(e);
-      }
-    },
-    [removePillHandler]
-  );
-  return /* @__PURE__ */ React.createElement("div", {
-    className: cx(styles.basePill, styles.valuePill),
-    onClick: editMultiValuePill,
-    onKeyDown: editMultiValuePillWithKeyboard,
-    tabIndex: 0,
-    id: `${item.value}-${index}`
-  }, (_a = item.label) != null ? _a : item.value, /* @__PURE__ */ React.createElement(Button, {
-    onClick: removePillHandler,
-    onKeyDownCapture: removePillHandlerWithKeyboard,
-    fill: "text",
-    size: "sm",
-    variant: "secondary",
-    className: styles.removeButton,
-    tooltip: `Remove filter value - ${(_b = item.label) != null ? _b : item.value}`
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "times",
-    size: "md",
-    id: `${item.value}-${index}-close-icon`
-  })));
-};
-const getStyles = (theme) => ({
-  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: theme.spacing(2.75)
-  }, theme.typography.bodySmall), {
-    cursor: "pointer"
-  })),
-  valuePill: css({
-    background: theme.colors.action.selected,
-    padding: theme.spacing(0.125, 0, 0.125, 1)
-  }),
-  removeButton: css({
-    marginInline: theme.spacing(0.5),
-    height: "100%",
-    padding: 0,
-    cursor: "pointer",
-    "&:hover": {
-      color: theme.colors.text.primary
-    }
-  })
-});
-
-export { MultiValuePill };
-//# sourceMappingURL=MultiValuePill.js.map

package/dist/esm/variables/adhoc/AdHocFiltersCombobox/MultiValuePill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiValuePill.js","sources":["../../../../../src/variables/adhoc/AdHocFiltersCombobox/MultiValuePill.tsx"],"sourcesContent":["import { cx, css } from '@emotion/css';\nimport { SelectableValue, GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Button, Icon } from '@grafana/ui';\nimport React, { useCallback } from 'react';\n\ninterface MultiValuePillProps {\n  item: SelectableValue<string>;\n  handleRemoveMultiValue: (item: SelectableValue<string>) => void;\n  index: number;\n  handleEditMultiValuePill: (value: SelectableValue<string>) => void;\n}\nexport const MultiValuePill = ({\n  item,\n  handleRemoveMultiValue,\n  index,\n  handleEditMultiValuePill,\n}: MultiValuePillProps) => {\n  const styles = useStyles2(getStyles);\n\n  const editMultiValuePill = useCallback(\n    (e: React.SyntheticEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      handleEditMultiValuePill(item);\n    },\n    [handleEditMultiValuePill, item]\n  );\n\n  const editMultiValuePillWithKeyboard = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        editMultiValuePill(e);\n      }\n    },\n    [editMultiValuePill]\n  );\n\n  const removePillHandler = useCallback(\n    (e: React.SyntheticEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      handleRemoveMultiValue(item);\n    },\n    [handleRemoveMultiValue, item]\n  );\n\n  const removePillHandlerWithKeyboard = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        removePillHandler(e);\n      }\n    },\n    [removePillHandler]\n  );\n\n  return (\n    <div\n      className={cx(styles.basePill, styles.valuePill)}\n      onClick={editMultiValuePill}\n      onKeyDown={editMultiValuePillWithKeyboard}\n      tabIndex={0}\n      id={`${item.value}-${index}`}\n    >\n      {item.label ?? item.value}\n      <Button\n        onClick={removePillHandler}\n        onKeyDownCapture={removePillHandlerWithKeyboard}\n        fill=\"text\"\n        size=\"sm\"\n        variant=\"secondary\"\n        className={styles.removeButton}\n        tooltip={`Remove filter value - ${item.label ?? item.value}`}\n      >\n        <Icon name=\"times\" size=\"md\" id={`${item.value}-${index}-close-icon`} />\n      </Button>\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\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: theme.spacing(2.75),\n    ...theme.typography.bodySmall,\n    cursor: 'pointer',\n  }),\n  valuePill: css({\n    background: theme.colors.action.selected,\n    padding: theme.spacing(0.125, 0, 0.125, 1),\n  }),\n  removeButton: css({\n    marginInline: theme.spacing(0.5),\n    height: '100%',\n    padding: 0,\n    cursor: 'pointer',\n    '&:hover': {\n      color: theme.colors.text.primary,\n    },\n  }),\n});\n"],"names":[],"mappings":"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"}