@splunk/dashboard-toolbar 29.0.0

package/ItemGroup.js

@@ -0,0 +1,127 @@
+/* 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. */
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ItemGroup.tsx
+var ItemGroup_exports = {};
+__export(ItemGroup_exports, {
+  default: () => ItemGroup_default
+});
+module.exports = __toCommonJS(ItemGroup_exports);
+
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport2 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/dashboard-utils
+var dashboard_utils_exports = {};
+__export(dashboard_utils_exports, {
+  default: () => dashboard_utils_default
+});
+var defaultImport3 = __toESM(require("@splunk/dashboard-utils"));
+__reExport(dashboard_utils_exports, require("@splunk/dashboard-utils"));
+var dashboard_utils_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport4 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// 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;
+
+// src/ItemGroup.tsx
+var Group = styled_components_default.div.attrs({
+  "data-test": "toolbar-item-group"
+})`
+    display: flex;
+    flex-direction: row;
+    gap: ${(props) => props.gap};
+`;
+var ItemGroup = (_a) => {
+  var _b = _a, {
+    children,
+    borders = true,
+    gap
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "borders",
+    "gap"
+  ]);
+  const items = react_default.Children.map(
+    children,
+    (child) => child && react_default.cloneElement(child, rest)
+  );
+  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);
+};
+var ItemGroup_default = ItemGroup;
+//# sourceMappingURL=ItemGroup.js.map

package/ItemGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/ItemGroup.tsx", "react", "styled-components", "@splunk/dashboard-utils", "@splunk/themes", "src/components/ItemSeparator.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonClickHandler } from '@splunk/react-ui/Button';\nimport { toPx } from '@splunk/dashboard-utils';\nimport type { ToolbarButtonProps } from './types/common';\nimport ItemSeparator from './components/ItemSeparator';\n\nconst Group = styled.div.attrs({\n    'data-test': 'toolbar-item-group',\n})<{ gap: string }>`\n    display: flex;\n    flex-direction: row;\n    gap: ${(props) => props.gap};\n`;\n\nexport type ItemGroupProps = {\n    borders?: boolean;\n    children?: React.ReactNode;\n    align?: 'left' | 'right';\n    sourceButtonOnClick?: ButtonClickHandler;\n    gap?: number | string;\n    [key: string]: unknown;\n} & ToolbarButtonProps;\n\nconst ItemGroup = ({\n    children,\n    borders = true,\n    gap,\n    ...rest\n}: ItemGroupProps) => {\n    const items = React.Children.map(\n        children,\n        (child) => child && React.cloneElement(child as JSX.Element, rest)\n    );\n    const separator = borders ? <ItemSeparator /> : null;\n    return (\n        <>\n            <Group gap={toPx(gap, 2)}>{items}</Group>\n            {separator}\n        </>\n    );\n};\n\nexport default ItemGroup;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/dashboard-utils\";\nexport * from \"@splunk/dashboard-utils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,oCAAc;AACd,IAAO,0BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACArE,IAAM,gBAAgB,0BAAO;AAAA;AAAA;AAAA,yBAGJ,yBAAU,sBAAsB;AAAA;AAAA,cAE3C,yBAAU,WAAW;AAAA;AAGnC,IAAO,wBAAQ;;;ALJf,IAAM,QAAQ,0BAAO,IAAI,MAAM;AAAA,EAC3B,aAAa;AACjB,CAAC;AAAA;AAAA;AAAA,WAGU,CAAC,UAAU,MAAM,GAAG;AAAA;AAY/B,IAAM,YAAY,CAAC,OAKG;AALH,eACf;AAAA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,EA3BJ,IAwBmB,IAIZ,iBAJY,IAIZ;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAQ,cAAM,SAAS;AAAA,IACzB;AAAA,IACA,CAAC,UAAU,SAAS,cAAM,aAAa,OAAsB,IAAI;AAAA,EACrE;AACA,QAAM,YAAY,UAAU,4CAAC,2BAAc,IAAK;AAChD,SACI,0EACI,4CAAC,SAAM,SAAK,8BAAK,KAAK,CAAC,KAAI,KAAM,GAChC,SACL;AAER;AAEA,IAAO,oBAAQ;",
+  "names": ["defaultImport", "defaultImport", "defaultImport"]
+}

