@splunk/dashboard-toolbar 29.0.0

package/module/chunks/chunk-HXY4TSUO.js

@@ -0,0 +1,22 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/dashboard-utils
+var dashboard_utils_exports = {};
+__export(dashboard_utils_exports, {
+  default: () => dashboard_utils_default
+});
+__reExport(dashboard_utils_exports, dashboard_utils_star);
+import * as defaultImport from "@splunk/dashboard-utils";
+import * as dashboard_utils_star from "@splunk/dashboard-utils";
+var dashboard_utils_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  dashboard_utils_exports
+};
+//# sourceMappingURL=chunk-HXY4TSUO.js.map

package/module/chunks/chunk-HXY4TSUO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/dashboard-utils"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/dashboard-utils\";\nexport * from \"@splunk/dashboard-utils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,sCAAc;AACd,IAAO,0BAAS,aAAa,gBAA8B,wBAAU;",
+  "names": []
+}

package/module/chunks/chunk-IAEE4XLH.js

@@ -0,0 +1,58 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  IconButton_default,
+  prepareIcon
+} from "./chunk-GWAXQYWY.js";
+import {
+  dashboard_state_exports
+} from "./chunk-NJF2IOVV.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/ChevronsOut
+var ChevronsOut_exports = {};
+__export(ChevronsOut_exports, {
+  default: () => ChevronsOut_default
+});
+__reExport(ChevronsOut_exports, ChevronsOut_star);
+import * as defaultImport from "@splunk/react-icons/ChevronsOut";
+import * as ChevronsOut_star from "@splunk/react-icons/ChevronsOut";
+var ChevronsOut_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Fullscreen.tsx
+var icon = prepareIcon({
+  Icon: ChevronsOut_default,
+  screenReaderContent: (0, i18n_exports._)("Fullscreen")
+});
+var FullScreen = ({ dashboardApi }) => {
+  const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
+  const handleClick = (0, react_exports.useCallback)(() => {
+    dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
+  }, [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      testLabel: "fullscreen-button",
+      onClick: handleClick,
+      disabled: isFullscreen,
+      icon
+    }
+  );
+};
+var Fullscreen_default = FullScreen;
+
+export {
+  Fullscreen_default
+};
+//# sourceMappingURL=chunk-IAEE4XLH.js.map

package/module/chunks/chunk-IAEE4XLH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/ChevronsOut", "../../src/buttons/Fullscreen.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ChevronsOut\";\nexport * from \"@splunk/react-icons/ChevronsOut\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Fullscreen from '@splunk/react-icons/ChevronsOut';\nimport { selectFullscreenElement, useSelector } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: Fullscreen,\n    screenReaderContent: _('Fullscreen'),\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n    const isFullscreen = !!useSelector(selectFullscreenElement);\n\n    const handleClick = useCallback(() => {\n        dashboardApi?.enterFullscreen();\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"fullscreen-button\"\n            onClick={handleClick}\n            disabled={isFullscreen}\n            icon={icon}\n        />\n    );\n};\n\nexport default FullScreen;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACMrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,YAAY;AACvC,CAAC;AAKD,IAAM,aAAa,CAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc;AAAA,EAClB,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-IGGLU44N.js

@@ -0,0 +1,22 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+__reExport(themes_exports, themes_star);
+import * as defaultImport from "@splunk/themes";
+import * as themes_star from "@splunk/themes";
+var themes_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  themes_exports
+};
+//# sourceMappingURL=chunk-IGGLU44N.js.map

package/module/chunks/chunk-IGGLU44N.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/themes"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;",
+  "names": []
+}

package/module/chunks/chunk-IQG5GSSX.js

