@splunk/dashboard-toolbar 29.0.0

package/module/chunks/chunk-L4ZPYLUY.js

@@ -0,0 +1,25 @@
+/* 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 {
+  Fullscreen_default
+} from "./chunk-IAEE4XLH.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/ControlGroup.tsx
+var ControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null));
+var ControlGroup_default = ControlGroup;
+
+export {
+  ControlGroup_default
+};
+//# sourceMappingURL=chunk-L4ZPYLUY.js.map

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

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

package/module/chunks/chunk-NCPTJ5RB.js

@@ -0,0 +1,185 @@
+/* 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 {
+  Menu_default,
+  Menu_exports
+} from "./chunk-X7ATHE2S.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 {
+  __export,
+  __reExport,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+__reExport(lodash_exports, lodash_star);
+import * as defaultImport from "lodash";
+import * as lodash_star from "lodash";
+var lodash_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:@splunk/react-icons/SlidersTripleHorizontal
+var SlidersTripleHorizontal_exports = {};
+__export(SlidersTripleHorizontal_exports, {
+  default: () => SlidersTripleHorizontal_default
+});
+__reExport(SlidersTripleHorizontal_exports, SlidersTripleHorizontal_star);
+import * as defaultImport2 from "@splunk/react-icons/SlidersTripleHorizontal";
+import * as SlidersTripleHorizontal_star from "@splunk/react-icons/SlidersTripleHorizontal";
+var SlidersTripleHorizontal_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/dashboard-definition
+var dashboard_definition_exports = {};
+__export(dashboard_definition_exports, {
+  default: () => dashboard_definition_default
+});
+__reExport(dashboard_definition_exports, dashboard_definition_star);
+import * as defaultImport3 from "@splunk/dashboard-definition";
+import * as dashboard_definition_star from "@splunk/dashboard-definition";
+var dashboard_definition_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// src/buttons/Inputs.tsx
+var focusToggleReasons = [];
+var DEFAULT_PRESET_MAP = Object.freeze({});
+var addInputIcon = prepareIcon({
+  Icon: SlidersTripleHorizontal_default,
+  screenReaderContent: (0, i18n_exports._)("Add input"),
+  isMenu: true
+});
+var ButtonToggle = /* @__PURE__ */ react_default.createElement(
+  StyledDropdownButton,
+  {
+    appearance: "subtle",
+    "data-clickable": true,
+    "data-test": "inputs-button",
+    icon: addInputIcon
+  }
+);
+var onCreateInputClickFactory = ({
+  type,
+  defaultConfig,
+  tokenPrefix,
+  showToken,
+  dashboardApi
+}) => () => {
+  if (!dashboardApi) {
+    return;
+  }
+  const newConfig = __spreadProps(__spreadValues({}, defaultConfig), {
+    type,
+    options: __spreadValues({}, defaultConfig.options)
+  });
+  if (showToken) {
+    newConfig.options.token = dashboard_definition_exports.DashboardDefinition.fromJSON(
+      dashboardApi == null ? void 0 : dashboardApi.getDefinition()
+    ).nextTokenId(tokenPrefix);
+  }
+  dashboardApi.addInput(newConfig);
+  dashboardApi.openPanel({ activePanel: "config" });
+};
+var Inputs = ({
+  dashboardApi,
+  preset = DEFAULT_PRESET_MAP
+}) => {
+  const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
+    isContentClickClose: true
+  });
+  const InputTypeButtons = (0, react_exports.useMemo)(() => {
+    const buttons = [];
+    const inputs = preset == null ? void 0 : preset.inputs;
+    (0, lodash_exports.each)(inputs, (InputImpl, type) => {
+      const {
+        baseShape = {},
+        label = (0, i18n_exports._)(`${type} Input`),
+        description = "",
+        tokenPrefix = "token",
+        includeInToolbar = true,
+        icon: Icon = SlidersTripleHorizontal_default,
+        // showToken flags whether or not the input has a token assigned on creation
+        showToken = true
+      } = InputImpl.config || {};
+      if (!includeInToolbar) {
+        return;
+      }
+      const handleClick = onCreateInputClickFactory({
+        type,
+        defaultConfig: baseShape,
+        tokenPrefix,
+        showToken,
+        dashboardApi
+      });
+      const inputIcon = /* @__PURE__ */ react_default.createElement(Icon, { width: "24px", height: "24px" });
+      buttons.push(
+        /* @__PURE__ */ react_default.createElement(
+          Menu_default.Item,
+          {
+            "data-test": `add-${type}-button`,
+            "data-test-clickable": true,
+            onClick: handleClick,
+            startAdornment: inputIcon,
+            description,
+            key: `add-${type}-button`
+          },
+          label
+        )
+      );
+    });
+    if (buttons.length === 0) {
+      buttons.push(
+        /* @__PURE__ */ react_default.createElement(
+          Menu_default.Item,
+          {
+            "data-test": "no-inputs-in-preset",
+            key: "no-inputs-in-preset",
+            disabled: true
+          },
+          (0, i18n_exports._)("No Inputs")
+        )
+      );
+    }
+    return buttons;
+  }, [preset, dashboardApi]);
+  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(Menu_default, null, InputTypeButtons)
+  ));
+};
+var Inputs_default = Inputs;
+
+export {
+  lodash_exports,
+  Inputs_default
+};
+//# sourceMappingURL=chunk-NCPTJ5RB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["lodash", "@splunk/react-icons/SlidersTripleHorizontal", "@splunk/dashboard-definition", "../../src/buttons/Inputs.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport * from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/dashboard-definition\";\nexport * from \"@splunk/dashboard-definition\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useMemo } from 'react';\nimport { each } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Input from '@splunk/react-icons/SlidersTripleHorizontal';\nimport { DashboardDefinition } from '@splunk/dashboard-definition';\nimport type {\n    PresetMap,\n    InputConfig,\n    DashboardApi,\n} from '@splunk/dashboard-types';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst focusToggleReasons: never[] = [];\n\nconst DEFAULT_PRESET_MAP = Object.freeze({} as PresetMap);\nconst addInputIcon = prepareIcon({\n    Icon: Input,\n    screenReaderContent: _('Add input'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"inputs-button\"\n        icon={addInputIcon}\n    />\n);\n\ninterface AddInputFactoryArgs {\n    type: string;\n    defaultConfig: {\n        options?: Record<string, unknown>;\n        [x: string]: unknown;\n    };\n    tokenPrefix: string;\n    showToken: boolean;\n    dashboardApi?: DashboardApi;\n}\n\n// click handler factory\nconst onCreateInputClickFactory =\n    ({\n        type,\n        defaultConfig,\n        tokenPrefix,\n        showToken,\n        dashboardApi,\n    }: AddInputFactoryArgs) =>\n    () => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        const newConfig = {\n            ...defaultConfig,\n            type,\n            options: {\n                ...defaultConfig.options,\n            },\n        };\n        // showToken flags whether or not the input has a token assigned on creation\n        if (showToken) {\n            newConfig.options.token = DashboardDefinition.fromJSON(\n                dashboardApi?.getDefinition()\n            ).nextTokenId(tokenPrefix);\n        }\n        dashboardApi.addInput(newConfig);\n        dashboardApi.openPanel({ activePanel: 'config' });\n    };\n\n/**\n *  Add Input button that has a dropdown menu.\n */\nconst Inputs = ({\n    dashboardApi,\n    preset = DEFAULT_PRESET_MAP,\n}: ToolbarButtonProps) => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const InputTypeButtons = useMemo(() => {\n        const buttons = [];\n\n        const inputs = preset?.inputs as Record<\n            string,\n            {\n                config: InputConfig;\n            }\n        >;\n\n        each(inputs, (InputImpl, type) => {\n            const {\n                baseShape = {},\n                label = _(`${type} Input`),\n                description = '',\n                tokenPrefix = 'token',\n                includeInToolbar = true,\n                icon: Icon = Input,\n                // showToken flags whether or not the input has a token assigned on creation\n                showToken = true,\n            } = InputImpl.config || {};\n\n            if (!includeInToolbar) {\n                return;\n            }\n\n            const handleClick = onCreateInputClickFactory({\n                type,\n                defaultConfig: baseShape,\n                tokenPrefix,\n                showToken,\n                dashboardApi,\n            });\n\n            const inputIcon = <Icon width=\"24px\" height=\"24px\" />;\n\n            buttons.push(\n                <Menu.Item\n                    data-test={`add-${type}-button`}\n                    data-test-clickable\n                    onClick={handleClick}\n                    startAdornment={inputIcon}\n                    description={description}\n                    key={`add-${type}-button`}\n                >\n                    {label}\n                </Menu.Item>\n            );\n        });\n\n        if (buttons.length === 0) {\n            buttons.push(\n                <Menu.Item\n                    data-test=\"no-inputs-in-preset\"\n                    key=\"no-inputs-in-preset\"\n                    disabled\n                >\n                    {_('No Inputs')}\n                </Menu.Item>\n            );\n        }\n\n        return buttons;\n    }, [preset, dashboardApi]);\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu>{InputTypeButtons}</Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Inputs;\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport"]
+}

