@splunk/dashboard-toolbar 29.0.0

package/module/chunks/chunk-ECEBJH6K.js

@@ -0,0 +1,112 @@
+/* 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
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/QuestionCircle
+var QuestionCircle_exports = {};
+__export(QuestionCircle_exports, {
+  default: () => QuestionCircle_default
+});
+__reExport(QuestionCircle_exports, QuestionCircle_star);
+import * as defaultImport from "@splunk/react-icons/QuestionCircle";
+import * as QuestionCircle_star from "@splunk/react-icons/QuestionCircle";
+var QuestionCircle_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/HelpButton.tsx
+var focusToggleReasons = [];
+var HelpIcon = prepareIcon({
+  Icon: QuestionCircle_default,
+  screenReaderContent: (0, i18n_exports._)("Help links"),
+  isMenu: true
+});
+var ButtonToggle = /* @__PURE__ */ react_default.createElement(
+  StyledDropdownButton,
+  {
+    appearance: "subtle",
+    "data-clickable": true,
+    "data-test": "help-button",
+    icon: HelpIcon
+  }
+);
+var HelpButton = ({ helpLinks = [] }) => {
+  const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
+    isContentClickClose: true
+  });
+  const HelpLinks = (0, react_exports.useMemo)(() => {
+    if (helpLinks.length === 0) {
+      return [
+        /* @__PURE__ */ react_default.createElement(
+          Menu_default.Item,
+          {
+            "data-test": "no-links-provided",
+            key: "no-links-provided",
+            disabled: true
+          },
+          (0, i18n_exports._)("No Links")
+        )
+      ];
+    }
+    return helpLinks.map((link) => {
+      const { label = "", description = "", url } = link;
+      const key = label.replace(/\s/g, "");
+      return /* @__PURE__ */ react_default.createElement(
+        Menu_default.Item,
+        {
+          "data-test": "help-link",
+          "data-test-clickable": true,
+          to: url,
+          description,
+          key: `help-link-${key}`,
+          openInNewContext: true
+        },
+        label
+      );
+    });
+  }, [helpLinks]);
+  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, HelpLinks)
+  ));
+};
+var HelpButton_default = HelpButton;
+
+export {
+  HelpButton_default
+};
+//# sourceMappingURL=chunk-ECEBJH6K.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/QuestionCircle", "../../src/buttons/HelpButton.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/QuestionCircle\";\nexport * from \"@splunk/react-icons/QuestionCircle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useMemo } from 'react';\nimport Help from '@splunk/react-icons/QuestionCircle';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { prepareIcon } from '../IconButton';\nimport { StyledDropdownButton } from '../components/StyledButton';\n\nexport interface ToolbarHelpLink {\n    label: string;\n    description?: string;\n    url: string;\n}\n\ninterface HelpProps extends ToolbarButtonProps {\n    helpLinks?: ToolbarHelpLink[];\n}\n\nconst focusToggleReasons: never[] = [];\n\nconst HelpIcon = prepareIcon({\n    Icon: Help,\n    screenReaderContent: _('Help links'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"help-button\"\n        icon={HelpIcon}\n    />\n);\n\n/**\n * Help button which expands dropdown full of links\n */\nconst HelpButton = ({ helpLinks = [] }: HelpProps) => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const HelpLinks = useMemo(() => {\n        if (helpLinks.length === 0) {\n            return [\n                <Menu.Item\n                    data-test=\"no-links-provided\"\n                    key=\"no-links-provided\"\n                    disabled\n                >\n                    {_('No Links')}\n                </Menu.Item>,\n            ];\n        }\n\n        return helpLinks.map((link: ToolbarHelpLink) => {\n            const { label = '', description = '', url } = link;\n            const key = label.replace(/\\s/g, '');\n\n            return (\n                <Menu.Item\n                    data-test=\"help-link\"\n                    data-test-clickable\n                    to={url}\n                    description={description}\n                    key={`help-link-${key}`}\n                    openInNewContext\n                >\n                    {label}\n                </Menu.Item>\n            );\n        });\n    }, [helpLinks]);\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>{HelpLinks}</Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default HelpButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,qCAAc;AACd,IAAO,yBAAS,aAAa,gBAA8B,wBAAU;;;ACkBrE,IAAM,qBAA8B,CAAC;AAErC,IAAM,WAAW,YAAY;AAAA,EACzB,MAAM;AAAA,EACN,yBAAqB,gBAAE,YAAY;AAAA,EACnC,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA;AACV;AAMJ,IAAM,aAAa,CAAC,EAAE,YAAY,CAAC,EAAE,MAAiB;AAClD,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,gBAAY,uBAAQ,MAAM;AAC5B,QAAI,UAAU,WAAW,GAAG;AACxB,aAAO;AAAA,QACH;AAAA,UAAC,aAAK;AAAA,UAAL;AAAA,YACG,aAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAQ;AAAA;AAAA,cAEP,gBAAE,UAAU;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO,UAAU,IAAI,CAAC,SAA0B;AAC5C,YAAM,EAAE,QAAQ,IAAI,cAAc,IAAI,IAAI,IAAI;AAC9C,YAAM,MAAM,MAAM,QAAQ,OAAO,EAAE;AAEnC,aACI;AAAA,QAAC,aAAK;AAAA,QAAL;AAAA,UACG,aAAU;AAAA,UACV,uBAAmB;AAAA,UACnB,IAAI;AAAA,UACJ;AAAA,UACA,KAAK,aAAa,GAAG;AAAA,UACrB,kBAAgB;AAAA;AAAA,QAEf;AAAA,MACL;AAAA,IAER,CAAC;AAAA,EACL,GAAG,CAAC,SAAS,CAAC;AAEd,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,oBAAM,SAAU;AAAA,EACrB,CACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-ETJ5YPF3.js

