@mongodb-js/compass-components 1.52.1 → 1.52.2

package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.js

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDrawerWithToolbarWrapperStyles = void 0;
-const emotion_1 = require("@leafygreen-ui/emotion");
-const tokens_1 = require("@leafygreen-ui/tokens");
-const toolbar_1 = require("../../toolbar");
-const constants_1 = require("../constants");
-const constants_2 = require("../constants");
-const drawer_styles_1 = require("../drawer/drawer.styles");
-const drawer_types_1 = require("../drawer/drawer.types");
-const MOBILE_BREAKPOINT = tokens_1.breakpoints.Tablet;
-const SHADOW_WIDTH = 36; // Width of the shadow padding on the left side
-const drawerIn = (0, emotion_1.keyframes) `
-  from {
-    // Because of .show() and .close() in the drawer component, transitioning from 0px to (x)px does not transition correctly. Using 1px along with css animations is a workaround to get the animation to work.
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px 1px;
-  }
-  to {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px ${constants_2.PANEL_WIDTH}px;
-  }
-`;
-const drawerOut = (0, emotion_1.keyframes) `
-  from {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px ${constants_2.PANEL_WIDTH}px;
-  }
-  to {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px 0px;
-  }
-`;
-const drawerOutMobile = (0, emotion_1.keyframes) `
-  from {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px calc(100vw - ${constants_2.TOOLBAR_WIDTH * 2}px);
-  }
-  to {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px 0px;
-  }
-`;
-const drawerInMobile = (0, emotion_1.keyframes) `
-  from {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px 1px;
-  }
-  to {
-    grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px calc(100vw - ${constants_2.TOOLBAR_WIDTH * 2}px);
-  }
-`;
-// This animation is used to animate the padding of the drawer when it closes, so that the padding does not block the content underneath it.
-const drawerPaddingOut = (0, emotion_1.keyframes) `
-  0% {
-    padding-left: ${SHADOW_WIDTH}px;
-  }
-  99% {
-    padding-left: ${SHADOW_WIDTH}px;
-  }
-  100% {
-    padding-left: 0px;
-  }
-`;
-const openStyles = (0, emotion_1.css) `
-  animation-name: ${drawerIn};
-  animation-fill-mode: forwards;
-
-  @media only screen and (max-width: ${MOBILE_BREAKPOINT}px) {
-    animation-name: ${drawerInMobile};
-  }
-`;
-const closedStyles = (0, emotion_1.css) `
-  animation-name: ${drawerOut};
-
-  @media only screen and (max-width: ${MOBILE_BREAKPOINT}px) {
-    animation-name: ${drawerOutMobile};
-  }
-`;
-const getDrawerShadowStyles = ({ theme }) => (0, emotion_1.css) `
-  ${(0, tokens_1.addOverflowShadow)({ isInside: false, side: tokens_1.Side.Left, theme })};
-
-  // Need this to show the box shadow since we are using overflow: hidden
-  padding-left: ${SHADOW_WIDTH}px;
-
-  &::before {
-    transition-property: opacity;
-    transition-duration: ${drawer_styles_1.drawerTransitionDuration}ms;
-    transition-timing-function: ease-in-out;
-    opacity: 1;
-    left: ${SHADOW_WIDTH}px;
-  }
-`;
-const baseStyles = (0, emotion_1.css) `
-  display: grid;
-  grid-template-columns: ${constants_2.TOOLBAR_WIDTH}px 0px;
-  grid-template-areas: '${constants_1.GRID_AREA.toolbar} ${constants_1.GRID_AREA.innerDrawer}';
-  grid-area: ${constants_1.GRID_AREA.drawer};
-  justify-self: end;
-  animation-timing-function: ease-in-out;
-  animation-duration: ${drawer_styles_1.drawerTransitionDuration}ms;
-  z-index: 0;
-  height: 100%;
-  overflow: hidden;
-
-  .${toolbar_1.toolbarClassName} {
-    grid-area: ${constants_1.GRID_AREA.toolbar};
-  }
-
-  .${drawer_styles_1.drawerClassName} {
-    grid-area: ${constants_1.GRID_AREA.innerDrawer};
-    position: unset;
-    transition: none;
-    transform: unset;
-    overflow: hidden;
-    opacity: 1;
-    border-left: 0;
-    border-right: 0;
-    height: 100%;
-    animation: none;
-
-    > div::before {
-      box-shadow: unset;
-    }
-  }
-`;
-const closedDrawerShadowStyles = (0, emotion_1.css) `
-  padding-left: 0;
-  animation-name: ${drawerPaddingOut};
-  animation-timing-function: ease-in-out;
-  animation-duration: ${drawer_styles_1.drawerTransitionDuration}ms;
-
-  ::before {
-    opacity: 0;
-  }
-`;
-const getDrawerWithToolbarWrapperStyles = ({ className, isDrawerOpen, shouldAnimate, displayMode, theme, }) => (0, emotion_1.cx)(baseStyles, {
-    [getDrawerShadowStyles({ theme })]: displayMode === drawer_types_1.DisplayMode.Overlay,
-    [closedDrawerShadowStyles]: displayMode === drawer_types_1.DisplayMode.Overlay && !isDrawerOpen,
-    [openStyles]: isDrawerOpen,
-    [closedStyles]: !isDrawerOpen && shouldAnimate, // This ensures that the drawer does not animate closed on initial render
-}, className);
-exports.getDrawerWithToolbarWrapperStyles = getDrawerWithToolbarWrapperStyles;
-//# sourceMappingURL=drawer-with-toolbar-wrapper.styles.js.map