@@ -0,0 +1,77 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  IconButton_default,
+  prepareIcon
+} from "./chunk-GWAXQYWY.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/ArrowBowRight
+var ArrowBowRight_exports = {};
+__export(ArrowBowRight_exports, {
+  default: () => ArrowBowRight_default
+});
+__reExport(ArrowBowRight_exports, ArrowBowRight_star);
+import * as defaultImport from "@splunk/react-icons/ArrowBowRight";
+import * as ArrowBowRight_star from "@splunk/react-icons/ArrowBowRight";
+var ArrowBowRight_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Redo.tsx
+var icon = prepareIcon({
+  Icon: ArrowBowRight_default,
+  screenReaderContent: (0, i18n_exports._)("Redo")
+});
+var Redo = ({ dashboardApi }) => {
+  const [canRedo, setCanRedo] = (0, react_exports.useState)(
+    () => {
+      var _a;
+      return (_a = dashboardApi == null ? void 0 : dashboardApi.canRedo()) != null ? _a : false;
+    }
+  );
+  const onDefinitionChange = (0, react_exports.useCallback)(() => {
+    var _a;
+    setCanRedo((_a = dashboardApi == null ? void 0 : dashboardApi.canRedo()) != null ? _a : false);
+  }, [dashboardApi]);
+  (0, react_exports.useEffect)(() => {
+    if (!(dashboardApi == null ? void 0 : dashboardApi.historyManager)) {
+      return () => void 0;
+    }
+    return dashboardApi.historyManager.subscribe({
+      onAdd: onDefinitionChange,
+      onUndo: onDefinitionChange,
+      onRedo: onDefinitionChange
+    });
+  }, [dashboardApi, onDefinitionChange]);
+  const handleClick = (0, react_exports.useCallback)(() => {
+    if (!dashboardApi) {
+      return;
+    }
+    dashboardApi.redo({ source: "toolbar" });
+  }, [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      testLabel: "redo-button",
+      onClick: handleClick,
+      disabled: !canRedo,
+      icon
+    }
+  );
+};
+var Redo_default = Redo;
+
+export {
+  Redo_default
+};
+//# sourceMappingURL=chunk-IQG5GSSX.js.map

package/module/chunks/chunk-IQG5GSSX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/ArrowBowRight", "../../src/buttons/Redo.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ArrowBowRight\";\nexport * from \"@splunk/react-icons/ArrowBowRight\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useState, useEffect } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport RedoIcon from '@splunk/react-icons/ArrowBowRight';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: RedoIcon,\n    screenReaderContent: _('Redo'),\n});\n\nconst Redo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is a redo state\n    const [canRedo, setCanRedo] = useState(\n        () => dashboardApi?.canRedo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanRedo(dashboardApi?.canRedo() ?? false);\n    }, [dashboardApi]);\n\n    useEffect(() => {\n        if (!dashboardApi?.historyManager) {\n            return () => undefined;\n        }\n        // Dirty hack to get the history manager.\n        return dashboardApi.historyManager.subscribe({\n            onAdd: onDefinitionChange,\n            onUndo: onDefinitionChange,\n            onRedo: onDefinitionChange,\n        });\n    }, [dashboardApi, onDefinitionChange]);\n\n    const handleClick = useCallback(() => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        dashboardApi.redo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"redo-button\"\n            onClick={handleClick}\n            disabled={!canRedo}\n            icon={icon}\n        />\n    );\n};\n\nexport default Redo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACGrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,MAAM;AACjC,CAAC;AAED,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AAGnD,QAAM,CAAC,SAAS,UAAU,QAAI;AAAA,IAC1B,MAAG;AAfX;AAec,gEAAc,cAAd,YAA2B;AAAA;AAAA,EACrC;AAEA,QAAM,yBAAqB,2BAAY,MAAM;AAlBjD;AAmBQ,gBAAW,kDAAc,cAAd,YAA2B,KAAK;AAAA,EAC/C,GAAG,CAAC,YAAY,CAAC;AAEjB,+BAAU,MAAM;AACZ,QAAI,EAAC,6CAAc,iBAAgB;AAC/B,aAAO,MAAM;AAAA,IACjB;AAEA,WAAO,aAAa,eAAe,UAAU;AAAA,MACzC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACZ,CAAC;AAAA,EACL,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAErC,QAAM,kBAAc,2BAAY,MAAM;AAClC,QAAI,CAAC,cAAc;AACf;AAAA,IACJ;AAEA,iBAAa,KAAK,EAAE,QAAQ,UAAU,CAAC;AAAA,EAC3C,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU,CAAC;AAAA,MACX;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,eAAQ;",
+  "names": []
+}