package/module/chunks/chunk-NIACHGAA.js

@@ -0,0 +1,25 @@
+/* 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 {
+  themes_exports
+} from "./chunk-IGGLU44N.js";
+import {
+  styled_components_default,
+  styled_components_exports
+} from "./chunk-BRGYD3MR.js";
+
+// src/components/ItemSeparator.tsx
+var ItemSeparator = styled_components_default.div`
+    border-left-width: 1px;
+    border-left-style: solid;
+    border-left-color: ${themes_exports.variables.interactiveColorBorder};
+    width: 0px;
+    height: ${themes_exports.variables.inputHeight};
+`;
+var ItemSeparator_default = ItemSeparator;
+
+export {
+  ItemSeparator_default
+};
+//# sourceMappingURL=chunk-NIACHGAA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ItemSeparator.tsx"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { variables } from '@splunk/themes';\n\nconst ItemSeparator = styled.div`\n    border-left-width: 1px;\n    border-left-style: solid;\n    border-left-color: ${variables.interactiveColorBorder};\n    width: 0px;\n    height: ${variables.inputHeight};\n`;\n\nexport default ItemSeparator;\n"],
+  "mappings": ";;;;;;;;;;;;AAGA,IAAM,gBAAgB,0BAAO;AAAA;AAAA;AAAA,yBAGJ,yBAAU,sBAAsB;AAAA;AAAA,cAE3C,yBAAU,WAAW;AAAA;AAGnC,IAAO,wBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-NJF2IOVV.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-state
+var dashboard_state_exports = {};
+__export(dashboard_state_exports, {
+  default: () => dashboard_state_default
+});
+__reExport(dashboard_state_exports, dashboard_state_star);
+import * as defaultImport from "@splunk/dashboard-state";
+import * as dashboard_state_star from "@splunk/dashboard-state";
+var dashboard_state_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  dashboard_state_exports
+};
+//# sourceMappingURL=chunk-NJF2IOVV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/dashboard-state"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/dashboard-state\";\nexport * from \"@splunk/dashboard-state\";\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-NWVLNDCF.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:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+__reExport(react_exports, react_star);
+import * as defaultImport from "react";
+import * as react_star from "react";
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  react_default,
+  react_exports
+};
+//# sourceMappingURL=chunk-NWVLNDCF.js.map

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

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

package/module/chunks/chunk-OIQNUT2X.js

@@ -0,0 +1,36 @@
+/* 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 {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  styled_components_default,
+  styled_components_exports
+} from "./chunk-BRGYD3MR.js";
+
+// src/PopoverItemButton.tsx
+var StyledContentWrapper = styled_components_default.span`
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    max-width: 100%;
+`;
+var StyledIcon = styled_components_default.span`
+    display: inline-block;
+    padding-right: 8px;
+`;
+var StyledLabel = styled_components_default.span`
+    text-overflow: ellipsis;
+    overflow: hidden;
+    flex: 0 1 auto;
+`;
+var PopoverItemButton = ({ icon, label }) => /* @__PURE__ */ react_default.createElement(StyledContentWrapper, null, icon && /* @__PURE__ */ react_default.createElement(StyledIcon, null, icon), label && /* @__PURE__ */ react_default.createElement(StyledLabel, { "data-test": "label-title" }, label));
+var PopoverItemButton_default = PopoverItemButton;
+
+export {
+  PopoverItemButton_default
+};
+//# sourceMappingURL=chunk-OIQNUT2X.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PopoverItemButton.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledContentWrapper = styled.span`\n    display: flex;\n    flex-direction: row;\n    justify-content: left;\n    align-items: center;\n    max-width: 100%;\n`;\n\nconst StyledIcon = styled.span`\n    display: inline-block;\n    padding-right: 8px;\n`;\n\nconst StyledLabel = styled.span`\n    text-overflow: ellipsis;\n    overflow: hidden;\n    flex: 0 1 auto;\n`;\n\nexport interface PopoverItemButtonProps extends ToolbarButtonProps {\n    icon: JSX.Element;\n    label?: string;\n}\n\n/**\n * Custom button component for popovers created for specific styling - aligning text to the left\n */\nconst PopoverItemButton = ({ icon, label }: PopoverItemButtonProps) => (\n    <StyledContentWrapper>\n        {icon && <StyledIcon>{icon}</StyledIcon>}\n        {label && <StyledLabel data-test=\"label-title\">{label}</StyledLabel>}\n    </StyledContentWrapper>\n);\n\nexport default PopoverItemButton;\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,IAAM,uBAAuB,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,IAAM,aAAa,0BAAO;AAAA;AAAA;AAAA;AAK1B,IAAM,cAAc,0BAAO;AAAA;AAAA;AAAA;AAAA;AAc3B,IAAM,oBAAoB,CAAC,EAAE,MAAM,MAAM,MACrC,4CAAC,4BACI,QAAQ,4CAAC,kBAAY,IAAK,GAC1B,SAAS,4CAAC,eAAY,aAAU,iBAAe,KAAM,CAC1D;AAGJ,IAAO,4BAAQ;",
+  "names": []
+}