package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-with-toolbar-wrapper.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.styles.ts"],"names":[],"mappings":";;;AAAA,oDAA4D;AAE5D,kDAA6E;AAC7E,2CAAiD;AAEjD,4CAAyC;AACzC,4CAA0D;AAC1D,2DAGiC;AACjC,yDAAqD;AAErD,MAAM,iBAAiB,GAAG,oBAAW,CAAC,MAAM,CAAC;AAC7C,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,+CAA+C;AAExE,MAAM,QAAQ,GAAG,IAAA,mBAAS,EAAA;;;6BAGG,yBAAa;;;6BAGb,yBAAa,MAAM,uBAAW;;CAE1D,CAAC;AAEF,MAAM,SAAS,GAAG,IAAA,mBAAS,EAAA;;6BAEE,yBAAa,MAAM,uBAAW;;;6BAG9B,yBAAa;;CAEzC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;6BAEJ,yBAAa,mBACxC,yBAAa,GAAG,CAClB;;;6BAG6B,yBAAa;;CAEzC,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,mBAAS,EAAA;;6BAEH,yBAAa;;;6BAGb,yBAAa,mBACxC,yBAAa,GAAG,CAClB;;CAEC,CAAC;AAEF,4IAA4I;AAC5I,MAAM,gBAAgB,GAAG,IAAA,mBAAS,EAAA;;oBAEd,YAAY;;;oBAGZ,YAAY;;;;;CAK/B,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,aAAG,EAAA;oBACF,QAAQ;;;uCAGW,iBAAiB;sBAClC,cAAc;;CAEnC,CAAC;AAEF,MAAM,YAAY,GAAG,IAAA,aAAG,EAAA;oBACJ,SAAS;;uCAEU,iBAAiB;sBAClC,eAAe;;CAEpC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;IAC9D,IAAA,0BAAiB,EAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,aAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;;;kBAGhD,YAAY;;;;2BAIH,wCAAwB;;;YAGvC,YAAY;;CAEvB,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,aAAG,EAAA;;2BAEK,yBAAa;0BACd,qBAAS,CAAC,OAAO,IAAI,qBAAS,CAAC,WAAW;eACrD,qBAAS,CAAC,MAAM;;;wBAGP,wCAAwB;;;;;KAK3C,0BAAgB;iBACJ,qBAAS,CAAC,OAAO;;;KAG7B,+BAAe;iBACH,qBAAS,CAAC,WAAW;;;;;;;;;;;;;;;CAerC,CAAC;AAEF,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAA;;oBAEhB,gBAAgB;;wBAEZ,wCAAwB;;;;;CAK/C,CAAC;AAEK,MAAM,iCAAiC,GAAG,CAAC,EAChD,SAAS,EACT,YAAY,EACZ,aAAa,EACb,WAAW,EACX,KAAK,GAON,EAAE,EAAE,CACH,IAAA,YAAE,EACA,UAAU,EACV;IACE,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,0BAAW,CAAC,OAAO;IACvE,CAAC,wBAAwB,CAAC,EACxB,WAAW,KAAK,0BAAW,CAAC,OAAO,IAAI,CAAC,YAAY;IACtD,CAAC,UAAU,CAAC,EAAE,YAAY;IAC1B,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,IAAI,aAAa,EAAE,yEAAyE;CAC1H,EACD,SAAS,CACV,CAAC;AAvBS,QAAA,iCAAiC,qCAuB1C"}