package/module/chunks/chunk-J2TRUM5N.js

@@ -0,0 +1,23 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/ArrowBroadUnderbarDown
+var ArrowBroadUnderbarDown_exports = {};
+__export(ArrowBroadUnderbarDown_exports, {
+  default: () => ArrowBroadUnderbarDown_default
+});
+__reExport(ArrowBroadUnderbarDown_exports, ArrowBroadUnderbarDown_star);
+import * as defaultImport from "@splunk/react-icons/ArrowBroadUnderbarDown";
+import * as ArrowBroadUnderbarDown_star from "@splunk/react-icons/ArrowBroadUnderbarDown";
+var ArrowBroadUnderbarDown_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  ArrowBroadUnderbarDown_default,
+  ArrowBroadUnderbarDown_exports
+};
+//# sourceMappingURL=chunk-J2TRUM5N.js.map

package/module/chunks/chunk-J2TRUM5N.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/ArrowBroadUnderbarDown"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ArrowBroadUnderbarDown\";\nexport * from \"@splunk/react-icons/ArrowBroadUnderbarDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6CAAc;AACd,IAAO,iCAAS,aAAa,gBAA8B,wBAAU;",
+  "names": []
+}

package/module/chunks/chunk-J5CY2G3T.js

@@ -0,0 +1,52 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  dashboard_context_exports
+} from "./chunk-G6N5OMKL.js";
+import {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  Button_default,
+  Button_exports
+} from "./chunk-YKT3CRI6.js";
+import {
+  Item_default
+} from "./chunk-E2DI77AU.js";
+import {
+  dashboard_state_exports
+} from "./chunk-NJF2IOVV.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+
+// src/buttons/ModeSwitch.tsx
+var ModeSwitch = () => {
+  const mode = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectMode);
+  const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
+  const appearance = mode === "edit" ? "secondary" : "primary";
+  const label = mode === "edit" ? (0, i18n_exports._)("View") : (0, i18n_exports._)("Edit");
+  const handleClick = (0, react_exports.useCallback)(() => {
+    dashboardApi == null ? void 0 : dashboardApi.switchMode(mode === "edit" ? "view" : "edit");
+  }, [mode, dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(
+    Button_default,
+    {
+      key: "mode-button",
+      "data-clickable": true,
+      "data-test": "mode-button",
+      inline: false,
+      label,
+      appearance,
+      onClick: handleClick
+    }
+  ));
+};
+var ModeSwitch_default = ModeSwitch;
+
+export {
+  ModeSwitch_default
+};
+//# sourceMappingURL=chunk-J5CY2G3T.js.map

package/module/chunks/chunk-J5CY2G3T.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/buttons/ModeSwitch.tsx"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport Button from '@splunk/react-ui/Button';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useSelector, selectMode } from '@splunk/dashboard-state';\nimport { useDashboardApi } from '@splunk/dashboard-context';\nimport Item from '../Item';\n\n/**\n * Dashboard mode switch button\n */\nconst ModeSwitch = () => {\n    const mode = useSelector(selectMode);\n    const dashboardApi = useDashboardApi();\n    const appearance = mode === 'edit' ? 'secondary' : 'primary';\n    const label = mode === 'edit' ? _('View') : _('Edit');\n\n    const handleClick = useCallback(() => {\n        dashboardApi?.switchMode(mode === 'edit' ? 'view' : 'edit');\n    }, [mode, dashboardApi]);\n\n    return (\n        <Item>\n            <Button\n                key=\"mode-button\"\n                data-clickable\n                data-test=\"mode-button\"\n                inline={false}\n                label={label}\n                appearance={appearance}\n                onClick={handleClick}\n            />\n        </Item>\n    );\n};\n\nexport default ModeSwitch;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,aAAa,MAAM;AACrB,QAAM,WAAO,qCAAY,kCAAU;AACnC,QAAM,mBAAe,2CAAgB;AACrC,QAAM,aAAa,SAAS,SAAS,cAAc;AACnD,QAAM,QAAQ,SAAS,aAAS,gBAAE,MAAM,QAAI,gBAAE,MAAM;AAEpD,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc,WAAW,SAAS,SAAS,SAAS;AAAA,EACxD,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,SAAS;AAAA;AAAA,EACb,CACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-JILFF3WY.js