@@ -0,0 +1,31 @@
+/* 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 {
+  Source_default
+} from "./chunk-FSOMEJXM.js";
+import {
+  ItemGroup_default
+} from "./chunk-XUK4ZKWN.js";
+import {
+  dashboard_utils_exports
+} from "./chunk-HXY4TSUO.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __spreadValues
+} from "./chunk-VQIRZ53C.js";
+
+// src/groups/EditorGroup.tsx
+var EditorGroup = (props) => {
+  var _a;
+  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
+};
+var EditorGroup_default = EditorGroup;
+
+export {
+  EditorGroup_default
+};
+//# sourceMappingURL=chunk-ETJ5YPF3.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/groups/EditorGroup.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { noop } from '@splunk/dashboard-utils';\nimport ItemGroup from '../ItemGroup';\nimport { Source } from '../buttons';\n\n/**\n * Editor button group\n */\nconst EditorGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup borders={false} {...props}>\n        <Source onClick={props.sourceButtonOnClick ?? noop} />\n    </ItemGroup>\n);\n\nexport default EditorGroup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,cAAc,CAAC,UAA+C;AARpE;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA;AAGJ,IAAO,sBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-FSOMEJXM.js

@@ -0,0 +1,49 @@
+/* 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/WindowChevronsSlash
+var WindowChevronsSlash_exports = {};
+__export(WindowChevronsSlash_exports, {
+  default: () => WindowChevronsSlash_default
+});
+__reExport(WindowChevronsSlash_exports, WindowChevronsSlash_star);
+import * as defaultImport from "@splunk/react-icons/WindowChevronsSlash";
+import * as WindowChevronsSlash_star from "@splunk/react-icons/WindowChevronsSlash";
+var WindowChevronsSlash_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/Source.tsx
+var icon = prepareIcon({
+  Icon: WindowChevronsSlash_default,
+  screenReaderContent: (0, i18n_exports._)("Source code")
+});
+var Source = ({ disabled = false, onClick }) => /* @__PURE__ */ react_default.createElement(
+  IconButton_default,
+  {
+    testLabel: "source-button",
+    onClick,
+    disabled,
+    icon
+  }
+);
+var Source_default = Source;
+
+export {
+  Source_default
+};
+//# sourceMappingURL=chunk-FSOMEJXM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/WindowChevronsSlash", "../../src/buttons/Source.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport SourceIcon from '@splunk/react-icons/WindowChevronsSlash';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface SourceProps extends ToolbarButtonProps {\n    onClick?: ComponentProps<typeof IconButton>['onClick'];\n    disabled?: boolean;\n}\n\nconst icon = prepareIcon({\n    Icon: SourceIcon,\n    screenReaderContent: _('Source code'),\n});\n\n/**\n * Button that toggle source mode\n */\nconst Source = ({ disabled = false, onClick }: SourceProps) => (\n    <IconButton\n        testLabel=\"source-button\"\n        onClick={onClick}\n        disabled={disabled}\n        icon={icon}\n    />\n);\n\nexport default Source;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAa,gBAA8B,wBAAU;;;ACQrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,aAAa;AACxC,CAAC;AAKD,IAAM,SAAS,CAAC,EAAE,WAAW,OAAO,QAAQ,MACxC;AAAA,EAAC;AAAA;AAAA,IACG,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACJ;AAGJ,IAAO,iBAAQ;",
+  "names": []
+}