package/module/chunks/chunk-OSDOIGWB.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/Picture
+var Picture_exports = {};
+__export(Picture_exports, {
+  default: () => Picture_default
+});
+__reExport(Picture_exports, Picture_star);
+import * as defaultImport from "@splunk/react-icons/Picture";
+import * as Picture_star from "@splunk/react-icons/Picture";
+var Picture_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+export {
+  Picture_default,
+  Picture_exports
+};
+//# sourceMappingURL=chunk-OSDOIGWB.js.map

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

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

package/module/chunks/chunk-OTGQ73VF.js

@@ -0,0 +1,63 @@
+/* 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/Markdown
+var Markdown_exports = {};
+__export(Markdown_exports, {
+  default: () => Markdown_default
+});
+__reExport(Markdown_exports, Markdown_star);
+import * as defaultImport from "@splunk/react-icons/Markdown";
+import * as Markdown_star from "@splunk/react-icons/Markdown";
+var Markdown_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Markdown.tsx
+var icon = prepareIcon({
+  Icon: Markdown_default,
+  screenReaderContent: (0, i18n_exports._)("Add markdown text")
+});
+var Markdown = ({ dashboardApi }) => {
+  const handleClick = (0, react_exports.useCallback)(() => {
+    dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+      visualizationDefinition: {
+        type: "splunk.markdown",
+        options: {
+          markdown: ""
+        }
+      }
+    });
+    dashboardApi == null ? void 0 : dashboardApi.openPanel({
+      activePanel: "config"
+    });
+  }, [dashboardApi]);
+  return /* @__PURE__ */ react_default.createElement(
+    IconButton_default,
+    {
+      testLabel: "markdown-button",
+      onClick: handleClick,
+      icon
+    }
+  );
+};
+var Markdown_default2 = Markdown;
+
+export {
+  Markdown_default2 as Markdown_default
+};
+//# sourceMappingURL=chunk-OTGQ73VF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/Markdown", "../../src/buttons/Markdown.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/Markdown\";\nexport * from \"@splunk/react-icons/Markdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport MarkdownIcon from '@splunk/react-icons/Markdown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: MarkdownIcon,\n    screenReaderContent: _('Add markdown text'),\n});\n\n/**\n * Button that creates a empty markdown viz\n */\nconst Markdown = ({ dashboardApi }: ToolbarButtonProps): JSX.Element => {\n    const handleClick = useCallback(() => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.markdown',\n                options: {\n                    markdown: '',\n                },\n            },\n        });\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"markdown-button\"\n            onClick={handleClick}\n            icon={icon}\n        />\n    );\n};\n\nexport default Markdown;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,+BAAc;AACd,IAAO,mBAAS,aAAa,gBAA8B,wBAAU;;;ACGrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,mBAAmB;AAC9C,CAAC;AAKD,IAAM,WAAW,CAAC,EAAE,aAAa,MAAuC;AACpE,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,UAAU;AAAA,QACd;AAAA,MACJ;AAAA,IACJ;AACA,iDAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA;AAAA,EACJ;AAER;AAEA,IAAOA,oBAAQ;",
+  "names": ["Markdown_default"]
+}