package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.d.ts

@@ -1,11 +0,0 @@
-import type { HTMLElementProps } from '@leafygreen-ui/lib';
-import type { DrawerProps } from '../drawer/drawer.types';
-type PickedDrawerProps = Required<Pick<DrawerProps, 'displayMode'>>;
-export interface DrawerWithToolbarWrapperProps extends HTMLElementProps<'div'>, PickedDrawerProps {
-    /**
-     * Determines if the Drawer instance is open or closed
-     */
-    isDrawerOpen: boolean;
-}
-export {};
-//# sourceMappingURL=drawer-with-toolbar-wrapper.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-with-toolbar-wrapper.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,KAAK,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;AAEpE,MAAM,WAAW,6BACf,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAC7B,iBAAiB;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB"}

package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.js

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

package/lib/components/drawer/drawer-with-toolbar-wrapper/drawer-with-toolbar-wrapper.types.js.map

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

package/lib/components/drawer/drawer-with-toolbar-wrapper/index.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-with-toolbar-wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}

package/lib/components/drawer/drawer-with-toolbar-wrapper/index.js

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

package/lib/components/drawer/drawer-with-toolbar-wrapper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-with-toolbar-wrapper/index.ts"],"names":[],"mappings":";;;AAAA,6EAAyE;AAAhE,uIAAA,wBAAwB,OAAA"}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { EmbeddedDrawerLayoutProps } from './embedded-drawer-layout.types';
-/**
- * @internal
- *
- * This layout wrapper is used to create a layout that has 2 grid columns. The main content is on the left and the drawer is on the right.
- *
- * Since this layout is used for embedded drawers, when the drawer is open, the layout will shift to the right by the width of the drawer + toolbar if it exists.
- *
- */
-export declare const EmbeddedDrawerLayout: React.ForwardRefExoticComponent<Omit<EmbeddedDrawerLayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=embedded-drawer-layout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"embedded-drawer-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/embedded-drawer-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,+GA0BhC,CAAC"}

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

@@ -1,55 +0,0 @@
-"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.EmbeddedDrawerLayout = void 0;
-const react_1 = __importStar(require("react"));
-const embedded_drawer_layout_styles_1 = require("./embedded-drawer-layout.styles");
-/**
- * @internal
- *
- * This layout wrapper is used to create a layout that has 2 grid columns. The main content is on the left and the drawer is on the right.
- *
- * Since this layout is used for embedded drawers, when the drawer is open, the layout will shift to the right by the width of the drawer + toolbar if it exists.
- *
- */
-exports.EmbeddedDrawerLayout = (0, react_1.forwardRef)(({ children, className, isDrawerOpen = false, hasToolbar = false, }, forwardedRef) => {
-    return (react_1.default.createElement("div", { ref: forwardedRef, className: (0, embedded_drawer_layout_styles_1.getEmbeddedDrawerLayoutStyles)({
-            className,
-            isDrawerOpen,
-            hasToolbar,
-        }) }, children));
-});
-exports.EmbeddedDrawerLayout.displayName = 'EmbeddedDrawerLayout';
-//# sourceMappingURL=embedded-drawer-layout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"embedded-drawer-layout.js","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/embedded-drawer-layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mFAAgF;AAGhF;;;;;;;GAOG;AACU,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAI5C,CACE,EACE,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,KAAK,GACQ,EAC5B,YAAY,EACZ,EAAE;IACF,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,6DAA6B,EAAC;YACvC,SAAS;YACT,YAAY;YACZ,UAAU;SACX,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

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