package/module/chunks/chunk-FVGABOJM.js

@@ -0,0 +1,37 @@
+/* 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 {
+  Source_default
+} from "./chunk-FSOMEJXM.js";
+import {
+  Config_default
+} from "./chunk-AWNWXBE4.js";
+import {
+  Data_default
+} from "./chunk-B2LPQWLD.js";
+import {
+  ItemGroup_default
+} from "./chunk-XUK4ZKWN.js";
+import {
+  dashboard_utils_exports
+} from "./chunk-HXY4TSUO.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-NWVLNDCF.js";
+import {
+  __spreadValues
+} from "./chunk-VQIRZ53C.js";
+
+// src/groups/EditorsControlGroup.tsx
+var EditorsControlGroup = (props) => {
+  var _a;
+  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
+};
+var EditorsControlGroup_default = EditorsControlGroup;
+
+export {
+  EditorsControlGroup_default
+};
+//# sourceMappingURL=chunk-FVGABOJM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/groups/EditorsControlGroup.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { noop } from '@splunk/dashboard-utils';\nimport { Config, Data, Source } from '../buttons';\nimport ItemGroup from '../ItemGroup';\n\n/**\n * group that controls dashboard editors\n */\nconst EditorsControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup borders={false} {...props}>\n        <Config />\n        <Data />\n        <Source onClick={props.sourceButtonOnClick ?? noop} />\n    </ItemGroup>\n);\n\nexport default EditorsControlGroup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,sBAAsB,CAAC,UAA+C;AAR5E;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA;AAGJ,IAAO,8BAAQ;",
+  "names": []
+}

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/dashboard-context"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/dashboard-context\";\nexport * from \"@splunk/dashboard-context\";\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-GRIJP4FT.js

