@splunk/dashboard-toolbar 29.0.0

package/module/chunks/chunk-A3BAVEME.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/ArrowBowLeft
+var ArrowBowLeft_exports = {};
+__export(ArrowBowLeft_exports, {
+  default: () => ArrowBowLeft_default
+});
+__reExport(ArrowBowLeft_exports, ArrowBowLeft_star);
+import * as defaultImport from "@splunk/react-icons/ArrowBowLeft";
+import * as ArrowBowLeft_star from "@splunk/react-icons/ArrowBowLeft";
+var ArrowBowLeft_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Undo.tsx
+var icon = prepareIcon({
+  Icon: ArrowBowLeft_default,
+  screenReaderContent: (0, i18n_exports._)("Undo")
+});
+var Undo = ({ dashboardApi }) => {
+  const [canUndo, setCanUndo] = (0, react_exports.useState)(
+    () => {
+      var _a;
+      return (_a = dashboardApi == null ? void 0 : dashboardApi.canUndo()) != null ? _a : false;
+    }
+  );
+  const onDefinitionChange = (0, react_exports.useCallback)(() => {
+    var _a;
+    setCanUndo((_a = dashboardApi == null ? void 0 : dashboardApi.canUndo()) != 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.undo({ source: "toolbar" });
+  }, [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      testLabel: "undo-button",
+      onClick: handleClick,
+      disabled: !canUndo,
+      icon
+    }
+  );
+};
+var Undo_default = Undo;
+
+export {
+  Undo_default
+};
+//# sourceMappingURL=chunk-A3BAVEME.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/ArrowBowLeft", "../../src/buttons/Undo.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ArrowBowLeft\";\nexport * from \"@splunk/react-icons/ArrowBowLeft\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useState } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport UndoIcon from '@splunk/react-icons/ArrowBowLeft';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: UndoIcon,\n    screenReaderContent: _('Undo'),\n});\n\nconst Undo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is an undo state\n    const [canUndo, setCanUndo] = useState(\n        () => dashboardApi?.canUndo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanUndo(dashboardApi?.canUndo() ?? 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.undo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"undo-button\"\n            onClick={handleClick}\n            disabled={!canUndo}\n            icon={icon}\n        />\n    );\n};\n\nexport default Undo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,mCAAc;AACd,IAAO,uBAAS,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-AWNWXBE4.js

@@ -0,0 +1,68 @@
+/* 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 {
+  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/Cog
+var Cog_exports = {};
+__export(Cog_exports, {
+  default: () => Cog_default
+});
+__reExport(Cog_exports, Cog_star);
+import * as defaultImport from "@splunk/react-icons/Cog";
+import * as Cog_star from "@splunk/react-icons/Cog";
+var Cog_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Config.tsx
+var configurationIcon = prepareIcon({
+  Icon: Cog_default,
+  screenReaderContent: (0, i18n_exports._)("Configuration")
+});
+var Config = ({ dashboardApi }) => {
+  const configButtonRef = (0, dashboard_context_exports.useToolbarRef)("config");
+  const handleClick = (0, react_exports.useCallback)(() => {
+    const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "config";
+    if (isOpen) {
+      dashboardApi == null ? void 0 : dashboardApi.closePanel();
+    } else {
+      dashboardApi == null ? void 0 : dashboardApi.openPanel({
+        activePanel: "config",
+        panelProps: {
+          focusOnOpen: true
+        }
+      });
+    }
+  }, [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      buttonRef: configButtonRef,
+      testLabel: "config-button",
+      onClick: handleClick,
+      icon: configurationIcon
+    }
+  );
+};
+var Config_default = Config;
+
+export {
+  Config_default
+};
+//# sourceMappingURL=chunk-AWNWXBE4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/Cog", "../../src/buttons/Config.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/Cog\";\nexport * from \"@splunk/react-icons/Cog\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Configuration from '@splunk/react-icons/Cog';\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst configurationIcon = prepareIcon({\n    Icon: Configuration,\n    screenReaderContent: _('Configuration'),\n});\n\n/**\n * Button that toggle open config panel\n */\nconst Config = ({ dashboardApi }: ToolbarButtonProps) => {\n    const configButtonRef = useToolbarRef('config');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'config';\n        if (isOpen) {\n            dashboardApi?.closePanel();\n        } else {\n            // Open config panel\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n                panelProps: {\n                    focusOnOpen: true,\n                },\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={configButtonRef}\n            testLabel=\"config-button\"\n            onClick={handleClick}\n            icon={configurationIcon}\n        />\n    );\n};\n\nexport default Config;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,0BAAc;AACd,IAAO,cAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,IAAM,oBAAoB,YAAY;AAAA,EAClC,MAAM;AAAA,EACN,yBAAqB,gBAAE,eAAe;AAC1C,CAAC;AAKD,IAAM,SAAS,CAAC,EAAE,aAAa,MAA0B;AACrD,QAAM,sBAAkB,yCAAc,QAAQ;AAE9C,QAAM,kBAAc,2BAAY,MAAM;AAClC,UAAM,UAAS,6CAAc,sBAAqB;AAClD,QAAI,QAAQ;AACR,mDAAc;AAAA,IAClB,OAAO;AAEH,mDAAc,UAAU;AAAA,QACpB,aAAa;AAAA,QACb,YAAY;AAAA,UACR,aAAa;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,WAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA;AAAA,EACV;AAER;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-B2LPQWLD.js

@@ -0,0 +1,74 @@
+/* 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 {
+  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/CylinderMulti
+var CylinderMulti_exports = {};
+__export(CylinderMulti_exports, {
+  default: () => CylinderMulti_default
+});
+__reExport(CylinderMulti_exports, CylinderMulti_star);
+import * as defaultImport from "@splunk/react-icons/CylinderMulti";
+import * as CylinderMulti_star from "@splunk/react-icons/CylinderMulti";
+var CylinderMulti_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Data.tsx
+var dataInputIcon = prepareIcon({
+  Icon: CylinderMulti_default,
+  screenReaderContent: (0, i18n_exports._)("Data source overview")
+});
+var Data = ({ dashboardApi }) => {
+  const dataButtonRef = (0, dashboard_context_exports.useToolbarRef)("dataOverview");
+  const handleClick = (0, react_exports.useCallback)(() => {
+    const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "dataOverview";
+    if (isOpen) {
+      dashboardApi.closePanel();
+    } else {
+      (0, dashboard_state_exports.batch)(() => {
+        dashboardApi == null ? void 0 : dashboardApi.selectVisualization([]);
+        dashboardApi == null ? void 0 : dashboardApi.openPanel({
+          activePanel: "dataOverview",
+          panelProps: {
+            focusOnOpen: true
+          }
+        });
+      });
+    }
+  }, [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      buttonRef: dataButtonRef,
+      testLabel: "data-button",
+      onClick: handleClick,
+      icon: dataInputIcon
+    }
+  );
+};
+var Data_default = Data;
+
+export {
+  Data_default
+};
+//# sourceMappingURL=chunk-B2LPQWLD.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/CylinderMulti", "../../src/buttons/Data.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/CylinderMulti\";\nexport * from \"@splunk/react-icons/CylinderMulti\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport DataInput from '@splunk/react-icons/CylinderMulti';\n\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst dataInputIcon = prepareIcon({\n    Icon: DataInput,\n    screenReaderContent: _('Data source overview'),\n});\n\n/**\n * Button that toggle data overview panel\n */\nconst Data = ({ dashboardApi }: ToolbarButtonProps) => {\n    const dataButtonRef = useToolbarRef('dataOverview');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'dataOverview';\n        if (isOpen) {\n            dashboardApi.closePanel();\n        } else {\n            batch(() => {\n                // Deselect all selected visualizations\n                dashboardApi?.selectVisualization([]);\n                // Open data overview panel\n                dashboardApi?.openPanel({\n                    activePanel: 'dataOverview',\n                    panelProps: {\n                        focusOnOpen: true,\n                    },\n                });\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={dataButtonRef}\n            testLabel=\"data-button\"\n            onClick={handleClick}\n            icon={dataInputIcon}\n        />\n    );\n};\n\nexport default Data;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACQrE,IAAM,gBAAgB,YAAY;AAAA,EAC9B,MAAM;AAAA,EACN,yBAAqB,gBAAE,sBAAsB;AACjD,CAAC;AAKD,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AACnD,QAAM,oBAAgB,yCAAc,cAAc;AAElD,QAAM,kBAAc,2BAAY,MAAM;AAClC,UAAM,UAAS,6CAAc,sBAAqB;AAClD,QAAI,QAAQ;AACR,mBAAa,WAAW;AAAA,IAC5B,OAAO;AACH,yCAAM,MAAM;AAER,qDAAc,oBAAoB,CAAC;AAEnC,qDAAc,UAAU;AAAA,UACpB,aAAa;AAAA,UACb,YAAY;AAAA,YACR,aAAa;AAAA,UACjB;AAAA,QACJ;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,WAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA;AAAA,EACV;AAER;AAEA,IAAO,eAAQ;",
+  "names": []
+}

package/module/chunks/chunk-BLXVTG4B.js

@@ -0,0 +1,65 @@
+/* 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 {
+  ArrowBroadUnderbarDown_default,
+  ArrowBroadUnderbarDown_exports
+} from "./chunk-J2TRUM5N.js";
+import {
+  dashboard_utils_exports
+} from "./chunk-HXY4TSUO.js";
+import {
+  dashboard_ui_exports
+} from "./chunk-HIICL66H.js";
+import {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  Button_default,
+  Button_exports
+} from "./chunk-YKT3CRI6.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+
+// src/buttons/ExportDashboardButton.tsx
+var downloadIcon = /* @__PURE__ */ react_default.createElement(ArrowBroadUnderbarDown_default, null);
+var ExportDashboardButton = ({
+  appearance = "secondary",
+  scale = 1
+}) => {
+  const [open, setOpen] = (0, react_exports.useState)(false);
+  const handleOpen = (0, react_exports.useCallback)(() => {
+    setOpen(true);
+  }, []);
+  const handleClose = (0, react_exports.useCallback)(() => {
+    setOpen(false);
+  }, []);
+  return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(
+    Button_default,
+    {
+      icon: downloadIcon,
+      key: "export-dashboard-button",
+      "data-clickable": true,
+      "data-test": "export-dashboard-button",
+      label: (0, i18n_exports._)("Download"),
+      appearance: appearance || "secondary",
+      onClick: handleOpen
+    }
+  ), /* @__PURE__ */ react_default.createElement(
+    dashboard_ui_exports.ExportDashboardModal,
+    {
+      open,
+      onModalClose: handleClose,
+      scale,
+      returnFocus: dashboard_utils_exports.noop
+    }
+  ));
+};
+var ExportDashboardButton_default = ExportDashboardButton;
+
+export {
+  ExportDashboardButton_default
+};
+//# sourceMappingURL=chunk-BLXVTG4B.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/buttons/ExportDashboardButton.tsx"],
+  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport type { ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Download from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport { ExportDashboardModal } from '@splunk/dashboard-ui';\nimport { noop } from '@splunk/dashboard-utils';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Button from '@splunk/react-ui/Button';\nimport type { ToolbarButtonProps } from '../types/common';\n\n// this icon should be sized consistent with the adjacent text, it does not need screenreader content\nconst downloadIcon = <Download />;\n\nexport interface ExportDashboardButtonProps extends ToolbarButtonProps {\n    appearance?: ButtonPropsBase['appearance'];\n    scale?: number;\n}\n\nconst ExportDashboardButton = ({\n    appearance = 'secondary',\n    scale = 1,\n}: ExportDashboardButtonProps) => {\n    const [open, setOpen] = useState(false);\n\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n    }, []);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, []);\n\n    return (\n        <>\n            <Button\n                icon={downloadIcon}\n                key=\"export-dashboard-button\"\n                data-clickable\n                data-test=\"export-dashboard-button\"\n                label={_('Download')}\n                appearance={appearance || 'secondary'}\n                onClick={handleOpen}\n            />\n            <ExportDashboardModal\n                open={open}\n                onModalClose={handleClose}\n                scale={scale}\n                returnFocus={noop}\n            />\n        </>\n    );\n};\n\nexport default ExportDashboardButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,eAAe,4CAAC,oCAAS;AAO/B,IAAM,wBAAwB,CAAC;AAAA,EAC3B,aAAa;AAAA,EACb,QAAQ;AACZ,MAAkC;AAC9B,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAS,KAAK;AAEtC,QAAM,iBAAa,2BAAY,MAAM;AACjC,YAAQ,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAc,2BAAY,MAAM;AAClC,YAAQ,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACI,0EACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,WAAO,gBAAE,UAAU;AAAA,MACnB,YAAY,cAAc;AAAA,MAC1B,SAAS;AAAA;AAAA,EACb,GACA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,aAAa;AAAA;AAAA,EACjB,CACJ;AAER;AAEA,IAAO,gCAAQ;",
+  "names": []
+}

package/module/chunks/chunk-BRGYD3MR.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:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+__reExport(styled_components_exports, styled_components_star);
+import * as defaultImport from "styled-components";
+import * as styled_components_star from "styled-components";
+var styled_components_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  styled_components_default,
+  styled_components_exports
+};
+//# sourceMappingURL=chunk-BRGYD3MR.js.map

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

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

package/module/chunks/chunk-BSMCGXVQ.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/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+__reExport(i18n_exports, i18n_star);
+import * as defaultImport from "@splunk/ui-utils/i18n";
+import * as i18n_star from "@splunk/ui-utils/i18n";
+var i18n_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  i18n_exports
+};
+//# sourceMappingURL=chunk-BSMCGXVQ.js.map

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

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

package/module/chunks/chunk-CFGNNO2V.js

@@ -0,0 +1,143 @@
+/* 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_state_exports
+} from "./chunk-NJF2IOVV.js";
+import {
+  themes_exports
+} from "./chunk-IGGLU44N.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  styled_components_default,
+  styled_components_exports
+} from "./chunk-BRGYD3MR.js";
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/themes/mixins
+var mixins_exports = {};
+__export(mixins_exports, {
+  default: () => mixins_default
+});
+__reExport(mixins_exports, mixins_star);
+import * as defaultImport from "@splunk/themes/mixins";
+import * as mixins_star from "@splunk/themes/mixins";
+var mixins_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/Toolbar.tsx
+var ToolbarWrapper = styled_components_default.div`
+    ${(0, mixins_exports.reset)("flex")};
+    justify-content: space-between;
+    color: ${themes_exports.variables.contentColorDefault};
+    padding: 5px 5px 5px 8px;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: ${themes_exports.variables.borderColor};
+    flex-wrap: wrap;
+    flex-shrink: 0;
+    background-color: ${themes_exports.variables.backgroundColorNavigation};
+`;
+var LeftAlignItems = styled_components_default.div`
+    flex-grow: 1;
+    display: flex;
+    flex-direction: row;
+    gap: ${themes_exports.variables.spacingSmall};
+`;
+var RightAlignItems = styled_components_default.div`
+    flex-basis: auto;
+    display: flex;
+    flex-direction: row;
+    gap: ${themes_exports.variables.spacingSmall};
+    margin-inline-end: ${themes_exports.variables.spacingSmall};
+`;
+var Toolbar = ({
+  activePanel,
+  dashboardApi,
+  mode,
+  preset,
+  toolbarItems
+}) => {
+  const layoutType = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectLayoutType);
+  const toolbarRef = (0, react_exports.useRef)(null);
+  const injectDashboardProps = (0, react_exports.useCallback)(
+    (items) => {
+      const buttonProps = {
+        activePanel,
+        dashboardApi,
+        layoutType,
+        mode,
+        preset
+      };
+      return items.map((item) => react_default.cloneElement(item, buttonProps));
+    },
+    [activePanel, dashboardApi, layoutType, mode, preset]
+  );
+  const leftAlignItems = (0, react_exports.useMemo)(() => {
+    const items = toolbarItems.filter(
+      (item) => {
+        var _a;
+        return ((_a = item.props) == null ? void 0 : _a.align) !== "right";
+      }
+    );
+    return injectDashboardProps(items);
+  }, [toolbarItems, injectDashboardProps]);
+  const rightAlignItems = (0, react_exports.useMemo)(() => {
+    const items = toolbarItems.filter(
+      (item) => {
+        var _a;
+        return ((_a = item.props) == null ? void 0 : _a.align) === "right";
+      }
+    );
+    return injectDashboardProps(items);
+  }, [toolbarItems, injectDashboardProps]);
+  const observerRef = (0, react_exports.useRef)(null);
+  const isFirstRender = (0, react_exports.useRef)(true);
+  (0, react_exports.useEffect)(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return void 0;
+    }
+    observerRef.current = new MutationObserver(() => {
+      var _a, _b;
+      const firstFocusableButton = (_a = toolbarRef.current) == null ? void 0 : _a.querySelector(
+        'button:not([disabled]):not([aria-disabled="true"]):not([tabindex="-1"])'
+      );
+      firstFocusableButton == null ? void 0 : firstFocusableButton.focus();
+      (_b = observerRef.current) == null ? void 0 : _b.disconnect();
+    });
+    if (toolbarRef.current) {
+      observerRef.current.observe(toolbarRef.current, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      var _a;
+      (_a = observerRef.current) == null ? void 0 : _a.disconnect();
+    };
+  }, [mode]);
+  if (!toolbarItems.length) {
+    return null;
+  }
+  return /* @__PURE__ */ react_default.createElement(ToolbarWrapper, { "data-test": "dashboard-toolbar", ref: toolbarRef }, /* @__PURE__ */ react_default.createElement(LeftAlignItems, { key: "left-align-items", "data-test": "left-align-items" }, leftAlignItems), /* @__PURE__ */ react_default.createElement(
+    RightAlignItems,
+    {
+      key: "right-align-items",
+      "data-test": "right-align-items"
+    },
+    rightAlignItems
+  ));
+};
+Toolbar.displayName = "Toolbar";
+var Toolbar_default = Toolbar;
+
+export {
+  Toolbar_default
+};
+//# sourceMappingURL=chunk-CFGNNO2V.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/themes/mixins", "../../src/Toolbar.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/themes/mixins\";\nexport * from \"@splunk/themes/mixins\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport styled from 'styled-components';\nimport { variables } from '@splunk/themes';\nimport { reset } from '@splunk/themes/mixins';\nimport { selectLayoutType, useSelector } from '@splunk/dashboard-state';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst ToolbarWrapper = styled.div`\n    ${reset('flex')};\n    justify-content: space-between;\n    color: ${variables.contentColorDefault};\n    padding: 5px 5px 5px 8px;\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: ${variables.borderColor};\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    background-color: ${variables.backgroundColorNavigation};\n`;\n\nconst LeftAlignItems = styled.div`\n    flex-grow: 1;\n    display: flex;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n`;\n\nconst RightAlignItems = styled.div`\n    flex-basis: auto;\n    display: flex;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n    margin-inline-end: ${variables.spacingSmall};\n`;\n\nexport type ToolbarProps = ToolbarButtonProps & {\n    toolbarItems: React.ReactElement[];\n};\n\n/**\n * Dashboard Toolbar\n */\nconst Toolbar = ({\n    activePanel,\n    dashboardApi,\n    mode,\n    preset,\n    toolbarItems,\n}: ToolbarProps) => {\n    const layoutType = useSelector(selectLayoutType);\n    const toolbarRef = useRef<HTMLDivElement | null>(null);\n\n    /**\n     * merge dashboard props with current item props\n     * so that item have access to dashboard api and other stuff\n     */\n    const injectDashboardProps = useCallback(\n        (items: React.ReactElement[]): React.ReactElement[] => {\n            const buttonProps: ToolbarButtonProps = {\n                activePanel,\n                dashboardApi,\n                layoutType,\n                mode,\n                preset,\n            };\n\n            return items.map((item) => React.cloneElement(item, buttonProps));\n        },\n        [activePanel, dashboardApi, layoutType, mode, preset]\n    );\n\n    const leftAlignItems = useMemo(() => {\n        const items = toolbarItems.filter(\n            (item) => item.props?.align !== 'right'\n        );\n        return injectDashboardProps(items);\n    }, [toolbarItems, injectDashboardProps]);\n\n    const rightAlignItems = useMemo(() => {\n        const items = toolbarItems.filter(\n            (item) => item.props?.align === 'right'\n        );\n        return injectDashboardProps(items);\n    }, [toolbarItems, injectDashboardProps]);\n\n    const observerRef = useRef<MutationObserver | null>(null);\n    const isFirstRender = useRef(true);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            return undefined;\n        }\n\n        observerRef.current = new MutationObserver(() => {\n            const firstFocusableButton = toolbarRef.current?.querySelector(\n                'button:not([disabled]):not([aria-disabled=\"true\"]):not([tabindex=\"-1\"])'\n            ) as HTMLButtonElement;\n\n            firstFocusableButton?.focus();\n            observerRef.current?.disconnect();\n        });\n\n        if (toolbarRef.current) {\n            observerRef.current.observe(toolbarRef.current, {\n                childList: true,\n                subtree: true,\n            });\n        }\n\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, [mode]);\n\n    if (!toolbarItems.length) {\n        return null;\n    }\n\n    return (\n        <ToolbarWrapper data-test=\"dashboard-toolbar\" ref={toolbarRef}>\n            <LeftAlignItems key=\"left-align-items\" data-test=\"left-align-items\">\n                {leftAlignItems}\n            </LeftAlignItems>\n            <RightAlignItems\n                key=\"right-align-items\"\n                data-test=\"right-align-items\"\n            >\n                {rightAlignItems}\n            </RightAlignItems>\n        </ToolbarWrapper>\n    );\n};\n\nToolbar.displayName = 'Toolbar';\nexport default Toolbar;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,IAAM,iBAAiB,0BAAO;AAAA,UACxB,sBAAM,MAAM,CAAC;AAAA;AAAA,aAEN,yBAAU,mBAAmB;AAAA;AAAA;AAAA;AAAA,2BAIf,yBAAU,WAAW;AAAA;AAAA;AAAA,wBAGxB,yBAAU,yBAAyB;AAAA;AAG3D,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAInB,yBAAU,YAAY;AAAA;AAGjC,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA,yBACR,yBAAU,YAAY;AAAA;AAU/C,IAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,iBAAa,qCAAY,wCAAgB;AAC/C,QAAM,iBAAa,sBAA8B,IAAI;AAMrD,QAAM,2BAAuB;AAAA,IACzB,CAAC,UAAsD;AACnD,YAAM,cAAkC;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAEA,aAAO,MAAM,IAAI,CAAC,SAAS,cAAM,aAAa,MAAM,WAAW,CAAC;AAAA,IACpE;AAAA,IACA,CAAC,aAAa,cAAc,YAAY,MAAM,MAAM;AAAA,EACxD;AAEA,QAAM,qBAAiB,uBAAQ,MAAM;AACjC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAM;AAzEnB;AAyEsB,2BAAK,UAAL,mBAAY,WAAU;AAAA;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,sBAAkB,uBAAQ,MAAM;AAClC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAM;AAhFnB;AAgFsB,2BAAK,UAAL,mBAAY,WAAU;AAAA;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,kBAAc,sBAAgC,IAAI;AACxD,QAAM,oBAAgB,sBAAO,IAAI;AAEjC,+BAAU,MAAM;AACZ,QAAI,cAAc,SAAS;AACvB,oBAAc,UAAU;AACxB,aAAO;AAAA,IACX;AAEA,gBAAY,UAAU,IAAI,iBAAiB,MAAM;AA9FzD;AA+FY,YAAM,wBAAuB,gBAAW,YAAX,mBAAoB;AAAA,QAC7C;AAAA;AAGJ,mEAAsB;AACtB,wBAAY,YAAZ,mBAAqB;AAAA,IACzB,CAAC;AAED,QAAI,WAAW,SAAS;AACpB,kBAAY,QAAQ,QAAQ,WAAW,SAAS;AAAA,QAC5C,WAAW;AAAA,QACX,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAEA,WAAO,MAAM;AA9GrB;AA+GY,wBAAY,YAAZ,mBAAqB;AAAA,IACzB;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,aAAa,QAAQ;AACtB,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,kBAAe,aAAU,qBAAoB,KAAK,cAC/C,4CAAC,kBAAe,KAAI,oBAAmB,aAAU,sBAC5C,cACL,GACA;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,aAAU;AAAA;AAAA,IAET;AAAA,EACL,CACJ;AAER;AAEA,QAAQ,cAAc;AACtB,IAAO,kBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-E2DI77AU.js

@@ -0,0 +1,15 @@
+/* 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 {
+  styled_components_default,
+  styled_components_exports
+} from "./chunk-BRGYD3MR.js";
+
+// src/Item.tsx
+var Item_default = styled_components_default.div``;
+
+export {
+  Item_default
+};
+//# sourceMappingURL=chunk-E2DI77AU.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Item.tsx"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport default styled.div``;\n"],
+  "mappings": ";;;;;;;;;AAEA,IAAO,eAAQ,0BAAO;",
+  "names": []
+}