@@ -1,6 +0,0 @@
-export declare const getEmbeddedDrawerLayoutStyles: ({ className, isDrawerOpen, hasToolbar, }: {
-    className?: string;
-    isDrawerOpen: boolean;
-    hasToolbar?: boolean;
-}) => string;
-//# sourceMappingURL=embedded-drawer-layout.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"embedded-drawer-layout.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/embedded-drawer-layout.styles.ts"],"names":[],"mappings":"AAkDA,eAAO,MAAM,6BAA6B,GAAI,0CAI3C;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,WAUE,CAAC"}

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEmbeddedDrawerLayoutStyles = void 0;
-const emotion_1 = require("@leafygreen-ui/emotion");
-const tokens_1 = require("@leafygreen-ui/tokens");
-const constants_1 = require("../constants");
-const constants_2 = require("../constants");
-const drawer_1 = require("../drawer");
-const drawer_styles_1 = require("../drawer/drawer.styles");
-const baseStyles = (0, emotion_1.css) `
-  width: 100%;
-  display: grid;
-  grid-template-columns: auto 0;
-  transition-property: grid-template-columns, grid-template-rows;
-  transition-timing-function: ease-in-out;
-  transition-duration: ${drawer_styles_1.drawerTransitionDuration}ms;
-  overflow: hidden;
-  position: relative;
-  height: 100%;
-`;
-const drawerBaseStyles = (0, emotion_1.css) `
-  @media only screen and (max-width: ${drawer_1.MOBILE_BREAKPOINT}px) {
-    grid-template-columns: unset;
-    grid-template-rows: 100% 0;
-  }
-`;
-// If there is no toolbar and the drawer is open, we need to shift the layout by the panel width;
-const drawerOpenStyles = (0, emotion_1.css) `
-  grid-template-columns: auto ${constants_2.PANEL_WIDTH}px;
-
-  @media only screen and (max-width: ${drawer_1.MOBILE_BREAKPOINT}px) {
-    grid-template-rows: 50% 50%;
-  }
-`;
-const withToolbarBaseStyles = (0, emotion_1.css) `
-  grid-template-columns: auto ${constants_2.TOOLBAR_WIDTH}px;
-  grid-template-areas: '${constants_1.GRID_AREA.content} ${constants_1.GRID_AREA.drawer}';
-`;
-// If there is a toolbar and the drawer is open, we need to shift the layout by toolbar width + panel width;
-const withToolbarOpenStyles = (0, emotion_1.css) `
-  grid-template-columns: auto ${constants_2.PANEL_WIDTH + constants_2.TOOLBAR_WIDTH}px;
-
-  @media only screen and (max-width: ${tokens_1.breakpoints.Tablet}px) {
-    grid-template-columns: auto ${constants_2.TOOLBAR_WIDTH}px;
-  }
-`;
-const getEmbeddedDrawerLayoutStyles = ({ className, isDrawerOpen, hasToolbar = false, }) => (0, emotion_1.cx)(baseStyles, {
-    [withToolbarBaseStyles]: hasToolbar,
-    [withToolbarOpenStyles]: isDrawerOpen && hasToolbar,
-    [drawerBaseStyles]: !hasToolbar,
-    [drawerOpenStyles]: isDrawerOpen && !hasToolbar,
-}, className);
-exports.getEmbeddedDrawerLayoutStyles = getEmbeddedDrawerLayoutStyles;
-//# sourceMappingURL=embedded-drawer-layout.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"embedded-drawer-layout.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/embedded-drawer-layout.styles.ts"],"names":[],"mappings":";;;AAAA,oDAAiD;AACjD,kDAAoD;AAEpD,4CAAyC;AACzC,4CAA0D;AAC1D,sCAA8C;AAC9C,2DAAmE;AAEnE,MAAM,UAAU,GAAG,IAAA,aAAG,EAAA;;;;;;yBAMG,wCAAwB;;;;CAIhD,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAA;uCACW,0BAAiB;;;;CAIvD,CAAC;AAEF,iGAAiG;AACjG,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAA;gCACI,uBAAW;;uCAEJ,0BAAiB;;;CAGvD,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAA;gCACD,yBAAa;0BACnB,qBAAS,CAAC,OAAO,IAAI,qBAAS,CAAC,MAAM;CAC9D,CAAC;AAEF,4GAA4G;AAC5G,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAA;gCACD,uBAAW,GAAG,yBAAa;;uCAEpB,oBAAW,CAAC,MAAM;kCACvB,yBAAa;;CAE9C,CAAC;AAEK,MAAM,6BAA6B,GAAG,CAAC,EAC5C,SAAS,EACT,YAAY,EACZ,UAAU,GAAG,KAAK,GAKnB,EAAE,EAAE,CACH,IAAA,YAAE,EACA,UAAU,EACV;IACE,CAAC,qBAAqB,CAAC,EAAE,UAAU;IACnC,CAAC,qBAAqB,CAAC,EAAE,YAAY,IAAI,UAAU;IACnD,CAAC,gBAAgB,CAAC,EAAE,CAAC,UAAU;IAC/B,CAAC,gBAAgB,CAAC,EAAE,YAAY,IAAI,CAAC,UAAU;CAChD,EACD,SAAS,CACV,CAAC;AAlBS,QAAA,6BAA6B,iCAkBtC"}

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