package/module/chunks/chunk-QU7RW3YZ.js

@@ -0,0 +1,39 @@
+/* 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 {
+  i18n_exports
+} from "./chunk-BSMCGXVQ.js";
+import {
+  IconButton_default,
+  prepareIcon
+} from "./chunk-GWAXQYWY.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+
+// src/buttons/ContentExport.tsx
+var icon = prepareIcon({
+  Icon: ArrowBroadUnderbarDown_default,
+  screenReaderContent: (0, i18n_exports._)("Export")
+});
+var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.createElement(
+  IconButton_default,
+  {
+    testLabel: "content-export-button",
+    onClick,
+    disabled: !!disabled,
+    icon
+  }
+);
+var ContentExport_default = ContentExport;
+
+export {
+  ContentExport_default
+};
+//# sourceMappingURL=chunk-QU7RW3YZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/buttons/ContentExport.tsx"],
+  "sourcesContent": ["import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ArrowBroadUnderbarDown from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface ContentExportProps extends ToolbarButtonProps {\n    disabled?: boolean;\n    onClick?: ComponentProps<typeof IconButton>['onClick'];\n}\n\nconst icon = prepareIcon({\n    Icon: ArrowBroadUnderbarDown,\n    screenReaderContent: _('Export'),\n});\n\nconst ContentExport = ({ disabled, onClick }: ContentExportProps) => (\n    <IconButton\n        testLabel=\"content-export-button\"\n        onClick={onClick}\n        disabled={!!disabled}\n        icon={icon}\n    />\n);\n\nexport default ContentExport;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAWA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,QAAQ;AACnC,CAAC;AAED,IAAM,gBAAgB,CAAC,EAAE,UAAU,QAAQ,MACvC;AAAA,EAAC;AAAA;AAAA,IACG,WAAU;AAAA,IACV;AAAA,IACA,UAAU,CAAC,CAAC;AAAA,IACZ;AAAA;AACJ;AAGJ,IAAO,wBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-RODBPKID.js

@@ -0,0 +1,64 @@
+/* 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 {
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __export,
+  __reExport
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-ui/Dropdown
+var Dropdown_exports = {};
+__export(Dropdown_exports, {
+  default: () => Dropdown_default
+});
+__reExport(Dropdown_exports, Dropdown_star);
+import * as defaultImport from "@splunk/react-ui/Dropdown";
+import * as Dropdown_star from "@splunk/react-ui/Dropdown";
+var Dropdown_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/hooks/useDropdown.ts
+var useDropdown = ({
+  isContentClickClose = true
+}) => {
+  const [isOpen, setIsOpen] = (0, react_exports.useState)(false);
+  const hasChildModal = (0, react_exports.useRef)(false);
+  const handleRequestClose = (0, react_exports.useCallback)(
+    ({ reason }) => {
+      if (reason === "contentClick" && !isContentClickClose) {
+        return;
+      }
+      if (reason === "escapeKey" && hasChildModal.current) {
+        return;
+      }
+      setIsOpen(false);
+    },
+    [isContentClickClose]
+  );
+  const handleRequestOpen = (0, react_exports.useCallback)(() => {
+    setIsOpen(true);
+  }, []);
+  const handleForceClose = (0, react_exports.useCallback)(() => {
+    setIsOpen(false);
+  }, []);
+  const setHasChildModal = (0, react_exports.useCallback)((value) => {
+    hasChildModal.current = value;
+  }, []);
+  return {
+    isOpen,
+    handleRequestOpen,
+    handleRequestClose,
+    handleForceClose,
+    setHasChildModal
+  };
+};
+var useDropdown_default = useDropdown;
+
+export {
+  Dropdown_default,
+  Dropdown_exports,
+  useDropdown_default
+};
+//# sourceMappingURL=chunk-RODBPKID.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-ui/Dropdown", "../../src/hooks/useDropdown.ts"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import type { DropdownRequestCloseHandler } from '@splunk/react-ui/Dropdown';\nimport { useCallback, useRef, useState } from 'react';\n\ninterface UseDropdownArgs {\n    isContentClickClose?: boolean;\n}\n\ninterface UseDropdownReturn {\n    isOpen: boolean;\n    handleRequestClose: DropdownRequestCloseHandler;\n    handleRequestOpen: () => void;\n    handleForceClose: () => void;\n    setHasChildModal: (value: boolean) => void;\n}\n\n/**\n * Custom React Hook for the controlled SUI Dropdown component.\n *\n * @param {Object} config\n * @param {Boolean} config.isContentClickClose Control if dropdown children onClick's will close the dropdown automatically\n * @returns {Object} value\n * @returns {Boolean} value.isOpen The only state of this hook\n * @returns {Function} value.handleRequestOpen Event handler to open the dropdown\n * @returns {Function} value.handleRequestClose Event handler that SUI Dropdown calls when requested to close\n * @returns {Function} value.handleForceClose Event handler to forcefully close the dropdown\n */\nconst useDropdown = ({\n    isContentClickClose = true,\n}: UseDropdownArgs): UseDropdownReturn => {\n    const [isOpen, setIsOpen] = useState(false);\n    const hasChildModal = useRef(false);\n\n    const handleRequestClose = useCallback<DropdownRequestCloseHandler>(\n        ({ reason }) => {\n            if (reason === 'contentClick' && !isContentClickClose) {\n                // This return results in the dropdown not closing.\n                return;\n            }\n\n            // If there is a child modal then don't close the root on ESC press\n            if (reason === 'escapeKey' && hasChildModal.current) {\n                return;\n            }\n\n            setIsOpen(false);\n        },\n        [isContentClickClose]\n    );\n\n    const handleRequestOpen = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const handleForceClose = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    const setHasChildModal = useCallback((value: boolean) => {\n        hasChildModal.current = value;\n    }, []);\n\n    return {\n        isOpen,\n        handleRequestOpen,\n        handleRequestClose,\n        handleForceClose,\n        setHasChildModal,\n    };\n};\n\nexport default useDropdown;\n"],
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,+BAAc;AACd,IAAO,mBAAS,aAAa,gBAA8B,wBAAU;;;ACuBrE,IAAM,cAAc,CAAC;AAAA,EACjB,sBAAsB;AAC1B,MAA0C;AACtC,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,KAAK;AAC1C,QAAM,oBAAgB,sBAAO,KAAK;AAElC,QAAM,yBAAqB;AAAA,IACvB,CAAC,EAAE,OAAO,MAAM;AACZ,UAAI,WAAW,kBAAkB,CAAC,qBAAqB;AAEnD;AAAA,MACJ;AAGA,UAAI,WAAW,eAAe,cAAc,SAAS;AACjD;AAAA,MACJ;AAEA,gBAAU,KAAK;AAAA,IACnB;AAAA,IACA,CAAC,mBAAmB;AAAA,EACxB;AAEA,QAAM,wBAAoB,2BAAY,MAAM;AACxC,cAAU,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,2BAAY,MAAM;AACvC,cAAU,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,2BAAY,CAAC,UAAmB;AACrD,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}