@@ -0,0 +1,122 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  dashboard_ui_exports
+} from "./chunk-HIICL66H.js";
+import {
+  StyledDropdownButton
+} from "./chunk-JLYV2H24.js";
+import {
+  Dropdown_default,
+  Dropdown_exports,
+  useDropdown_default
+} from "./chunk-RODBPKID.js";
+import {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  prepareIcon
+} from "./chunk-GWAXQYWY.js";
+import {
+  Item_default
+} from "./chunk-E2DI77AU.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  styled_components_default,
+  styled_components_exports
+} from "./chunk-BRGYD3MR.js";
+import {
+  __async,
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/ChartSingleValueIcon
+var ChartSingleValueIcon_exports = {};
+__export(ChartSingleValueIcon_exports, {
+  default: () => ChartSingleValueIcon_default
+});
+__reExport(ChartSingleValueIcon_exports, ChartSingleValueIcon_star);
+import * as defaultImport from "@splunk/react-icons/ChartSingleValueIcon";
+import * as ChartSingleValueIcon_star from "@splunk/react-icons/ChartSingleValueIcon";
+var ChartSingleValueIcon_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/IconGallery.tsx
+var MenusContainer = styled_components_default.div`
+    display: flex;
+    padding: 5px;
+`;
+var iconGalleryDropdown = prepareIcon({
+  Icon: ChartSingleValueIcon_default,
+  screenReaderContent: (0, i18n_exports._)("Add icon"),
+  isMenu: true
+});
+var focusToggleReasons = [];
+var IconGallery = ({ dashboardApi }) => {
+  const {
+    handleForceClose,
+    handleRequestClose,
+    handleRequestOpen,
+    setHasChildModal,
+    isOpen
+  } = useDropdown_default({
+    isContentClickClose: false
+  });
+  const ButtonToggle = (0, react_exports.useMemo)(
+    () => /* @__PURE__ */ react_default.createElement(
+      StyledDropdownButton,
+      {
+        "data-test": "icon-gallery-button",
+        "data-clickable": true,
+        appearance: "subtle",
+        icon: iconGalleryDropdown
+      }
+    ),
+    []
+  );
+  const handlePanelClick = (0, react_exports.useCallback)(
+    (iconURL) => __async(void 0, null, function* () {
+      dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+        visualizationDefinition: {
+          type: "splunk.singlevalueicon",
+          options: {
+            showValue: false,
+            icon: iconURL
+          }
+        }
+      });
+      dashboardApi == null ? void 0 : dashboardApi.openPanel({
+        activePanel: "config"
+      });
+      handleForceClose();
+    }),
+    [dashboardApi, handleForceClose]
+  );
+  return /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(
+    Dropdown_default,
+    {
+      focusToggleReasons,
+      onRequestClose: handleRequestClose,
+      onRequestOpen: handleRequestOpen,
+      open: isOpen,
+      toggle: ButtonToggle
+    },
+    /* @__PURE__ */ react_default.createElement(MenusContainer, { "data-test": "icon-menu", "data-open": isOpen }, /* @__PURE__ */ react_default.createElement(
+      dashboard_ui_exports.IconGallery,
+      {
+        onClick: handlePanelClick,
+        setHasChildModal
+      }
+    ))
+  ));
+};
+var IconGallery_default = IconGallery;
+
+export {
+  IconGallery_default
+};
+//# sourceMappingURL=chunk-JILFF3WY.js.map