@@ -1,8 +0,0 @@
-import type { BaseLayoutComponentProps } from '../layout-component/layout-component.styles';
-export type EmbeddedDrawerLayoutProps = BaseLayoutComponentProps & {
-    /**
-     * Determines if the Drawer is open. This will shift the layout to the right by the width of the drawer + toolbar if it exists if the display mode is set to 'embedded'.
-     */
-    isDrawerOpen?: boolean;
-};
-//# sourceMappingURL=embedded-drawer-layout.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"embedded-drawer-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/embedded-drawer-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,GAAG;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/embedded-drawer-layout/index.tsx"],"names":[],"mappings":";;;AAAA,mEAAgE;AAAvD,8HAAA,oBAAoB,OAAA"}

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

@@ -1,6 +0,0 @@
-export { DisplayMode, Drawer, drawerClassName, type DrawerProps, } from './drawer';
-export { DrawerLayout, type DrawerLayoutProps } from './drawer-layout';
-export { DrawerStackProvider, useDrawerStackContext, } from './drawer-stack-context';
-export { useDrawerToolbarContext } from './drawer-toolbar-context';
-export { getLgIds } from './utils';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACf,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EACL,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/drawer/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLgIds = exports.useDrawerToolbarContext = exports.useDrawerStackContext = exports.DrawerStackProvider = exports.DrawerLayout = exports.drawerClassName = exports.Drawer = exports.DisplayMode = void 0;
-var drawer_1 = require("./drawer");
-Object.defineProperty(exports, "DisplayMode", { enumerable: true, get: function () { return drawer_1.DisplayMode; } });
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
-Object.defineProperty(exports, "drawerClassName", { enumerable: true, get: function () { return drawer_1.drawerClassName; } });
-var drawer_layout_1 = require("./drawer-layout");
-Object.defineProperty(exports, "DrawerLayout", { enumerable: true, get: function () { return drawer_layout_1.DrawerLayout; } });
-var drawer_stack_context_1 = require("./drawer-stack-context");
-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; } });
-var drawer_toolbar_context_1 = require("./drawer-toolbar-context");
-Object.defineProperty(exports, "useDrawerToolbarContext", { enumerable: true, get: function () { return drawer_toolbar_context_1.useDrawerToolbarContext; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "getLgIds", { enumerable: true, get: function () { return utils_1.getLgIds; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAKkB;AAJhB,qGAAA,WAAW,OAAA;AACX,gGAAA,MAAM,OAAA;AACN,yGAAA,eAAe,OAAA;AAGjB,iDAAuE;AAA9D,6GAAA,YAAY,OAAA;AACrB,+DAGgC;AAF9B,2HAAA,mBAAmB,OAAA;AACnB,6HAAA,qBAAqB,OAAA;AAEvB,mEAAmE;AAA1D,iIAAA,uBAAuB,OAAA;AAChC,iCAAmC;AAA1B,iGAAA,QAAQ,OAAA"}

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

@@ -1,3 +0,0 @@
-export { LayoutComponent } from './layout-component';
-export { type LayoutComponentProps } from './layout-component.styles';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/index.ts"],"names":[],"mappings":";;;AAAA,uDAAqD;AAA5C,mHAAA,eAAe,OAAA"}

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { DisplayMode } from '../drawer';
-/**
- * @internal
- *
- * LayoutComponent is a wrapper component that provides a layout for displaying content with a drawer.
- * It can be used in both overlay and embedded modes.
- */
-export declare const LayoutComponent: React.ForwardRefExoticComponent<(Omit<{
-    displayMode: DisplayMode;
-} & import("@leafygreen-ui/lib").DarkModeProps & import("./layout-component.styles").BaseLayoutComponentProps & {
-    isDrawerOpen?: boolean;
-}, "ref"> | Omit<{
-    displayMode: DisplayMode;
-} & import("@leafygreen-ui/lib").DarkModeProps & import("./layout-component.styles").BaseLayoutComponentProps & {
-    isDrawerOpen?: never;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=layout-component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layout-component.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/layout-component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAMxC;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;iDA+B3B,CAAC"}

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

@@ -1,53 +0,0 @@
-"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.LayoutComponent = void 0;
-const react_1 = __importStar(require("react"));
-const leafygreen_provider_1 = __importStar(require("@leafygreen-ui/leafygreen-provider"));
-const drawer_1 = require("../drawer");
-const embedded_drawer_layout_1 = require("../embedded-drawer-layout");
-const overlay_drawer_layout_1 = require("../overlay-drawer-layout");
-/**
- * @internal
- *
- * LayoutComponent is a wrapper component that provides a layout for displaying content with a drawer.
- * It can be used in both overlay and embedded modes.
- */
-exports.LayoutComponent = (0, react_1.forwardRef)(({ children, displayMode, darkMode: darkModeProp, isDrawerOpen = false, ...rest }, forwardRef) => {
-    const { darkMode } = (0, leafygreen_provider_1.useDarkMode)(darkModeProp);
-    return (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: darkMode }, displayMode === drawer_1.DisplayMode.Overlay ? (react_1.default.createElement(overlay_drawer_layout_1.OverlayDrawerLayout, { ref: forwardRef, ...rest }, children)) : (react_1.default.createElement(embedded_drawer_layout_1.EmbeddedDrawerLayout, { ref: forwardRef, isDrawerOpen: isDrawerOpen, ...rest }, children))));
-});
-exports.LayoutComponent.displayName = 'LayoutComponent';
-//# sourceMappingURL=layout-component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layout-component.js","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/layout-component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,0FAE4C;AAE5C,sCAAwC;AACxC,sEAAiE;AACjE,oEAA+D;AAI/D;;;;;GAKG;AACU,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,CACE,EACE,QAAQ,EACR,WAAW,EACX,QAAQ,EAAE,YAAY,EACtB,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACc,EACvB,UAAU,EACV,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,iCAAW,EAAC,YAAY,CAAC,CAAC;IAE/C,OAAO,CACL,8BAAC,6BAAkB,IAAC,QAAQ,EAAE,QAAQ,IACnC,WAAW,KAAK,oBAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CACrC,8BAAC,2CAAmB,IAAC,GAAG,EAAE,UAAU,KAAM,IAAI,IAC3C,QAAQ,CACW,CACvB,CAAC,CAAC,CAAC,CACF,8BAAC,6CAAoB,IACnB,GAAG,EAAE,UAAU,EACf,YAAY,EAAE,YAAY,KACtB,IAAI,IAEP,QAAQ,CACY,CACxB,CACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

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

@@ -1,20 +0,0 @@
-import type { DarkModeProps, HTMLElementProps } from '@leafygreen-ui/lib';
-import type { DisplayMode } from '../drawer';
-import type { EmbeddedDrawerLayoutProps } from '../embedded-drawer-layout';
-import type { OverlayDrawerLayoutProps } from '../overlay-drawer-layout';
-export type LayoutComponentProps = {
-    displayMode: DisplayMode;
-} & DarkModeProps & (EmbeddedDrawerLayoutProps | (OverlayDrawerLayoutProps & {
-    isDrawerOpen?: never;
-}));
-export interface BaseLayoutComponentProps extends Omit<HTMLElementProps<'div'>, 'children'> {
-    /**
-     * Determines if the Toolbar is present in the layout
-     */
-    hasToolbar?: boolean;
-    /**
-     * The content to be rendered inside the Drawer
-     */
-    children: React.ReactNode;
-}
-//# sourceMappingURL=layout-component.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layout-component.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/layout-component/layout-component.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,WAAW,CAAC;CAC1B,GAAG,aAAa,GACf,CACI,yBAAyB,GACzB,CAAC,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CACxD,CAAC;AAGJ,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/index.ts"],"names":[],"mappings":";;;AAAA,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-/**
- * @internal
- *
- * This layout wrapper is used to create a layout that has 2 grid columns. The main content is on the left and the drawer is on the right.
- *
- * Since this layout is used for overlay drawers, when the drawer is open, the layout will not shift. Instead the shifting is handled by the children of this component.
- *
- */
-export declare const OverlayDrawerLayout: React.ForwardRefExoticComponent<Omit<import("../layout-component/layout-component.styles").BaseLayoutComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=overlay-drawer-layout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"overlay-drawer-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/overlay-drawer-layout/overlay-drawer-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,oKAoB/B,CAAC"}