package/LICENSE.md

@@ -0,0 +1,14 @@
+## **Splunk App End User License Agreement**
+
+**READ CAREFULLY:** SPLUNK LICENSES THIS PROGRAM, TOOL, PLUG-IN, ADD-ON, TECHNICAL ADD-ON, APPLICATION, SOLUTION, LIBRARY, CONTENT, DATA, EXAMPLE MODULE, FILES, COMMAND, SERVICE OR OTHER ITEM OR MATERIAL (THE " **APP**") TO YOU ONLY UPON THE CONDITION THAT YOU ACCEPT ALL OF THE TERMS CONTAINED IN THIS END USER LICENSE AGREEMENT (" **AGREEMENT**"). IF YOU DO NOT AGREE TO THESE TERMS, DO NOT DOWNLOAD, INSTALL, OR USE THE APP.
+
+1. **License.** Subject to the terms and conditions of this Agreement, Splunk grants to you a worldwide, non-exclusive, non-transferable, non-sublicensable license to download and use the App for your internal business purposes and only in connection with the specific Splunk software product or web-based or hosted service identified in materials distributed with the App, with which such App was designed to operate (" **Splunk** **Software**"). Therefore, you may use the App only if you are an authorized licensee or customer of the Splunk Software and for the term and within the scope of the license granted for the Splunk Software. This Agreement does not modify or alter the terms of the software license agreement or terms of service delivered with the Splunk Software. Splunk and its licensor(s) own all rights, title and interests to the App, including all intellectual property rights related thereto.
+
+2. **Additional Rights and Restrictions**. You may copy, modify and redistribute the App or any portions thereof, subject to your compliance with the terms and conditions of this Agreement and particularly the following restrictions: (a) you must distribute the App only as part of an extension, add-on, plug-in, example module, configuration files, function or application developed by you (" **Extension**") and solely for the purpose of running your Extension in connection with the Splunk Software; (b) any proprietary legends or notices contained in or on the App or any portions thereof cannot be removed or altered; (c) you must comply with any restrictions or requirements for the third-party software (including any open source libraries) included in the App or any portions thereof; (d) you must give appropriate credit to Splunk and indicate if any changes were made to the App in the Extension; (e) you do not make any statement that the Extension is certified or that its performance is guaranteed by Splunk; and (f) you agree to defend and indemnify Splunk and its licensors from and against any damages, costs, liabilities, settlement amounts and/or expenses (including attorneys' fees) incurred in connection with any claim, lawsuit or action by any third party that arises or results from the use or distribution of the Extension, unless such claim, lawsuit or action arose or resulted directly and solely from Splunk Software or the App itself as originally provided to you by Splunk.
+
+3. **Warranty.** THE APP IS FURNISHED ON AN " **AS IS**" BASIS, AND SPLUNK DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION, WARRANTIES OF NON-INFRINGEMENT OF THIRD-PARTY RIGHTS, OR OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE, AND ANY WARRANTIES ARISING BY STATUTE OR OTHERWISE IN LAW, OR FROM A COURSE OF DEALING OR USAGE OF TRADE. SPLUNK SPECIFICALLY DOES NOT WARRANT THAT THE APP WILL MEET YOUR REQUIREMENTS; WILL OPERATE IN ALL THE COMBINATIONS WHICH MAY BE SELECTED FOR USE BY YOU; THAT THE OPERATION OF THE APP WILL BE ERROR-FREE OR UNINTERRUPTED, ACCURATE, USEFUL, RELIABLE, OR COMPLETE; OR THAT ALL ERRORS OR DEFECTS IN THE APP WILL BE CORRECTED. NEITHER SPLUNK NOR ITS LICENSOR SHALL BE LIABLE FOR ANY DAMAGES WHATSOEVER ARISING FROM OR RELATING TO YOUR USE OR INABILITY TO USE THE APP. **YOU USE THE APP AT YOUR OWN RISK.**
+
+4. **Limitation of Liability.** UNDER NO CIRCUMSTANCES WILL SPLUNK OR ITS LICENSOR BE LIABLE TO YOU FOR ANY INDIRECT, INCIDENTAL, CONSEQUENTIAL, SPECIAL OR EXEMPLARY DAMAGES, FOR LOSS OF PROFITS, USE, REVENUE, OR DATA OR FOR BUSINESS INTERRUPTION (REGARDLESS OF THE LEGAL THEORY FOR SEEKING SUCH DAMAGES OR OTHER LIABILITY) ARISING OUT OF OR IN CONNECTION WITH USE OF THE APP, WHETHER OR NOT SPLUNK OR LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. IN ADDITION, THE LIABILITY OF SPLUNK OR ITS LICENSOR ARISING OUT OF OR RELATING TO THE APP WILL NOT EXCEED THE AMOUNT PAID OR PAYABLE BY YOU (IF ANY) FOR SUCH APP.
+
+5. **General.**
+   This Agreement will be governed by and construed in accordance with the laws of the State of California (and, to the extent controlling, the federal laws of the United States, without reference to the conflicts-of-laws rules thereof). The UN Convention on Contracts for the International Sale of Goods and the Uniform Computer Information Transaction Act shall not apply to this Agreement. This Agreement constitutes the entire agreement between Splunk and you with respect to the App and may not be modified except by a written instrument executed by you and an authorized representative of Splunk.

package/PopoverItemButton.js

@@ -0,0 +1,78 @@
+/* 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. */
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PopoverItemButton.tsx
+var PopoverItemButton_exports = {};
+__export(PopoverItemButton_exports, {
+  default: () => PopoverItemButton_default
+});
+module.exports = __toCommonJS(PopoverItemButton_exports);
+
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport2 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// 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;
+//# sourceMappingURL=PopoverItemButton.js.map

package/PopoverItemButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/PopoverItemButton.tsx", "react", "styled-components"],
+  "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", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\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,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;AFCrE,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": ["defaultImport"]
+}