package/module/chunks/chunk-JILFF3WY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/ChartSingleValueIcon", "../../src/buttons/IconGallery.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ChartSingleValueIcon\";\nexport * from \"@splunk/react-icons/ChartSingleValueIcon\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useMemo } from 'react';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Dropdown from '@splunk/react-ui/Dropdown';\n\nimport AddIconDropdown from '@splunk/react-icons/ChartSingleValueIcon';\nimport { IconGallery as IconGalleryPanel } from '@splunk/dashboard-ui';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst MenusContainer = styled.div`\n    display: flex;\n    padding: 5px;\n`;\n\nconst iconGalleryDropdown = prepareIcon({\n    Icon: AddIconDropdown,\n    screenReaderContent: _('Add icon'),\n    isMenu: true,\n});\n\nconst focusToggleReasons: never[] = [];\n\n/**\n * Icon Gallery button that has as a dropdown menu.\n */\nconst IconGallery = ({ dashboardApi }: ToolbarButtonProps) => {\n    const {\n        handleForceClose,\n        handleRequestClose,\n        handleRequestOpen,\n        setHasChildModal,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: false,\n    });\n\n    const ButtonToggle = useMemo(\n        () => (\n            <StyledDropdownButton\n                data-test=\"icon-gallery-button\"\n                data-clickable\n                appearance=\"subtle\"\n                icon={iconGalleryDropdown}\n            />\n        ),\n        []\n    );\n    const handlePanelClick = useCallback(\n        async (iconURL: string) => {\n            dashboardApi?.createVisualization({\n                visualizationDefinition: {\n                    type: 'splunk.singlevalueicon',\n                    options: {\n                        showValue: false,\n                        icon: iconURL,\n                    },\n                },\n            });\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n            });\n            handleForceClose();\n        },\n        [dashboardApi, handleForceClose]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <MenusContainer data-test=\"icon-menu\" data-open={isOpen}>\n                    <IconGalleryPanel\n                        onClick={handlePanelClick}\n                        setHasChildModal={setHasChildModal}\n                    />\n                </MenusContainer>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default IconGallery;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,2CAAc;AACd,IAAO,+BAAS,aAAa,gBAA8B,wBAAU;;;ACYrE,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAK9B,IAAM,sBAAsB,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,yBAAqB,gBAAE,UAAU;AAAA,EACjC,QAAQ;AACZ,CAAC;AAED,IAAM,qBAA8B,CAAC;AAKrC,IAAM,cAAc,CAAC,EAAE,aAAa,MAA0B;AAC1D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAY;AAAA,IACZ,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,mBAAe;AAAA,IACjB,MACI;AAAA,MAAC;AAAA;AAAA,QACG,aAAU;AAAA,QACV,kBAAc;AAAA,QACd,YAAW;AAAA,QACX,MAAM;AAAA;AAAA,IACV;AAAA,IAEJ,CAAC;AAAA,EACL;AACA,QAAM,uBAAmB;AAAA,IACrB,CAAO,YAAoB;AACvB,mDAAc,oBAAoB;AAAA,QAC9B,yBAAyB;AAAA,UACrB,MAAM;AAAA,UACN,SAAS;AAAA,YACL,WAAW;AAAA,YACX,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AACA,mDAAc,UAAU;AAAA,QACpB,aAAa;AAAA,MACjB;AACA,uBAAiB;AAAA,IACrB;AAAA,IACA,CAAC,cAAc,gBAAgB;AAAA,EACnC;AAEA,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,kBAAe,aAAU,aAAY,aAAW,UAC7C;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT;AAAA;AAAA,IACJ,CACJ;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,sBAAQ;",
+  "names": ["IconGalleryPanel"]
+}

package/module/chunks/chunk-JLYV2H24.js

@@ -0,0 +1,21 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  Button_default,
+  Button_exports
+} from "./chunk-YKT3CRI6.js";
+import {
+  styled_components_default,
+  styled_components_exports
+} from "./chunk-BRGYD3MR.js";
+
+// src/components/StyledButton.tsx
+var StyledDropdownButton = styled_components_default(Button_default)`
+    max-width: '50px';
+`;
+
+export {
+  StyledDropdownButton
+};
+//# sourceMappingURL=chunk-JLYV2H24.js.map

