@mongodb-js/compass-components 1.43.0 → 1.44.0

package/lib/components/drawer/drawer/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisplayMode = exports.drawerClassName = exports.MOBILE_BREAKPOINT = exports.Drawer = void 0;
+var drawer_1 = require("./drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
+var drawer_constants_1 = require("./drawer.constants");
+Object.defineProperty(exports, "MOBILE_BREAKPOINT", { enumerable: true, get: function () { return drawer_constants_1.MOBILE_BREAKPOINT; } });
+var drawer_styles_1 = require("./drawer.styles");
+Object.defineProperty(exports, "drawerClassName", { enumerable: true, get: function () { return drawer_styles_1.drawerClassName; } });
+var drawer_types_1 = require("./drawer.types");
+Object.defineProperty(exports, "DisplayMode", { enumerable: true, get: function () { return drawer_types_1.DisplayMode; } });
+//# sourceMappingURL=index.js.map

package/lib/components/drawer/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uDAAuD;AAA9C,qHAAA,iBAAiB,OAAA;AAC1B,iDAAkD;AAAzC,gHAAA,eAAe,OAAA;AACxB,+CAA+D;AAAtD,2GAAA,WAAW,OAAA"}

package/lib/components/drawer/drawer-layout/drawer-layout.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+/**
+ * `DrawerLayout` is a component that provides a flexible layout for displaying content in a drawer.
+ * It can be used in both `overlay` and `embedded` modes, with or without a `Toolbar`.
+ */
+export declare const DrawerLayout: React.ForwardRefExoticComponent<(Omit<{
+    toolbarData: import("./drawer-layout.types").DrawerLayoutPropsWithToolbar["toolbarData"];
+} & Omit<import("../drawer-toolbar-layout").DrawerToolbarLayoutProps, "displayMode"> & {
+    isDrawerOpen?: never;
+} & import("./drawer-layout.types").BaseDrawerLayoutProps, "ref"> | Omit<{
+    toolbarData?: never;
+} & Omit<import("../layout-component").LayoutComponentProps, "displayMode" | "isDrawerOpen"> & {
+    toolbarData?: never;
+    onClose?: never;
+    isDrawerOpen?: boolean;
+} & import("./drawer-layout.types").BaseDrawerLayoutProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=drawer-layout.d.ts.map

package/lib/components/drawer/drawer-layout/drawer-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;yGA0CxB,CAAC"}

package/lib/components/drawer/drawer-layout/drawer-layout.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerLayout = void 0;
+const react_1 = __importStar(require("react"));
+const lib_1 = require("@leafygreen-ui/lib");
+const drawer_types_1 = require("../drawer/drawer.types");
+const drawer_toolbar_layout_1 = require("../drawer-toolbar-layout");
+const layout_component_1 = require("../layout-component");
+/**
+ * `DrawerLayout` is a component that provides a flexible layout for displaying content in a drawer.
+ * It can be used in both `overlay` and `embedded` modes, with or without a `Toolbar`.
+ */
+exports.DrawerLayout = (0, react_1.forwardRef)(({ toolbarData, children, displayMode = drawer_types_1.DisplayMode.Overlay, isDrawerOpen = false, ...rest }, forwardedRef) => {
+    // If there is data, we render the DrawerToolbarLayout.
+    if (toolbarData) {
+        return (react_1.default.createElement(drawer_toolbar_layout_1.DrawerToolbarLayout, { ref: forwardedRef, toolbarData: toolbarData, displayMode: displayMode, ...rest }, children));
+    }
+    lib_1.consoleOnce.warn('Using a Drawer without a toolbar is not recommended. To include a toolbar, pass a toolbarData prop containing the desired toolbar items.');
+    // If there is no data, we render the LayoutComponent.
+    // The LayoutComponent will read the displayMode and render the appropriate layout.
+    return (react_1.default.createElement(layout_component_1.LayoutComponent, { ref: forwardedRef, displayMode: displayMode, isDrawerOpen: isDrawerOpen, ...rest }, children));
+});
+exports.DrawerLayout.displayName = 'DrawerLayout';
+//# sourceMappingURL=drawer-layout.js.map

package/lib/components/drawer/drawer-layout/drawer-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-layout.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,4CAAiD;AAEjD,yDAAqD;AACrD,oEAA+D;AAC/D,0DAAsD;AAItD;;;GAGG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EACE,WAAW,EACX,QAAQ,EACR,WAAW,GAAG,0BAAW,CAAC,OAAO,EACjC,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACW,EACpB,YAAY,EACZ,EAAE;IACF,uDAAuD;IACvD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,8BAAC,2CAAmB,IAClB,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,KACpB,IAAI,IAEP,QAAQ,CACW,CACvB,CAAC;IACJ,CAAC;IAED,iBAAW,CAAC,IAAI,CACd,0IAA0I,CAC3I,CAAC;IAEF,sDAAsD;IACtD,mFAAmF;IACnF,OAAO,CACL,8BAAC,kCAAe,IACd,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,KACtB,IAAI,IAEP,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/lib/components/drawer/drawer-layout/drawer-layout.types.d.ts

@@ -0,0 +1,34 @@
+import type { DarkModeProps, HTMLElementProps } from '@leafygreen-ui/lib';
+import type { DrawerProps } from '../drawer/drawer.types';
+import type { DrawerToolbarLayoutProps } from '../drawer-toolbar-layout';
+import type { LayoutComponentProps } from '../layout-component';
+export type PickedDrawerProps = Pick<DrawerProps, 'displayMode'>;
+export interface BaseDrawerLayoutProps extends PickedDrawerProps, HTMLElementProps<'div'>, DarkModeProps {
+    children: React.ReactNode;
+}
+export type DrawerLayoutPropsWithoutToolbar = Omit<LayoutComponentProps, 'displayMode' | 'isDrawerOpen'> & {
+    /**
+     * An array of data that will be used to render the toolbar items and the drawer content.
+     */
+    toolbarData?: never;
+    /**
+     * Event handler called on close button click. If provided, a close button will be rendered in the Drawer header.
+     */
+    onClose?: never;
+    /**
+     * Determines if the Drawer is open. This is only needed if using the Drawer without a toolbar. This will shift the layout to the right by the width of the drawer if `displayMode` is set to 'embedded'.
+     */
+    isDrawerOpen?: boolean;
+} & BaseDrawerLayoutProps;
+export type DrawerLayoutPropsWithToolbar = Omit<DrawerToolbarLayoutProps, 'displayMode'> & {
+    /**
+     * Determines if the Drawer is open. This is only needed if using the Drawer without a toolbar. This will shift the layout to the right by the width of the drawer if `displayMode` is set to 'embedded'.
+     */
+    isDrawerOpen?: never;
+} & BaseDrawerLayoutProps;
+export type DrawerLayoutProps = ({
+    toolbarData: DrawerLayoutPropsWithToolbar['toolbarData'];
+} & DrawerLayoutPropsWithToolbar) | ({
+    toolbarData?: never;
+} & DrawerLayoutPropsWithoutToolbar);
+//# sourceMappingURL=drawer-layout.types.d.ts.map

package/lib/components/drawer/drawer-layout/drawer-layout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAEjE,MAAM,WAAW,qBACf,SAAQ,iBAAiB,EACvB,gBAAgB,CAAC,KAAK,CAAC,EACvB,aAAa;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,oBAAoB,EACpB,aAAa,GAAG,cAAc,CAC/B,GAAG;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,qBAAqB,CAAC;AAE1B,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,wBAAwB,EACxB,aAAa,CACd,GAAG;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GAAG,qBAAqB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GACzB,CAAC;IACC,WAAW,EAAE,4BAA4B,CAAC,aAAa,CAAC,CAAC;CAC1D,GAAG,4BAA4B,CAAC,GACjC,CAAC;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,+BAA+B,CAAC,CAAC"}

package/lib/components/drawer/drawer-layout/drawer-layout.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=drawer-layout.types.js.map

package/lib/components/drawer/drawer-layout/drawer-layout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-layout.types.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.types.ts"],"names":[],"mappings":""}

package/lib/components/drawer/drawer-layout/index.d.ts

@@ -0,0 +1,3 @@
+export { DrawerLayout } from './drawer-layout';
+export type { DrawerLayoutProps } from './drawer-layout.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/drawer/drawer-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/components/drawer/drawer-layout/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerLayout = void 0;
+var drawer_layout_1 = require("./drawer-layout");
+Object.defineProperty(exports, "DrawerLayout", { enumerable: true, get: function () { return drawer_layout_1.DrawerLayout; } });
+//# sourceMappingURL=index.js.map

package/lib/components/drawer/drawer-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DrawerStackContextType } from './drawer-stack-context.types';
+export declare const DrawerStackContext: React.Context<DrawerStackContextType>;
+export declare const DrawerStackProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useDrawerStackContext: () => DrawerStackContextType;
+//# sourceMappingURL=drawer-stack-context.d.ts.map

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-stack-context.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/drawer-stack-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,eAAO,MAAM,kBAAkB,uCAI7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,eAEjC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAwCA,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAIjC,CAAC"}

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerStackContext = exports.DrawerStackProvider = exports.DrawerStackContext = void 0;
+const react_1 = __importStar(require("react"));
+exports.DrawerStackContext = (0, react_1.createContext)({
+    getDrawerIndex: () => 0,
+    registerDrawer: () => { },
+    unregisterDrawer: () => { },
+});
+const DrawerStackProvider = ({ children, }) => {
+    const [stack, setStack] = (0, react_1.useState)([]);
+    const getDrawerIndex = (0, react_1.useCallback)((id) => {
+        return stack.indexOf(id);
+    }, [stack]);
+    const registerDrawer = (0, react_1.useCallback)((id) => {
+        setStack((prev) => {
+            if (prev.includes(id))
+                return prev;
+            return [...prev, id];
+        });
+    }, [setStack]);
+    const unregisterDrawer = (0, react_1.useCallback)((id) => {
+        setStack((prev) => {
+            if (!prev.includes(id))
+                return prev;
+            return prev.filter((item) => item !== id);
+        });
+    }, [setStack]);
+    const value = (0, react_1.useMemo)(() => ({ getDrawerIndex, registerDrawer, unregisterDrawer }), [getDrawerIndex, registerDrawer, unregisterDrawer]);
+    return (react_1.default.createElement(exports.DrawerStackContext.Provider, { value: value }, children));
+};
+exports.DrawerStackProvider = DrawerStackProvider;
+const useDrawerStackContext = () => {
+    const context = (0, react_1.useContext)(exports.DrawerStackContext);
+    return context;
+};
+exports.useDrawerStackContext = useDrawerStackContext;
+//# sourceMappingURL=drawer-stack-context.js.map

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-stack-context.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/drawer-stack-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AAIF,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAAyB;IACtE,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC;IACvB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC3B,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IAEtD,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,EAAU,EAAE,EAAE;QACb,OAAO,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,EAAU,EAAE,EAAE;QACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,IAAI,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAAE,OAAO,IAAI,CAAC;YACnC,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,EAAU,EAAE,EAAE;QACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAAE,OAAO,IAAI,CAAC;YACpC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC,EAC5D,CAAC,cAAc,EAAE,cAAc,EAAE,gBAAgB,CAAC,CACnD,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACtC,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,mBAAmB,uBA4C9B;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAE/C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAJW,QAAA,qBAAqB,yBAIhC"}

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.d.ts

@@ -0,0 +1,21 @@
+export interface DrawerStackContextType {
+    /**
+     * Returns the index of a drawer instance in the drawer stack
+     * @param id - The id of the drawer instance to get the index of
+     * @returns The index of the drawer instance in the stack
+     */
+    getDrawerIndex: (id: string) => number;
+    /**
+     * Registers a drawer instance in the drawer stack
+     * @param id - The id of the drawer instance to register
+     * @returns void
+     */
+    registerDrawer: (id: string) => void;
+    /**
+     * Unregisters a drawer instance from the drawer stack
+     * @param id - The id of the drawer instance to unregister
+     * @returns void
+     */
+    unregisterDrawer: (id: string) => void;
+}
+//# sourceMappingURL=drawer-stack-context.types.d.ts.map

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-stack-context.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/drawer-stack-context.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC;;;;OAIG;IACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;;OAIG;IACH,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=drawer-stack-context.types.js.map

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-stack-context.types.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/drawer-stack-context.types.ts"],"names":[],"mappings":""}

package/lib/components/drawer/drawer-stack-context/index.d.ts

@@ -0,0 +1,3 @@
+export { DrawerStackContext, DrawerStackProvider, useDrawerStackContext, } from './drawer-stack-context';
+export { type DrawerStackContextType } from './drawer-stack-context.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/drawer/drawer-stack-context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/components/drawer/drawer-stack-context/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerStackContext = exports.DrawerStackProvider = exports.DrawerStackContext = void 0;
+var drawer_stack_context_1 = require("./drawer-stack-context");
+Object.defineProperty(exports, "DrawerStackContext", { enumerable: true, get: function () { return drawer_stack_context_1.DrawerStackContext; } });
+Object.defineProperty(exports, "DrawerStackProvider", { enumerable: true, get: function () { return drawer_stack_context_1.DrawerStackProvider; } });
+Object.defineProperty(exports, "useDrawerStackContext", { enumerable: true, get: function () { return drawer_stack_context_1.useDrawerStackContext; } });
+//# sourceMappingURL=index.js.map

package/lib/components/drawer/drawer-stack-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/index.ts"],"names":[],"mappings":";;;AAAA,+DAIgC;AAH9B,0HAAA,kBAAkB,OAAA;AAClB,2HAAA,mBAAmB,OAAA;AACnB,6HAAA,qBAAqB,OAAA"}

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { DrawerToolbarContextType, DrawerToolbarProviderProps } from './drawer-toolbar-context.types';
+export declare const DrawerToolbarContext: React.Context<DrawerToolbarContextType | null>;
+export declare const DrawerToolbarProvider: ({ children, data, }: DrawerToolbarProviderProps) => React.JSX.Element;
+export declare const useDrawerToolbarContext: () => DrawerToolbarContextType;
+//# sourceMappingURL=drawer-toolbar-context.d.ts.map

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toolbar-context.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-context/drawer-toolbar-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAGV,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,gCAAgC,CAAC;AAExC,eAAO,MAAM,oBAAoB,gDACqB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,GAAI,qBAGnC,0BAA0B,sBAqD5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gCAUnC,CAAC"}

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.js

@@ -0,0 +1,85 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerToolbarContext = exports.DrawerToolbarProvider = exports.DrawerToolbarContext = void 0;
+const react_1 = __importStar(require("react"));
+const drawer_styles_1 = require("../drawer/drawer.styles");
+exports.DrawerToolbarContext = (0, react_1.createContext)(null);
+const DrawerToolbarProvider = ({ children, data, }) => {
+    const [content, setContent] = (0, react_1.useState)(undefined);
+    const [isDrawerOpen, setIsDrawerOpen] = (0, react_1.useState)(false);
+    const openDrawer = (0, react_1.useCallback)((id) => {
+        const activeDrawerContent = data.find((item) => item?.id === id && item?.content);
+        if (activeDrawerContent) {
+            setIsDrawerOpen(true);
+            setContent((prev) => {
+                if (prev?.id === id)
+                    return prev;
+                return activeDrawerContent;
+            });
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error(`No matching item found in the toolbar for the provided id: ${id}. Please verify that the id is correct.`);
+        }
+    }, [setContent, data, setIsDrawerOpen]);
+    const closeDrawer = (0, react_1.useCallback)(() => {
+        // Delay the removal of the content to allow the drawer to close before removing the content
+        setTimeout(() => {
+            setContent(undefined);
+        }, drawer_styles_1.drawerTransitionDuration);
+        setIsDrawerOpen(false);
+    }, [setContent]);
+    const getActiveDrawerContent = (0, react_1.useCallback)(() => {
+        return content;
+    }, [content]);
+    const value = (0, react_1.useMemo)(() => ({
+        openDrawer,
+        closeDrawer,
+        getActiveDrawerContent,
+        isDrawerOpen,
+    }), [openDrawer, closeDrawer, getActiveDrawerContent, isDrawerOpen]);
+    return (react_1.default.createElement(exports.DrawerToolbarContext.Provider, { value: value }, children));
+};
+exports.DrawerToolbarProvider = DrawerToolbarProvider;
+const useDrawerToolbarContext = () => {
+    const context = (0, react_1.useContext)(exports.DrawerToolbarContext);
+    if (!context) {
+        throw new Error('useDrawerToolbarContext must be used within a DrawerToolbarProvider');
+    }
+    return context;
+};
+exports.useDrawerToolbarContext = useDrawerToolbarContext;
+//# sourceMappingURL=drawer-toolbar-context.js.map

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toolbar-context.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-context/drawer-toolbar-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AAEf,2DAAmE;AAStD,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAkC,IAAI,CAAC,CAAC;AAEhD,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,IAAI,GACuB,EAAE,EAAE;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,SAAS,CAAC,CAAC;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,EAAU,EAAE,EAAE;QACb,MAAM,mBAAmB,GAAG,IAAI,CAAC,IAAI,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,OAAO,CAC3C,CAAC;QAEF,IAAI,mBAAmB,EAAE,CAAC;YACxB,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,IAAI,IAAI,EAAE,EAAE,KAAK,EAAE;oBAAE,OAAO,IAAI,CAAC;gBACjC,OAAO,mBAAmB,CAAC;YAC7B,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CACX,8DAA8D,EAAE,yCAAyC,CAC1G,CAAC;QACJ,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,IAAI,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,4FAA4F;QAC5F,UAAU,CAAC,GAAG,EAAE;YACd,UAAU,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,EAAE,wCAAwB,CAAC,CAAC;QAC7B,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,sBAAsB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9C,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU;QACV,WAAW;QACX,sBAAsB;QACtB,YAAY;KACb,CAAC,EACF,CAAC,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,YAAY,CAAC,CAChE,CAAC;IAEF,OAAO,CACL,8BAAC,4BAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACxC,QAAQ,CACqB,CACjC,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,qBAAqB,yBAwDhC;AAEK,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,qEAAqE,CACtE,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC"}

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.d.ts

@@ -0,0 +1,37 @@
+import type { LayoutData } from '../drawer-toolbar-layout';
+export type ContextData = LayoutData | undefined;
+export type DataId = LayoutData['id'];
+export interface DrawerToolbarContextType {
+    /**
+     * This function is used to open the drawer with the given data.
+     * @param id - The id of the drawer to open
+     * @returns void
+     */
+    openDrawer: (id: DataId) => void;
+    /**
+     * This function is used to clear the active drawer data and indicates that the drawer should close.
+     * @returns void
+     */
+    closeDrawer: () => void;
+    /**
+     * Indicates whether the drawer should be closed. Used to manage transition states.
+     * For example, during close animations, content should remain until the transition completes.
+     */
+    isDrawerOpen: boolean;
+    /**
+     * This function is used to get the active drawer content.
+     * @returns The active drawer data
+     */
+    getActiveDrawerContent: () => ContextData;
+}
+export interface DrawerToolbarProviderProps {
+    /**
+     * The children of the provider
+     */
+    children: React.ReactNode;
+    /**
+     * The data to be used in the drawer
+     */
+    data: Array<ContextData>;
+}
+//# sourceMappingURL=drawer-toolbar-context.types.d.ts.map

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toolbar-context.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AAEtC,MAAM,WAAW,wBAAwB;IACvC;;;;OAIG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,sBAAsB,EAAE,MAAM,WAAW,CAAC;CAC3C;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;CAC1B"}

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=drawer-toolbar-context.types.js.map

package/lib/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toolbar-context.types.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-context/drawer-toolbar-context.types.ts"],"names":[],"mappings":""}

package/lib/components/drawer/drawer-toolbar-context/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerToolbarProvider, useDrawerToolbarContext, } from './drawer-toolbar-context';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/drawer/drawer-toolbar-context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC"}

