@splunk/dashboard-toolbar 29.1.0 → 29.3.0

package/groups/ActionsGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/groups/ActionsGroup.tsx", "esm-externals:react", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/react-ui/Dropdown", "esm-externals:@splunk/react-ui/Menu", "esm-externals:@splunk/react-ui/Button", "../src/hooks/useDropdown.ts"],
   "sourcesContent": ["import React from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Button from '@splunk/react-ui/Button';\nimport useDropdown from '../hooks/useDropdown';\n\nconst menuStyle = {\n    width: '180px',\n};\n\nexport interface ActionsGroupProps {\n    children: React.ReactNode[];\n}\n\nconst buttonToggle = (\n    <Button\n        data-clickable\n        label={_('Actions')}\n        data-test=\"actions-dropdown-button\"\n        isMenu\n        appearance=\"subtle\"\n    />\n);\n\n/**\n * group that allows consumers to add buttons required to manipulate the dashboard, which may not have been implemented by UDF. Example, cloning a dashboard\n */\nconst ActionsGroup = ({ children }: ActionsGroupProps): JSX.Element => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    return (\n        <Dropdown\n            onRequestClose={handleRequestClose}\n            onRequestOpen={handleRequestOpen}\n            open={isOpen}\n            toggle={buttonToggle}\n        >\n            <Menu style={menuStyle}>{children}</Menu>\n        </Dropdown>\n    );\n};\n\nexport default ActionsGroup;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Menu\";\nexport * from \"@splunk/react-ui/Menu\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\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;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,6BAAc;AACd,IAAO,mBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACuBrE,IAAM,cAAc,wBAAC;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,GA1CoB;AA4CpB,IAAO,sBAAQ;;;AN/Df,IAAM,YAAY;AAAA,EACd,OAAO;AACX;AAMA,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,kBAAc;AAAA,IACd,WAAO,gBAAE,SAAS;AAAA,IAClB,aAAU;AAAA,IACV,QAAM;AAAA,IACN,YAAW;AAAA;AACf;AAMJ,IAAM,eAAe,wBAAC,EAAE,SAAS,MAAsC;AACnE,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,SACI;AAAA,IAAC;AAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,gBAAK,OAAO,aAAY,QAAS;AAAA,EACtC;AAER,GAfqB;AAiBrB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,6BAAc;AACd,IAAO,mBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;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;;;AN/Df,IAAM,YAAY;AAAA,EACd,OAAO;AACX;AAMA,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,kBAAc;AAAA,IACd,WAAO,gBAAE,SAAS;AAAA,IAClB,aAAU;AAAA,IACV,QAAM;AAAA,IACN,YAAW;AAAA;AACf;AAMJ,IAAM,eAAe,CAAC,EAAE,SAAS,MAAsC;AACnE,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,SACI;AAAA,IAAC;AAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,gBAAK,OAAO,aAAY,QAAS;AAAA,EACtC;AAER;AAEA,IAAO,uBAAQ;",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/groups/ControlGroup.js

@@ -22,7 +22,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -119,7 +118,7 @@ var Group = styled_components_default.div.attrs({
     flex-direction: row;
     gap: ${(props) => props.gap};
 `;
-var ItemGroup = /* @__PURE__ */ __name((_a) => {
+var ItemGroup = (_a) => {
   var _b = _a, {
     children,
     borders = true,
@@ -135,101 +134,110 @@ var ItemGroup = /* @__PURE__ */ __name((_a) => {
   );
   const separator = borders ? /* @__PURE__ */ react_default.createElement(ItemSeparator_default, null) : null;
   return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(Group, { gap: (0, dashboard_utils_exports.toPx)(gap, 2) }, items), separator);
-}, "ItemGroup");
+};
 var ItemGroup_default = ItemGroup;
 
+// esm-externals:@splunk/dashboard-ui
+var dashboard_ui_exports = {};
+__export(dashboard_ui_exports, {
+  default: () => dashboard_ui_default
+});
+var defaultImport5 = __toESM(require("@splunk/dashboard-ui"));
+__reExport(dashboard_ui_exports, require("@splunk/dashboard-ui"));
+var dashboard_ui_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/dashboard-context
+var dashboard_context_exports = {};
+__export(dashboard_context_exports, {
+  default: () => dashboard_context_default
+});
+var defaultImport6 = __toESM(require("@splunk/dashboard-context"));
+__reExport(dashboard_context_exports, require("@splunk/dashboard-context"));
+var dashboard_context_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
 // esm-externals:@splunk/ui-utils/i18n
 var i18n_exports = {};
 __export(i18n_exports, {
   default: () => i18n_default
 });
-var defaultImport5 = __toESM(require("@splunk/ui-utils/i18n"));
+var defaultImport7 = __toESM(require("@splunk/ui-utils/i18n"));
 __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
-var i18n_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+var i18n_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/react-ui/Tooltip
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+var defaultImport8 = __toESM(require("@splunk/react-ui/Tooltip"));
+__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
+var Tooltip_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// src/Item.tsx
+var Item_default = styled_components_default.div``;
 
 // esm-externals:@splunk/react-ui/Dropdown
 var Dropdown_exports = {};
 __export(Dropdown_exports, {
   default: () => Dropdown_default
 });
-var defaultImport6 = __toESM(require("@splunk/react-ui/Dropdown"));
+var defaultImport9 = __toESM(require("@splunk/react-ui/Dropdown"));
 __reExport(Dropdown_exports, require("@splunk/react-ui/Dropdown"));
-var Dropdown_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+var Dropdown_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
 
 // esm-externals:@splunk/react-ui/Menu
 var Menu_exports = {};
 __export(Menu_exports, {
   default: () => Menu_default
 });
-var defaultImport7 = __toESM(require("@splunk/react-ui/Menu"));
+var defaultImport10 = __toESM(require("@splunk/react-ui/Menu"));
 __reExport(Menu_exports, require("@splunk/react-ui/Menu"));
-var Menu_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+var Menu_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
 
 // esm-externals:@splunk/react-icons/ChartColumn
 var ChartColumn_exports = {};
 __export(ChartColumn_exports, {
   default: () => ChartColumn_default
 });
-var defaultImport8 = __toESM(require("@splunk/react-icons/ChartColumn"));
+var defaultImport11 = __toESM(require("@splunk/react-icons/ChartColumn"));
 __reExport(ChartColumn_exports, require("@splunk/react-icons/ChartColumn"));
-var ChartColumn_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
-
-// esm-externals:@splunk/dashboard-ui
-var dashboard_ui_exports = {};
-__export(dashboard_ui_exports, {
-  default: () => dashboard_ui_default
-});
-var defaultImport9 = __toESM(require("@splunk/dashboard-ui"));
-__reExport(dashboard_ui_exports, require("@splunk/dashboard-ui"));
-var dashboard_ui_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
-
-// esm-externals:@splunk/dashboard-context
-var dashboard_context_exports = {};
-__export(dashboard_context_exports, {
-  default: () => dashboard_context_default
-});
-var defaultImport10 = __toESM(require("@splunk/dashboard-context"));
-__reExport(dashboard_context_exports, require("@splunk/dashboard-context"));
-var dashboard_context_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+var ChartColumn_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
 
 // esm-externals:@splunk/dashboard-state
 var dashboard_state_exports = {};
 __export(dashboard_state_exports, {
   default: () => dashboard_state_default
 });
-var defaultImport11 = __toESM(require("@splunk/dashboard-state"));
+var defaultImport12 = __toESM(require("@splunk/dashboard-state"));
 __reExport(dashboard_state_exports, require("@splunk/dashboard-state"));
-var dashboard_state_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
-
-// src/Item.tsx
-var Item_default = styled_components_default.div``;
+var dashboard_state_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
 // esm-externals:@splunk/react-icons/CaretDown
 var CaretDown_exports = {};
 __export(CaretDown_exports, {
   default: () => CaretDown_default
 });
-var defaultImport12 = __toESM(require("@splunk/react-icons/CaretDown"));
+var defaultImport13 = __toESM(require("@splunk/react-icons/CaretDown"));
 __reExport(CaretDown_exports, require("@splunk/react-icons/CaretDown"));
-var CaretDown_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+var CaretDown_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
 
 // esm-externals:@splunk/react-ui/ScreenReaderContent
 var ScreenReaderContent_exports = {};
 __export(ScreenReaderContent_exports, {
   default: () => ScreenReaderContent_default
 });
-var defaultImport13 = __toESM(require("@splunk/react-ui/ScreenReaderContent"));
+var defaultImport14 = __toESM(require("@splunk/react-ui/ScreenReaderContent"));
 __reExport(ScreenReaderContent_exports, require("@splunk/react-ui/ScreenReaderContent"));
-var ScreenReaderContent_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+var ScreenReaderContent_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
 
 // esm-externals:@splunk/react-ui/Button
 var Button_exports = {};
 __export(Button_exports, {
   default: () => Button_default
 });
-var defaultImport14 = __toESM(require("@splunk/react-ui/Button"));
+var defaultImport15 = __toESM(require("@splunk/react-ui/Button"));
 __reExport(Button_exports, require("@splunk/react-ui/Button"));
-var Button_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+var Button_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
 
 // src/IconButton.tsx
 var StyledDropdownIcon = styled_components_default(CaretDown_default)`
@@ -237,7 +245,7 @@ var StyledDropdownIcon = styled_components_default(CaretDown_default)`
 `;
 var iconSize = 24;
 var menuIconSize = 20;
-var prepareIcon = /* @__PURE__ */ __name((_a) => {
+var prepareIcon = (_a) => {
   var _b = _a, {
     Icon,
     screenReaderContent,
@@ -249,8 +257,8 @@ var prepareIcon = /* @__PURE__ */ __name((_a) => {
   ]);
   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));
-}, "prepareIcon");
-var IconButton = /* @__PURE__ */ __name((_a) => {
+};
+var IconButton = (_a) => {
   var _b = _a, {
     icon: icon9,
     buttonRef,
@@ -279,7 +287,7 @@ var IconButton = /* @__PURE__ */ __name((_a) => {
       "data-clickable": true
     }
   ));
-}, "IconButton");
+};
 var IconButton_default = IconButton;
 
 // src/components/StyledButton.tsx
@@ -308,9 +316,9 @@ var Cog_exports = {};
 __export(Cog_exports, {
   default: () => Cog_default
 });
-var defaultImport15 = __toESM(require("@splunk/react-icons/Cog"));
+var defaultImport16 = __toESM(require("@splunk/react-icons/Cog"));
 __reExport(Cog_exports, require("@splunk/react-icons/Cog"));
-var Cog_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+var Cog_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
 
 // src/buttons/Config.tsx
 var configurationIcon = prepareIcon({
@@ -323,9 +331,9 @@ var ArrowBroadUnderbarDown_exports = {};
 __export(ArrowBroadUnderbarDown_exports, {
   default: () => ArrowBroadUnderbarDown_default
 });
-var defaultImport16 = __toESM(require("@splunk/react-icons/ArrowBroadUnderbarDown"));
+var defaultImport17 = __toESM(require("@splunk/react-icons/ArrowBroadUnderbarDown"));
 __reExport(ArrowBroadUnderbarDown_exports, require("@splunk/react-icons/ArrowBroadUnderbarDown"));
-var ArrowBroadUnderbarDown_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var ArrowBroadUnderbarDown_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
 
 // src/buttons/ContentExport.tsx
 var icon = prepareIcon({
@@ -338,9 +346,9 @@ var CylinderMulti_exports = {};
 __export(CylinderMulti_exports, {
   default: () => CylinderMulti_default
 });
-var defaultImport17 = __toESM(require("@splunk/react-icons/CylinderMulti"));
+var defaultImport18 = __toESM(require("@splunk/react-icons/CylinderMulti"));
 __reExport(CylinderMulti_exports, require("@splunk/react-icons/CylinderMulti"));
-var CylinderMulti_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
+var CylinderMulti_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // src/buttons/Data.tsx
 var dataInputIcon = prepareIcon({
@@ -348,14 +356,29 @@ var dataInputIcon = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Data source overview")
 });
 
+// esm-externals:@splunk/react-icons/Checkmark
+var Checkmark_exports = {};
+__export(Checkmark_exports, {
+  default: () => Checkmark_default
+});
+var defaultImport19 = __toESM(require("@splunk/react-icons/Checkmark"));
+__reExport(Checkmark_exports, require("@splunk/react-icons/Checkmark"));
+var Checkmark_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+
+// src/buttons/Display/Display.tsx
+var CheckmarkPlaceholder = styled_components_default.span`
+    display: inline-block;
+    width: 16px;
+`;
+
 // esm-externals:@splunk/react-icons/Square
 var Square_exports = {};
 __export(Square_exports, {
   default: () => Square_default
 });
-var defaultImport18 = __toESM(require("@splunk/react-icons/Square"));
+var defaultImport20 = __toESM(require("@splunk/react-icons/Square"));
 __reExport(Square_exports, require("@splunk/react-icons/Square"));
-var Square_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+var Square_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
 
 // src/buttons/EmptyVisualization.tsx
 var icon2 = prepareIcon({
@@ -368,16 +391,16 @@ var ChevronsOut_exports = {};
 __export(ChevronsOut_exports, {
   default: () => ChevronsOut_default
 });
-var defaultImport19 = __toESM(require("@splunk/react-icons/ChevronsOut"));
+var defaultImport21 = __toESM(require("@splunk/react-icons/ChevronsOut"));
 __reExport(ChevronsOut_exports, require("@splunk/react-icons/ChevronsOut"));
-var ChevronsOut_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+var ChevronsOut_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
 
 // src/buttons/Fullscreen.tsx
 var icon3 = prepareIcon({
   Icon: ChevronsOut_default,
   screenReaderContent: (0, i18n_exports._)("Fullscreen")
 });
-var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
+var FullScreen = ({ dashboardApi }) => {
   const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
   const handleClick = (0, react_exports.useCallback)(() => {
     dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
@@ -391,7 +414,7 @@ var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
       icon: icon3
     }
   );
-}, "FullScreen");
+};
 var Fullscreen_default = FullScreen;
 
 // esm-externals:@splunk/react-ui/Switch
@@ -399,9 +422,9 @@ var Switch_exports = {};
 __export(Switch_exports, {
   default: () => Switch_default
 });
-var defaultImport20 = __toESM(require("@splunk/react-ui/Switch"));
+var defaultImport22 = __toESM(require("@splunk/react-ui/Switch"));
 __reExport(Switch_exports, require("@splunk/react-ui/Switch"));
-var Switch_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+var Switch_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // src/buttons/GridLineSwitch.tsx
 var SwitchContainer = styled_components_default.div`
@@ -416,9 +439,9 @@ var ChartSingleValueIcon_exports = {};
 __export(ChartSingleValueIcon_exports, {
   default: () => ChartSingleValueIcon_default
 });
-var defaultImport21 = __toESM(require("@splunk/react-icons/ChartSingleValueIcon"));
+var defaultImport23 = __toESM(require("@splunk/react-icons/ChartSingleValueIcon"));
 __reExport(ChartSingleValueIcon_exports, require("@splunk/react-icons/ChartSingleValueIcon"));
-var ChartSingleValueIcon_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var ChartSingleValueIcon_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
 
 // src/buttons/IconGallery.tsx
 var MenusContainer = styled_components_default.div`
@@ -436,9 +459,9 @@ var QuestionCircle_exports = {};
 __export(QuestionCircle_exports, {
   default: () => QuestionCircle_default
 });
-var defaultImport22 = __toESM(require("@splunk/react-icons/QuestionCircle"));
+var defaultImport24 = __toESM(require("@splunk/react-icons/QuestionCircle"));
 __reExport(QuestionCircle_exports, require("@splunk/react-icons/QuestionCircle"));
-var QuestionCircle_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var QuestionCircle_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // src/buttons/HelpButton.tsx
 var HelpIcon = prepareIcon({
@@ -452,9 +475,9 @@ var Picture_exports = {};
 __export(Picture_exports, {
   default: () => Picture_default
 });
-var defaultImport23 = __toESM(require("@splunk/react-icons/Picture"));
+var defaultImport25 = __toESM(require("@splunk/react-icons/Picture"));
 __reExport(Picture_exports, require("@splunk/react-icons/Picture"));
-var Picture_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var Picture_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // src/buttons/Image.tsx
 var icon4 = prepareIcon({
@@ -478,27 +501,27 @@ var lodash_exports = {};
 __export(lodash_exports, {
   default: () => lodash_default
 });
-var defaultImport24 = __toESM(require("lodash"));
+var defaultImport26 = __toESM(require("lodash"));
 __reExport(lodash_exports, require("lodash"));
-var lodash_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var lodash_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // esm-externals:@splunk/react-icons/SlidersTripleHorizontal
 var SlidersTripleHorizontal_exports = {};
 __export(SlidersTripleHorizontal_exports, {
   default: () => SlidersTripleHorizontal_default
 });
-var defaultImport25 = __toESM(require("@splunk/react-icons/SlidersTripleHorizontal"));
+var defaultImport27 = __toESM(require("@splunk/react-icons/SlidersTripleHorizontal"));
 __reExport(SlidersTripleHorizontal_exports, require("@splunk/react-icons/SlidersTripleHorizontal"));
-var SlidersTripleHorizontal_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var SlidersTripleHorizontal_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // esm-externals:@splunk/dashboard-definition
 var dashboard_definition_exports = {};
 __export(dashboard_definition_exports, {
   default: () => dashboard_definition_default
 });
-var defaultImport26 = __toESM(require("@splunk/dashboard-definition"));
+var defaultImport28 = __toESM(require("@splunk/dashboard-definition"));
 __reExport(dashboard_definition_exports, require("@splunk/dashboard-definition"));
-var dashboard_definition_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var dashboard_definition_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/buttons/Inputs.tsx
 var DEFAULT_PRESET_MAP = Object.freeze({});
@@ -513,9 +536,9 @@ var Markdown_exports = {};
 __export(Markdown_exports, {
   default: () => Markdown_default
 });
-var defaultImport27 = __toESM(require("@splunk/react-icons/Markdown"));
+var defaultImport29 = __toESM(require("@splunk/react-icons/Markdown"));
 __reExport(Markdown_exports, require("@splunk/react-icons/Markdown"));
-var Markdown_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var Markdown_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // src/buttons/Markdown.tsx
 var icon5 = prepareIcon({
@@ -528,9 +551,9 @@ var ArrowBowRight_exports = {};
 __export(ArrowBowRight_exports, {
   default: () => ArrowBowRight_default
 });
-var defaultImport28 = __toESM(require("@splunk/react-icons/ArrowBowRight"));
+var defaultImport30 = __toESM(require("@splunk/react-icons/ArrowBowRight"));
 __reExport(ArrowBowRight_exports, require("@splunk/react-icons/ArrowBowRight"));
-var ArrowBowRight_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var ArrowBowRight_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // src/buttons/Redo.tsx
 var icon6 = prepareIcon({
@@ -543,27 +566,27 @@ var Circle_exports = {};
 __export(Circle_exports, {
   default: () => Circle_default
 });
-var defaultImport29 = __toESM(require("@splunk/react-icons/Circle"));
+var defaultImport31 = __toESM(require("@splunk/react-icons/Circle"));
 __reExport(Circle_exports, require("@splunk/react-icons/Circle"));
-var Circle_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var Circle_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/react-icons/Line
 var Line_exports = {};
 __export(Line_exports, {
   default: () => Line_default
 });
-var defaultImport30 = __toESM(require("@splunk/react-icons/Line"));
+var defaultImport32 = __toESM(require("@splunk/react-icons/Line"));
 __reExport(Line_exports, require("@splunk/react-icons/Line"));
-var Line_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var Line_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // esm-externals:@splunk/react-icons/ShapesVariety
 var ShapesVariety_exports = {};
 __export(ShapesVariety_exports, {
   default: () => ShapesVariety_default
 });
-var defaultImport31 = __toESM(require("@splunk/react-icons/ShapesVariety"));
+var defaultImport33 = __toESM(require("@splunk/react-icons/ShapesVariety"));
 __reExport(ShapesVariety_exports, require("@splunk/react-icons/ShapesVariety"));
-var ShapesVariety_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var ShapesVariety_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // src/PopoverItemButton.tsx
 var StyledContentWrapper = styled_components_default.span`
@@ -595,9 +618,9 @@ var WindowChevronsSlash_exports = {};
 __export(WindowChevronsSlash_exports, {
   default: () => WindowChevronsSlash_default
 });
-var defaultImport32 = __toESM(require("@splunk/react-icons/WindowChevronsSlash"));
+var defaultImport34 = __toESM(require("@splunk/react-icons/WindowChevronsSlash"));
 __reExport(WindowChevronsSlash_exports, require("@splunk/react-icons/WindowChevronsSlash"));
-var WindowChevronsSlash_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var WindowChevronsSlash_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // src/buttons/Source.tsx
 var icon7 = prepareIcon({
@@ -610,18 +633,9 @@ var ListToken_exports = {};
 __export(ListToken_exports, {
   default: () => ListToken_default
 });
-var defaultImport33 = __toESM(require("@splunk/react-icons/ListToken"));
+var defaultImport35 = __toESM(require("@splunk/react-icons/ListToken"));
 __reExport(ListToken_exports, require("@splunk/react-icons/ListToken"));
-var ListToken_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
-
-// esm-externals:@splunk/react-ui/Tooltip
-var Tooltip_exports = {};
-__export(Tooltip_exports, {
-  default: () => Tooltip_default
-});
-var defaultImport34 = __toESM(require("@splunk/react-ui/Tooltip"));
-__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
-var Tooltip_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var ListToken_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // src/buttons/tokenManager/TokenManager.tsx
 var tokenManagerIcon = prepareIcon({
@@ -634,9 +648,9 @@ var ArrowBowLeft_exports = {};
 __export(ArrowBowLeft_exports, {
   default: () => ArrowBowLeft_default
 });
-var defaultImport35 = __toESM(require("@splunk/react-icons/ArrowBowLeft"));
+var defaultImport36 = __toESM(require("@splunk/react-icons/ArrowBowLeft"));
 __reExport(ArrowBowLeft_exports, require("@splunk/react-icons/ArrowBowLeft"));
-var ArrowBowLeft_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var ArrowBowLeft_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // src/buttons/Undo.tsx
 var icon8 = prepareIcon({
@@ -644,15 +658,6 @@ var icon8 = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Undo")
 });
 
-// esm-externals:@splunk/dashboard-telemetry
-var dashboard_telemetry_exports = {};
-__export(dashboard_telemetry_exports, {
-  default: () => dashboard_telemetry_default
-});
-var defaultImport36 = __toESM(require("@splunk/dashboard-telemetry"));
-__reExport(dashboard_telemetry_exports, require("@splunk/dashboard-telemetry"));
-var dashboard_telemetry_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
-
 // esm-externals:@splunk/ui-utils/format
 var format_exports = {};
 __export(format_exports, {
@@ -690,13 +695,13 @@ var Container = styled_components_default.div`
     gap: ${themes_exports.variables.spacingSmall};
 `;
 var StyledTooltip = styled_components_default(Tooltip_default)`
-    width: 110px;
+    width: 90px;
     & span {
         display: flex;
     }
 `;
 
 // src/groups/ControlGroup.tsx
-var ControlGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null)), "ControlGroup");
+var ControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null));
 var ControlGroup_default = ControlGroup;
 //# sourceMappingURL=ControlGroup.js.map