package/module/chunks/chunk-JLYV2H24.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/StyledButton.tsx"],
+  "sourcesContent": ["import Button from '@splunk/react-ui/Button';\nimport styled from 'styled-components';\n\nexport const StyledDropdownButton = styled(Button)`\n    max-width: '50px';\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;AAGO,IAAM,uBAAuB,0BAAO,cAAM;AAAA;AAAA;",
+  "names": []
+}

package/module/chunks/chunk-JXPIKVRZ.js

@@ -0,0 +1,48 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  Zoom
+} from "./chunk-SIFZZCPT.js";
+import {
+  ModeSwitch_default
+} from "./chunk-J5CY2G3T.js";
+import {
+  GridLineSwitch_default
+} from "./chunk-4OLWQA6K.js";
+import {
+  ItemGroup_default
+} from "./chunk-XUK4ZKWN.js";
+import {
+  themes_exports
+} from "./chunk-IGGLU44N.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-VQIRZ53C.js";
+
+// src/groups/EditingGroup.tsx
+var EditingGroup = (props) => {
+  const { enableModeSwitch = true, borders = true, layoutType } = props;
+  const { spacingSmall } = (0, themes_exports.useSplunkTheme)();
+  const modeSwitch = (0, react_exports.useMemo)(() => {
+    if (!enableModeSwitch) {
+      return null;
+    }
+    return /* @__PURE__ */ react_default.createElement(ModeSwitch_default, null);
+  }, [enableModeSwitch]);
+  const zoomControl = (0, react_exports.useMemo)(() => {
+    return layoutType === "absolute" ? [/* @__PURE__ */ react_default.createElement(Zoom, { key: "zoom", showSeparator: borders })] : null;
+  }, [layoutType, borders]);
+  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadProps(__spreadValues({}, props), { borders: false, gap: spacingSmall }), /* @__PURE__ */ react_default.createElement(GridLineSwitch_default, { showSeparator: enableModeSwitch && borders }), zoomControl, modeSwitch);
+};
+var EditingGroup_default = EditingGroup;
+
+export {
+  EditingGroup_default
+};
+//# sourceMappingURL=chunk-JXPIKVRZ.js.map

package/module/chunks/chunk-JXPIKVRZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/groups/EditingGroup.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { useSplunkTheme } from '@splunk/themes';\nimport ItemGroup from '../ItemGroup';\nimport { GridLineSwitch, ModeSwitch, Zoom } from '../buttons';\n\nexport type EditingGroupProps = {\n    enableModeSwitch?: boolean;\n} & React.ComponentProps<typeof ItemGroup>;\n\n/**\n * Group of standard editing controls (gridline, zoom, mode)\n */\nconst EditingGroup = (props: EditingGroupProps) => {\n    const { enableModeSwitch = true, borders = true, layoutType } = props;\n    const { spacingSmall } = useSplunkTheme();\n\n    const modeSwitch = useMemo(() => {\n        if (!enableModeSwitch) {\n            return null;\n        }\n\n        return <ModeSwitch />;\n    }, [enableModeSwitch]);\n\n    const zoomControl = useMemo(() => {\n        return layoutType === 'absolute'\n            ? [<Zoom key=\"zoom\" showSeparator={borders} />]\n            : null;\n    }, [layoutType, borders]);\n\n    return (\n        <ItemGroup {...props} borders={false} gap={spacingSmall}>\n            <GridLineSwitch showSeparator={enableModeSwitch && borders} />\n            {zoomControl}\n            {modeSwitch}\n        </ItemGroup>\n    );\n};\n\nexport default EditingGroup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,mBAAmB,MAAM,UAAU,MAAM,WAAW,IAAI;AAChE,QAAM,EAAE,aAAa,QAAI,+BAAe;AAExC,QAAM,iBAAa,uBAAQ,MAAM;AAC7B,QAAI,CAAC,kBAAkB;AACnB,aAAO;AAAA,IACX;AAEA,WAAO,4CAAC,wBAAW;AAAA,EACvB,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,kBAAc,uBAAQ,MAAM;AAC9B,WAAO,eAAe,aAChB,CAAC,4CAAC,QAAK,KAAI,QAAO,eAAe,SAAS,CAAE,IAC5C;AAAA,EACV,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SACI,4CAAC,oDAAc,QAAd,EAAqB,SAAS,OAAO,KAAK,iBACvC,4CAAC,0BAAe,eAAe,oBAAoB,SAAS,GAC3D,aACA,UACL;AAER;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-KEARZQAT.js

@@ -0,0 +1,57 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  Square_default,
+  Square_exports
+} from "./chunk-52TYQW2Y.js";
+import {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  IconButton_default,
+  prepareIcon
+} from "./chunk-GWAXQYWY.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __async
+} from "./chunk-VQIRZ53C.js";
+
+// src/buttons/EmptyVisualization.tsx
+var icon = prepareIcon({
+  Icon: Square_default,
+  screenReaderContent: (0, i18n_exports._)("Add rectangle")
+});
+var EmptyVisualization = ({ dashboardApi }) => {
+  const handleClick = (0, react_exports.useCallback)(() => __async(void 0, null, function* () {
+    dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+      visualizationDefinition: {
+        type: "splunk.rectangle",
+        options: {
+          fillColor: "transparent",
+          strokeColor: "transparent"
+        }
+      }
+    });
+    dashboardApi == null ? void 0 : dashboardApi.openPanel({
+      activePanel: "config"
+    });
+  }), [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      testLabel: "empty-viz-button",
+      onClick: handleClick,
+      icon
+    }
+  );
+};
+var EmptyVisualization_default = EmptyVisualization;
+
+export {
+  EmptyVisualization_default
+};
+//# sourceMappingURL=chunk-KEARZQAT.js.map