package/lib/components/drawer/drawer-toolbar-context/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerToolbarContext = exports.DrawerToolbarProvider = void 0;
+var drawer_toolbar_context_1 = require("./drawer-toolbar-context");
+Object.defineProperty(exports, "DrawerToolbarProvider", { enumerable: true, get: function () { return drawer_toolbar_context_1.DrawerToolbarProvider; } });
+Object.defineProperty(exports, "useDrawerToolbarContext", { enumerable: true, get: function () { return drawer_toolbar_context_1.useDrawerToolbarContext; } });
+//# sourceMappingURL=index.js.map

package/lib/components/drawer/drawer-toolbar-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-context/index.ts"],"names":[],"mappings":";;;AAAA,mEAGkC;AAFhC,+HAAA,qBAAqB,OAAA;AACrB,iIAAA,uBAAuB,OAAA"}

package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DisplayMode } from '../drawer/drawer.types';
+import type { LayoutData } from './drawer-toolbar-layout.types';
+/**
+ * @internal
+ *
+ * DrawerToolbarLayoutContainer is a component that provides a layout for displaying content in a drawer with a toolbar.
+ * It manages the state of the drawer and toolbar, and renders the appropriate components based on the display mode.
+ */
+export declare const DrawerToolbarLayoutContainer: React.ForwardRefExoticComponent<{
+    onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    displayMode?: DisplayMode | undefined;
+} & import("@leafygreen-ui/lib").DarkModeProps & import("@leafygreen-ui/lib").LgIdProps & {
+    toolbarData: Array<LayoutData>;
+    className?: string;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=drawer-toolbar-layout-container.d.ts.map

package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toolbar-layout-container.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAOrD,OAAO,KAAK,EAEV,UAAU,EACX,MAAM,+BAA+B,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B;;;;;;;wCA0FxC,CAAC"}

package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerToolbarLayoutContainer = void 0;
+const react_1 = __importStar(require("react"));
+const toolbar_1 = require("../../toolbar");
+const drawer_1 = require("../drawer/drawer");
+const drawer_types_1 = require("../drawer/drawer.types");
+const drawer_toolbar_context_1 = require("../drawer-toolbar-context");
+const drawer_with_toolbar_wrapper_1 = require("../drawer-with-toolbar-wrapper");
+const layout_component_1 = require("../layout-component");
+const utils_1 = require("../utils");
+const drawer_toolbar_layout_styles_1 = require("./drawer-toolbar-layout.styles");
+/**
+ * @internal
+ *
+ * DrawerToolbarLayoutContainer is a component that provides a layout for displaying content in a drawer with a toolbar.
+ * It manages the state of the drawer and toolbar, and renders the appropriate components based on the display mode.
+ */
+exports.DrawerToolbarLayoutContainer = (0, react_1.forwardRef)(({ children, displayMode = drawer_types_1.DisplayMode.Overlay, toolbarData, onClose, 
+// darkMode: darkModeProp,
+'data-lgid': dataLgId = utils_1.DEFAULT_LGID_ROOT, ...rest }, forwardRef) => {
+    const { openDrawer, closeDrawer, getActiveDrawerContent, isDrawerOpen } = (0, drawer_toolbar_context_1.useDrawerToolbarContext)();
+    const { id, title, content } = getActiveDrawerContent() || {};
+    const lgIds = (0, utils_1.getLgIds)(dataLgId);
+    const hasData = toolbarData && toolbarData.length > 0;
+    const handleOnClose = (event) => {
+        onClose?.(event);
+        closeDrawer();
+    };
+    const handleIconClick = (event, id, onClick) => {
+        onClick?.(event);
+        openDrawer(id);
+    };
+    return (react_1.default.createElement(layout_component_1.LayoutComponent, { ...rest, ref: forwardRef, displayMode: displayMode, hasToolbar: hasData, isDrawerOpen: isDrawerOpen },
+        react_1.default.createElement("div", { className: drawer_toolbar_layout_styles_1.contentStyles }, children),
+        react_1.default.createElement(drawer_with_toolbar_wrapper_1.DrawerWithToolbarWrapper, { displayMode: displayMode, isDrawerOpen: isDrawerOpen },
+            react_1.default.createElement(toolbar_1.Toolbar, { "data-lgid": lgIds.toolbar, "data-testid": lgIds.toolbar }, toolbarData?.map((toolbarItem) => (react_1.default.createElement(toolbar_1.ToolbarIconButton, { key: toolbarItem.glyph, glyph: toolbarItem.glyph, label: toolbarItem.label, onClick: (event) => {
+                    if (!toolbarItem.content) {
+                        // If the toolbar item does not have content, we don't want to open/update/close the drawer
+                        // but we still want to call the onClick function if it exists. E.g. open a modal or perform an action
+                        toolbarItem.onClick?.(event);
+                        return;
+                    }
+                    return handleIconClick(event, toolbarItem.id, toolbarItem.onClick);
+                }, active: toolbarItem.id === id, disabled: toolbarItem.disabled })))),
+            react_1.default.createElement(drawer_1.Drawer, { displayMode: displayMode, open: isDrawerOpen, onClose: handleOnClose, title: title, "data-lgid": `${dataLgId}`, "data-testid": `${dataLgId}`, "aria-live": "polite", "aria-atomic": "true" }, content))));
+});
+exports.DrawerToolbarLayoutContainer.displayName = 'DrawerToolbarLayoutContainer';
+//# sourceMappingURL=drawer-toolbar-layout-container.js.map

package/lib/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-toolbar-layout-container.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-toolbar-layout/drawer-toolbar-layout-container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,2CAA2D;AAE3D,6CAA0C;AAC1C,yDAAqD;AACrD,sEAAoE;AACpE,gFAA0E;AAC1E,0DAAsD;AACtD,oCAAuD;AAEvD,iFAA+D;AAM/D;;;;;GAKG;AACU,QAAA,4BAA4B,GAAG,IAAA,kBAAU,EAIpD,CACE,EACE,QAAQ,EACR,WAAW,GAAG,0BAAW,CAAC,OAAO,EACjC,WAAW,EACX,OAAO;AACP,0BAA0B;AAC1B,WAAW,EAAE,QAAQ,GAAG,yBAAiB,EACzC,GAAG,IAAI,EAC2B,EACpC,UAAU,EACV,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,YAAY,EAAE,GACrE,IAAA,gDAAuB,GAAE,CAAC;IAC5B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE,IAAI,EAAE,CAAC;IAC9D,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAA0C,EAC1C,EAAoB,EACpB,OAA8D,EAC9D,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,kCAAe,OACV,IAAI,EACR,GAAG,EAAE,UAAU,EACf,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,OAAO,EACnB,YAAY,EAAE,YAAY;QAE1B,uCAAK,SAAS,EAAE,4CAAa,IAAG,QAAQ,CAAO;QAC/C,8BAAC,sDAAwB,IACvB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY;YAE1B,8BAAC,iBAAO,iBAAY,KAAK,CAAC,OAAO,iBAAe,KAAK,CAAC,OAAO,IAC1D,WAAW,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,8BAAC,2BAAiB,IAChB,GAAG,EAAE,WAAW,CAAC,KAAK,EACtB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,OAAO,EAAE,CAAC,KAA0C,EAAE,EAAE;oBACtD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;wBACzB,2FAA2F;wBAC3F,sGAAsG;wBACtG,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;wBAC7B,OAAO;oBACT,CAAC;oBAED,OAAO,eAAe,CACpB,KAAK,EACL,WAAW,CAAC,EAAE,EACd,WAAW,CAAC,OAAO,CACpB,CAAC;gBACJ,CAAC,EACD,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,EAC7B,QAAQ,EAAE,WAAW,CAAC,QAAQ,GAC9B,CACH,CAAC,CACM;YACV,8BAAC,eAAM,IACL,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,eACD,GAAG,QAAQ,EAAE,iBACX,GAAG,QAAQ,EAAE,eAChB,QAAQ,iBACN,MAAM,IAEjB,OAAO,CACD,CACgB,CACX,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oCAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC"}