@@ -0,0 +1,172 @@
+/* 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 {
+  PopoverItemButton_default
+} from "./chunk-OIQNUT2X.js";
+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
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/Circle
+var Circle_exports = {};
+__export(Circle_exports, {
+  default: () => Circle_default
+});
+__reExport(Circle_exports, Circle_star);
+import * as defaultImport from "@splunk/react-icons/Circle";
+import * as Circle_star from "@splunk/react-icons/Circle";
+var Circle_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:@splunk/react-icons/Line
+var Line_exports = {};
+__export(Line_exports, {
+  default: () => Line_default
+});
+__reExport(Line_exports, Line_star);
+import * as defaultImport2 from "@splunk/react-icons/Line";
+import * as Line_star from "@splunk/react-icons/Line";
+var Line_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/react-icons/ShapesVariety
+var ShapesVariety_exports = {};
+__export(ShapesVariety_exports, {
+  default: () => ShapesVariety_default
+});
+__reExport(ShapesVariety_exports, ShapesVariety_star);
+import * as defaultImport3 from "@splunk/react-icons/ShapesVariety";
+import * as ShapesVariety_star from "@splunk/react-icons/ShapesVariety";
+var ShapesVariety_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// src/buttons/Shapes.tsx
+var shapesDropdown = prepareIcon({
+  Icon: ShapesVariety_default,
+  screenReaderContent: (0, i18n_exports._)("Add shape"),
+  isMenu: true
+});
+var ButtonToggle = /* @__PURE__ */ react_default.createElement(
+  StyledDropdownButton,
+  {
+    appearance: "subtle",
+    "data-clickable": true,
+    "data-test": "shapes-button",
+    icon: shapesDropdown
+  }
+);
+var focusToggleReasons = [];
+var circleIcon = /* @__PURE__ */ react_default.createElement(Circle_default, null);
+var uncheckedBoxIcon = /* @__PURE__ */ react_default.createElement(Square_default, null);
+var lineIcon = /* @__PURE__ */ react_default.createElement(Line_default, null);
+var Shapes = ({ dashboardApi, layoutType }) => {
+  const supportLine = layoutType === "absolute";
+  const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
+    isContentClickClose: true
+  });
+  const handleCreateVizButtonClick = (0, react_exports.useCallback)(
+    (vizToCreate, layoutItemType) => {
+      return () => {
+        dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+          visualizationDefinition: vizToCreate,
+          layoutItemType
+        });
+        dashboardApi == null ? void 0 : dashboardApi.openPanel({ activePanel: "config" });
+      };
+    },
+    [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, { "data-test": "shapes-dropdown-children-container" }, /* @__PURE__ */ react_default.createElement(
+      Menu_default.Item,
+      {
+        "data-test": "ellipse-button",
+        onClick: handleCreateVizButtonClick({
+          type: "splunk.ellipse"
+        })
+      },
+      /* @__PURE__ */ react_default.createElement(
+        PopoverItemButton_default,
+        {
+          icon: circleIcon,
+          label: (0, i18n_exports._)("Ellipse")
+        }
+      )
+    ), /* @__PURE__ */ react_default.createElement(
+      Menu_default.Item,
+      {
+        "data-test": "rectangle-button",
+        onClick: handleCreateVizButtonClick({
+          type: "splunk.rectangle"
+        })
+      },
+      /* @__PURE__ */ react_default.createElement(
+        PopoverItemButton_default,
+        {
+          icon: uncheckedBoxIcon,
+          label: (0, i18n_exports._)("Rectangle")
+        }
+      )
+    ), supportLine && /* @__PURE__ */ react_default.createElement(
+      Menu_default.Item,
+      {
+        "data-test": "line-button",
+        onClick: handleCreateVizButtonClick(
+          {
+            type: "abslayout.line"
+          },
+          "line"
+        )
+      },
+      /* @__PURE__ */ react_default.createElement(
+        PopoverItemButton_default,
+        {
+          icon: lineIcon,
+          label: (0, i18n_exports._)("Line")
+        }
+      )
+    ))
+  ));
+};
+var Shapes_default = Shapes;
+
+export {
+  Shapes_default
+};
+//# sourceMappingURL=chunk-GRIJP4FT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/Circle", "@splunk/react-icons/Line", "@splunk/react-icons/ShapesVariety", "../../src/buttons/Shapes.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/Circle\";\nexport * from \"@splunk/react-icons/Circle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/Line\";\nexport * from \"@splunk/react-icons/Line\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/ShapesVariety\";\nexport * from \"@splunk/react-icons/ShapesVariety\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport Menu from '@splunk/react-ui/Menu';\nimport Circle from '@splunk/react-icons/Circle';\nimport BoxUnchecked from '@splunk/react-icons/Square';\nimport Line from '@splunk/react-icons/Line';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AddShapeDropdown from '@splunk/react-icons/ShapesVariety';\nimport type {\n    StructureItemType,\n    VisualizationDefinition,\n} from '@splunk/dashboard-types';\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport PopoverItemButton from '../PopoverItemButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { prepareIcon } from '../IconButton';\n\nconst shapesDropdown = prepareIcon({\n    Icon: AddShapeDropdown,\n    screenReaderContent: _('Add shape'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"shapes-button\"\n        icon={shapesDropdown}\n    />\n);\n\nconst focusToggleReasons: never[] = [];\n\nconst circleIcon = <Circle />;\nconst uncheckedBoxIcon = <BoxUnchecked />;\nconst lineIcon = <Line />;\n\n/**\n *  Shapes button that has a dropdown menu.\n */\nconst Shapes = ({ dashboardApi, layoutType }: ToolbarButtonProps) => {\n    const supportLine = layoutType === 'absolute';\n\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const handleCreateVizButtonClick = useCallback(\n        (\n            vizToCreate: VisualizationDefinition<Record<string, unknown>>,\n            layoutItemType?: StructureItemType\n        ) => {\n            return () => {\n                dashboardApi?.createVisualization({\n                    visualizationDefinition: vizToCreate,\n                    layoutItemType,\n                });\n                dashboardApi?.openPanel({ activePanel: 'config' });\n            };\n        },\n        [dashboardApi]\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                <Menu data-test=\"shapes-dropdown-children-container\">\n                    <Menu.Item\n                        data-test=\"ellipse-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.ellipse',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={circleIcon}\n                            label={_('Ellipse')}\n                        />\n                    </Menu.Item>\n                    <Menu.Item\n                        data-test=\"rectangle-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.rectangle',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={uncheckedBoxIcon}\n                            label={_('Rectangle')}\n                        />\n                    </Menu.Item>\n                    {supportLine && (\n                        <Menu.Item\n                            data-test=\"line-button\"\n                            onClick={handleCreateVizButtonClick(\n                                {\n                                    type: 'abslayout.line',\n                                },\n                                'line'\n                            )}\n                        >\n                            <PopoverItemButton\n                                icon={lineIcon}\n                                label={_('Line')}\n                            />\n                        </Menu.Item>\n                    )}\n                </Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Shapes;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYA,oBAAmB;AAC/B,2BAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYC,oBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAaA,iBAA8B,yBAAUA;;;ACgBrE,IAAM,iBAAiB,YAAY;AAAA,EAC/B,MAAM;AAAA,EACN,yBAAqB,gBAAE,WAAW;AAAA,EAClC,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA;AACV;AAGJ,IAAM,qBAA8B,CAAC;AAErC,IAAM,aAAa,4CAAC,oBAAO;AAC3B,IAAM,mBAAmB,4CAAC,oBAAa;AACvC,IAAM,WAAW,4CAAC,kBAAK;AAKvB,IAAM,SAAS,CAAC,EAAE,cAAc,WAAW,MAA0B;AACjE,QAAM,cAAc,eAAe;AAEnC,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,iCAA6B;AAAA,IAC/B,CACI,aACA,mBACC;AACD,aAAO,MAAM;AACT,qDAAc,oBAAoB;AAAA,UAC9B,yBAAyB;AAAA,UACzB;AAAA,QACJ;AACA,qDAAc,UAAU,EAAE,aAAa,SAAS;AAAA,MACpD;AAAA,IACJ;AAAA,IACA,CAAC,YAAY;AAAA,EACjB;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,gBAAK,aAAU,wCACZ;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS,2BAA2B;AAAA,UAChC,MAAM;AAAA,QACV,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,SAAS;AAAA;AAAA,MACtB;AAAA,IACJ,GACA;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS,2BAA2B;AAAA,UAChC,MAAM;AAAA,QACV,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,WAAW;AAAA;AAAA,MACxB;AAAA,IACJ,GACC,eACG;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS;AAAA,UACL;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,QACJ;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,MAAM;AAAA;AAAA,MACnB;AAAA,IACJ,CAER;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,iBAAQ;",
+  "names": ["defaultImport", "defaultImport"]
+}