package/README.md

@@ -0,0 +1,9 @@
+# @splunk/dashboard-toolbar
+
+### Splunk Dashboard Framework - Dashboard toolbar components
+
+The dashboard toolbar is an array of menus that users can add to the Dashboard component for controls in an editing or viewing experience. This package provides two different toolbar implementations, a collection of commonly used toolbar buttons, and common groupings of buttons.
+
+## Documentation
+
+Please reference the [Splunk Dashboard Framework documentation](https://splunkui.splunkdev.page/Packages/dashboard-docs/?path=/Toolbar) for more details on how to use this component in concert with the rest of the dashboard framework library.

package/Toolbar.js

@@ -0,0 +1,192 @@
+/* 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. */
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Toolbar.tsx
+var Toolbar_exports = {};
+__export(Toolbar_exports, {
+  default: () => Toolbar_default
+});
+module.exports = __toCommonJS(Toolbar_exports);
+
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport2 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport3 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/themes/mixins
+var mixins_exports = {};
+__export(mixins_exports, {
+  default: () => mixins_default
+});
+var defaultImport4 = __toESM(require("@splunk/themes/mixins"));
+__reExport(mixins_exports, require("@splunk/themes/mixins"));
+var mixins_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/dashboard-state
+var dashboard_state_exports = {};
+__export(dashboard_state_exports, {
+  default: () => dashboard_state_default
+});
+var defaultImport5 = __toESM(require("@splunk/dashboard-state"));
+__reExport(dashboard_state_exports, require("@splunk/dashboard-state"));
+var dashboard_state_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// src/Toolbar.tsx
+var ToolbarWrapper = styled_components_default.div`
+    ${(0, mixins_exports.reset)("flex")};
+    justify-content: space-between;
+    color: ${themes_exports.variables.contentColorDefault};
+    padding: 5px 5px 5px 8px;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: ${themes_exports.variables.borderColor};
+    flex-wrap: wrap;
+    flex-shrink: 0;
+    background-color: ${themes_exports.variables.backgroundColorNavigation};
+`;
+var LeftAlignItems = styled_components_default.div`
+    flex-grow: 1;
+    display: flex;
+    flex-direction: row;
+    gap: ${themes_exports.variables.spacingSmall};
+`;
+var RightAlignItems = styled_components_default.div`
+    flex-basis: auto;
+    display: flex;
+    flex-direction: row;
+    gap: ${themes_exports.variables.spacingSmall};
+    margin-inline-end: ${themes_exports.variables.spacingSmall};
+`;
+var Toolbar = ({
+  activePanel,
+  dashboardApi,
+  mode,
+  preset,
+  toolbarItems
+}) => {
+  const layoutType = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectLayoutType);
+  const toolbarRef = (0, react_exports.useRef)(null);
+  const injectDashboardProps = (0, react_exports.useCallback)(
+    (items) => {
+      const buttonProps = {
+        activePanel,
+        dashboardApi,
+        layoutType,
+        mode,
+        preset
+      };
+      return items.map((item) => react_default.cloneElement(item, buttonProps));
+    },
+    [activePanel, dashboardApi, layoutType, mode, preset]
+  );
+  const leftAlignItems = (0, react_exports.useMemo)(() => {
+    const items = toolbarItems.filter(
+      (item) => {
+        var _a;
+        return ((_a = item.props) == null ? void 0 : _a.align) !== "right";
+      }
+    );
+    return injectDashboardProps(items);
+  }, [toolbarItems, injectDashboardProps]);
+  const rightAlignItems = (0, react_exports.useMemo)(() => {
+    const items = toolbarItems.filter(
+      (item) => {
+        var _a;
+        return ((_a = item.props) == null ? void 0 : _a.align) === "right";
+      }
+    );
+    return injectDashboardProps(items);
+  }, [toolbarItems, injectDashboardProps]);
+  const observerRef = (0, react_exports.useRef)(null);
+  const isFirstRender = (0, react_exports.useRef)(true);
+  (0, react_exports.useEffect)(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return void 0;
+    }
+    observerRef.current = new MutationObserver(() => {
+      var _a, _b;
+      const firstFocusableButton = (_a = toolbarRef.current) == null ? void 0 : _a.querySelector(
+        'button:not([disabled]):not([aria-disabled="true"]):not([tabindex="-1"])'
+      );
+      firstFocusableButton == null ? void 0 : firstFocusableButton.focus();
+      (_b = observerRef.current) == null ? void 0 : _b.disconnect();
+    });
+    if (toolbarRef.current) {
+      observerRef.current.observe(toolbarRef.current, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      var _a;
+      (_a = observerRef.current) == null ? void 0 : _a.disconnect();
+    };
+  }, [mode]);
+  if (!toolbarItems.length) {
+    return null;
+  }
+  return /* @__PURE__ */ react_default.createElement(ToolbarWrapper, { "data-test": "dashboard-toolbar", ref: toolbarRef }, /* @__PURE__ */ react_default.createElement(LeftAlignItems, { key: "left-align-items", "data-test": "left-align-items" }, leftAlignItems), /* @__PURE__ */ react_default.createElement(
+    RightAlignItems,
+    {
+      key: "right-align-items",
+      "data-test": "right-align-items"
+    },
+    rightAlignItems
+  ));
+};
+Toolbar.displayName = "Toolbar";
+var Toolbar_default = Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/Toolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/Toolbar.tsx", "react", "styled-components", "@splunk/themes", "@splunk/themes/mixins", "@splunk/dashboard-state"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport styled from 'styled-components';\nimport { variables } from '@splunk/themes';\nimport { reset } from '@splunk/themes/mixins';\nimport { selectLayoutType, useSelector } from '@splunk/dashboard-state';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst ToolbarWrapper = styled.div`\n    ${reset('flex')};\n    justify-content: space-between;\n    color: ${variables.contentColorDefault};\n    padding: 5px 5px 5px 8px;\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: ${variables.borderColor};\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    background-color: ${variables.backgroundColorNavigation};\n`;\n\nconst LeftAlignItems = styled.div`\n    flex-grow: 1;\n    display: flex;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n`;\n\nconst RightAlignItems = styled.div`\n    flex-basis: auto;\n    display: flex;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n    margin-inline-end: ${variables.spacingSmall};\n`;\n\nexport type ToolbarProps = ToolbarButtonProps & {\n    toolbarItems: React.ReactElement[];\n};\n\n/**\n * Dashboard Toolbar\n */\nconst Toolbar = ({\n    activePanel,\n    dashboardApi,\n    mode,\n    preset,\n    toolbarItems,\n}: ToolbarProps) => {\n    const layoutType = useSelector(selectLayoutType);\n    const toolbarRef = useRef<HTMLDivElement | null>(null);\n\n    /**\n     * merge dashboard props with current item props\n     * so that item have access to dashboard api and other stuff\n     */\n    const injectDashboardProps = useCallback(\n        (items: React.ReactElement[]): React.ReactElement[] => {\n            const buttonProps: ToolbarButtonProps = {\n                activePanel,\n                dashboardApi,\n                layoutType,\n                mode,\n                preset,\n            };\n\n            return items.map((item) => React.cloneElement(item, buttonProps));\n        },\n        [activePanel, dashboardApi, layoutType, mode, preset]\n    );\n\n    const leftAlignItems = useMemo(() => {\n        const items = toolbarItems.filter(\n            (item) => item.props?.align !== 'right'\n        );\n        return injectDashboardProps(items);\n    }, [toolbarItems, injectDashboardProps]);\n\n    const rightAlignItems = useMemo(() => {\n        const items = toolbarItems.filter(\n            (item) => item.props?.align === 'right'\n        );\n        return injectDashboardProps(items);\n    }, [toolbarItems, injectDashboardProps]);\n\n    const observerRef = useRef<MutationObserver | null>(null);\n    const isFirstRender = useRef(true);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            return undefined;\n        }\n\n        observerRef.current = new MutationObserver(() => {\n            const firstFocusableButton = toolbarRef.current?.querySelector(\n                'button:not([disabled]):not([aria-disabled=\"true\"]):not([tabindex=\"-1\"])'\n            ) as HTMLButtonElement;\n\n            firstFocusableButton?.focus();\n            observerRef.current?.disconnect();\n        });\n\n        if (toolbarRef.current) {\n            observerRef.current.observe(toolbarRef.current, {\n                childList: true,\n                subtree: true,\n            });\n        }\n\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, [mode]);\n\n    if (!toolbarItems.length) {\n        return null;\n    }\n\n    return (\n        <ToolbarWrapper data-test=\"dashboard-toolbar\" ref={toolbarRef}>\n            <LeftAlignItems key=\"left-align-items\" data-test=\"left-align-items\">\n                {leftAlignItems}\n            </LeftAlignItems>\n            <RightAlignItems\n                key=\"right-align-items\"\n                data-test=\"right-align-items\"\n            >\n                {rightAlignItems}\n            </RightAlignItems>\n        </ToolbarWrapper>\n    );\n};\n\nToolbar.displayName = 'Toolbar';\nexport default Toolbar;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/mixins\";\nexport * from \"@splunk/themes/mixins\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/dashboard-state\";\nexport * from \"@splunk/dashboard-state\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
+}