package/module/chunks/chunk-KEARZQAT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/buttons/EmptyVisualization.tsx"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport BoxUnchecked from '@splunk/react-icons/Square';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: BoxUnchecked,\n    screenReaderContent: _('Add rectangle'),\n});\n\n/**\n * Button that creates a empty viz\n */\nconst EmptyVisualization = ({ dashboardApi }: ToolbarButtonProps) => {\n    const handleClick = useCallback(async () => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.rectangle',\n                options: {\n                    fillColor: 'transparent',\n                    strokeColor: 'transparent',\n                },\n            },\n        });\n\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"empty-viz-button\"\n            onClick={handleClick}\n            icon={icon}\n        />\n    );\n};\n\nexport default EmptyVisualization;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,eAAe;AAC1C,CAAC;AAKD,IAAM,qBAAqB,CAAC,EAAE,aAAa,MAA0B;AACjE,QAAM,kBAAc,2BAAY,MAAY;AACxC,iDAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,WAAW;AAAA,UACX,aAAa;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAEA,iDAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB;AAAA,EACJ,IAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,6BAAQ;",
+  "names": []
+}

package/module/chunks/chunk-KJLRQLFH.js

@@ -0,0 +1,28 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+import {
+  Undo_default
+} from "./chunk-A3BAVEME.js";
+import {
+  Redo_default
+} from "./chunk-IQG5GSSX.js";
+import {
+  ItemGroup_default
+} from "./chunk-XUK4ZKWN.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __spreadValues
+} from "./chunk-VQIRZ53C.js";
+
+// src/groups/HistoryGroup.tsx
+var HistoryGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Undo_default, null), /* @__PURE__ */ react_default.createElement(Redo_default, null));
+var HistoryGroup_default = HistoryGroup;
+
+export {
+  HistoryGroup_default
+};
+//# sourceMappingURL=chunk-KJLRQLFH.js.map

package/module/chunks/chunk-KJLRQLFH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/groups/HistoryGroup.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport ItemGroup from '../ItemGroup';\nimport { Redo, Undo } from '../buttons';\n\n/**\n * History button group\n */\nconst HistoryGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup {...props}>\n        <Undo />\n        <Redo />\n    </ItemGroup>\n);\n\nexport default HistoryGroup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAe,CAAC,UAClB,4CAAC,sCAAc,QACX,4CAAC,kBAAK,GACN,4CAAC,kBAAK,CACV;AAGJ,IAAO,uBAAQ;",
+  "names": []
+}