package/module/chunks/chunk-GWAXQYWY.js

@@ -0,0 +1,105 @@
+/* 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 {
+  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 {
+  __export,
+  __objRest,
+  __reExport,
+  __spreadValues
+} from "./chunk-VQIRZ53C.js";
+
+// esm-externals:@splunk/react-icons/CaretDown
+var CaretDown_exports = {};
+__export(CaretDown_exports, {
+  default: () => CaretDown_default
+});
+__reExport(CaretDown_exports, CaretDown_star);
+import * as defaultImport from "@splunk/react-icons/CaretDown";
+import * as CaretDown_star from "@splunk/react-icons/CaretDown";
+var CaretDown_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:@splunk/react-ui/ScreenReaderContent
+var ScreenReaderContent_exports = {};
+__export(ScreenReaderContent_exports, {
+  default: () => ScreenReaderContent_default
+});
+__reExport(ScreenReaderContent_exports, ScreenReaderContent_star);
+import * as defaultImport2 from "@splunk/react-ui/ScreenReaderContent";
+import * as ScreenReaderContent_star from "@splunk/react-ui/ScreenReaderContent";
+var ScreenReaderContent_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// src/IconButton.tsx
+var StyledDropdownIcon = styled_components_default(CaretDown_default)`
+    margin-left: -5px;
+`;
+var iconSize = 24;
+var menuIconSize = 20;
+var prepareIcon = (_a) => {
+  var _b = _a, {
+    Icon,
+    screenReaderContent,
+    isMenu = false
+  } = _b, props = __objRest(_b, [
+    "Icon",
+    "screenReaderContent",
+    "isMenu"
+  ]);
+  const size = isMenu ? menuIconSize : iconSize;
+  return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(Icon, __spreadValues({ width: size, height: size }, props)), isMenu && /* @__PURE__ */ react_default.createElement(StyledDropdownIcon, { variant: "filled", width: 9, height: size }), screenReaderContent && /* @__PURE__ */ react_default.createElement(ScreenReaderContent_default, null, screenReaderContent));
+};
+var IconButton = (_a) => {
+  var _b = _a, {
+    icon,
+    buttonRef,
+    disabled = false,
+    onClick,
+    label,
+    testLabel
+  } = _b, rest = __objRest(_b, [
+    "icon",
+    "buttonRef",
+    "disabled",
+    "onClick",
+    "label",
+    "testLabel"
+  ]);
+  return /* @__PURE__ */ react_default.createElement(Item_default, __spreadValues({}, rest), /* @__PURE__ */ react_default.createElement(
+    Button_default,
+    {
+      elementRef: buttonRef,
+      onClick,
+      disabled,
+      appearance: "subtle",
+      icon,
+      label,
+      "data-test": testLabel,
+      "data-clickable": true
+    }
+  ));
+};
+var IconButton_default = IconButton;
+
+export {
+  ScreenReaderContent_default,
+  ScreenReaderContent_exports,
+  iconSize,
+  menuIconSize,
+  prepareIcon,
+  IconButton_default
+};
+//# sourceMappingURL=chunk-GWAXQYWY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["@splunk/react-icons/CaretDown", "@splunk/react-ui/ScreenReaderContent", "../../src/IconButton.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/CaretDown\";\nexport * from \"@splunk/react-icons/CaretDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport type SVG from '@splunk/react-icons/SVG';\nimport DropdownIcon from '@splunk/react-icons/CaretDown';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport styled from 'styled-components';\nimport ToolbarItem from './Item';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledDropdownIcon = styled(DropdownIcon)`\n    margin-left: -5px;\n`;\n\nexport const iconSize = 24;\nexport const menuIconSize = 20;\n\ninterface PrepareIconProps extends React.ComponentProps<typeof SVG> {\n    Icon: React.ComponentType<React.ComponentProps<typeof SVG>>;\n    screenReaderContent?: string;\n    isMenu?: boolean;\n    variant?: 'filled' | 'outline' | 'none';\n}\n\n/**\n * Button adds a bunch of padding when there's any child elements even if they don't display anything (screenReaderContent)\n * This bundles the primary icon, a menu caret and screenReaderContent as an icon when needed.\n * Additionally accepts any properties of any react-icons element to be applied to primary icon\n * @param {Object} arg\n * @param {React.ElementType} arg.Icon The primary icon\n * @param {boolean} [arg.isMenu=false] Display a menu caret\n * @param {string} [arg.screenReaderContent] A label for the icon\n * @param {string} [arg.variant] Fill the icon, or not\n * @returns {JSX.Element}\n */\nexport const prepareIcon = ({\n    Icon,\n    screenReaderContent,\n    isMenu = false,\n    ...props\n}: PrepareIconProps) => {\n    const size = isMenu ? menuIconSize : iconSize;\n    return (\n        <>\n            <Icon width={size} height={size} {...props} />\n            {isMenu && (\n                <StyledDropdownIcon variant=\"filled\" width={9} height={size} />\n            )}\n            {screenReaderContent && (\n                <ScreenReaderContent>{screenReaderContent}</ScreenReaderContent>\n            )}\n        </>\n    );\n};\n\nexport interface IconButtonProps extends ToolbarButtonProps {\n    icon?: JSX.Element;\n    onClick?: ButtonPropsBase['onClick'];\n    label?: string;\n    buttonRef?: React.RefObject<HTMLButtonElement>;\n    testLabel?: string;\n    disabled?: boolean;\n}\n\nconst IconButton = ({\n    icon,\n    buttonRef,\n    disabled = false,\n    onClick,\n    label,\n    testLabel,\n    ...rest\n}: IconButtonProps): JSX.Element => {\n    return (\n        <ToolbarItem {...rest}>\n            <Button\n                elementRef={buttonRef}\n                onClick={onClick}\n                disabled={disabled}\n                appearance=\"subtle\"\n                icon={icon}\n                label={label}\n                data-test={testLabel}\n                data-clickable\n            />\n        </ToolbarItem>\n    );\n};\n\nexport default IconButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,gCAAc;AACd,IAAO,oBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYA,oBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAaA,iBAA8B,yBAAUA;;;ACMrE,IAAM,qBAAqB,0BAAO,iBAAY;AAAA;AAAA;AAIvC,IAAM,WAAW;AACjB,IAAM,eAAe;AAoBrB,IAAM,cAAc,CAAC,OAKJ;AALI,eACxB;AAAA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EArCb,IAkC4B,IAIrB,kBAJqB,IAIrB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,SAAS,eAAe;AACrC,SACI,0EACI,4CAAC,uBAAK,OAAO,MAAM,QAAQ,QAAU,MAAO,GAC3C,UACG,4CAAC,sBAAmB,SAAQ,UAAS,OAAO,GAAG,QAAQ,MAAM,GAEhE,uBACG,4CAAC,mCAAqB,mBAAoB,CAElD;AAER;AAWA,IAAM,aAAa,CAAC,OAQgB;AARhB,eAChB;AAAA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EArEJ,IA+DoB,IAOb,iBAPa,IAOb;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI,4CAAC,iCAAgB,OACb;AAAA,IAAC;AAAA;AAAA,MACG,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,kBAAc;AAAA;AAAA,EAClB,CACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "names": ["defaultImport"]
+}

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

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

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