@mongodb-js/compass-components 0.5.0 → 0.9.0

package/lib/components/resize-handle.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare enum ResizeDirection {
+    TOP = "TOP",
+    RIGHT = "RIGHT"
+}
+declare function ResizeHandle({ direction, step, value, minValue, maxValue, onChange, title, }: {
+    direction: ResizeDirection;
+    step?: number;
+    value: number;
+    minValue: number;
+    maxValue: number;
+    onChange: (newValue: number) => void;
+    title: string;
+}): React.ReactElement;
+export { ResizeHandle, ResizeDirection };

package/lib/components/resize-handle.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeDirection = exports.ResizeHandle = void 0;
+const css_1 = require("@emotion/css");
+const react_1 = __importStar(require("react"));
+var ResizeDirection;
+(function (ResizeDirection) {
+    ResizeDirection["TOP"] = "TOP";
+    ResizeDirection["RIGHT"] = "RIGHT";
+})(ResizeDirection || (ResizeDirection = {}));
+exports.ResizeDirection = ResizeDirection;
+const baseResizerStyles = (0, css_1.css)({
+    position: 'absolute',
+    background: 'transparent',
+    padding: 0,
+    transition: 'opacity 250ms ease',
+    transitionDelay: '0ms',
+    backgroundColor: '#019EE2',
+    opacity: '0',
+    outline: 'none',
+    zIndex: 100,
+    ':focus': {
+        opacity: 1,
+    },
+    ':hover': {
+        transitionDelay: '250ms',
+        opacity: 1,
+    },
+    WebkitAppearance: 'none',
+    '::-webkit-slider-thumb': {
+        WebkitAppearance: 'none',
+    },
+    '::-ms-track': {
+        background: 'none',
+        borderColor: 'none',
+        color: 'none',
+    },
+});
+const verticalResizerStyle = (0, css_1.css)({
+    width: '4px !important',
+    right: '-2px',
+    bottom: 0,
+    top: 0,
+    ':hover': {
+        cursor: 'ew-resize',
+    },
+});
+const horizontalResizerStyle = (0, css_1.css)({
+    height: '4px !important',
+    top: '-2px',
+    right: 0,
+    left: 0,
+    ':hover': {
+        cursor: 'ns-resize',
+    },
+});
+function ResizeHandle({ direction, step = 10, value, minValue, maxValue, onChange, title, }) {
+    const isDragging = (0, react_1.useRef)(false);
+    function boundSize(attemptedSize) {
+        return Math.min(maxValue, Math.max(minValue, attemptedSize));
+    }
+    let directionTitle = 'vertical';
+    let dimensionTitle = 'Width';
+    let resizerStyle = verticalResizerStyle;
+    if (direction === ResizeDirection.TOP) {
+        directionTitle = 'horizontal';
+        dimensionTitle = 'Height';
+        resizerStyle = horizontalResizerStyle;
+    }
+    return (react_1.default.createElement("input", { type: "range", "aria-roledescription": `${directionTitle} splitter`, "aria-label": `${dimensionTitle} of the ${title}, resize using arrow keys`, className: (0, css_1.cx)(baseResizerStyles, resizerStyle), min: minValue, max: maxValue, value: value, step: step, onChange: (event) => {
+            if (isDragging.current) {
+                return;
+            }
+            onChange(boundSize(Number(event.target.value)));
+        }, onMouseDown: () => {
+            isDragging.current = true;
+        }, onMouseMove: (event) => {
+            if (isDragging.current) {
+                if (direction === ResizeDirection.RIGHT) {
+                    onChange(boundSize(value + event.movementX));
+                }
+                else if (direction === ResizeDirection.TOP) {
+                    onChange(boundSize(value - event.movementY));
+                }
+            }
+        }, onMouseUp: (event) => {
+            event.currentTarget.blur();
+            isDragging.current = false;
+            if (direction === ResizeDirection.RIGHT) {
+                onChange(boundSize(value + event.movementX));
+            }
+            else if (direction === ResizeDirection.TOP) {
+                onChange(boundSize(value - event.movementY));
+            }
+        } }));
+}
+exports.ResizeHandle = ResizeHandle;
+//# sourceMappingURL=resize-handle.js.map

package/lib/components/resize-handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}

package/lib/components/spin-loader.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+interface SpinLoaderProps {
+    className: string;
+    size?: string;
+}
+export default class SpinLoader extends Component<SpinLoaderProps> {
+    static defaultProps: {
+        size: string;
+    };
+    render(): JSX.Element;
+}
+export {};

package/lib/components/spin-loader.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const css_1 = require("@emotion/css");
+const palette_1 = require("@leafygreen-ui/palette");
+const shellLoaderSpin = (0, css_1.keyframes) `
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+`;
+const spinLoaderStyle = (0, css_1.css) `
+  border: 2px solid transparent;
+  border-top: 2px solid ${palette_1.uiColors.gray.dark3};
+  border-radius: 50%;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  display: inline-block;
+
+  animation: ${shellLoaderSpin} 700ms ease infinite;
+`;
+class SpinLoader extends react_1.Component {
+    render() {
+        const { size } = this.props;
+        return (react_1.default.createElement("div", { className: spinLoaderStyle, style: {
+                width: size,
+                height: size,
+            } }));
+    }
+}
+exports.default = SpinLoader;
+SpinLoader.defaultProps = {
+    size: '12px',
+};
+//# sourceMappingURL=spin-loader.js.map

package/lib/components/spin-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,sCAA8C;AAC9C,oDAAkD;AAOlD,MAAM,eAAe,GAAG,IAAA,eAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,SAAG,EAAA;;0BAED,kBAAQ,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO9B,eAAe;CAC7B,CAAC;AAEF,MAAqB,UAAW,SAAQ,iBAA0B;IAKhE,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;aACb,GACD,CACH,CAAC;IACJ,CAAC;;AAjBH,6BAkBC;AAjBQ,uBAAY,GAAG;IACpB,IAAI,EAAE,MAAM;CACb,CAAC"}

package/lib/components/tooltip.d.ts

@@ -0,0 +1,13 @@
+import LeafyGreenTooltip from '@leafygreen-ui/tooltip';
+import React from 'react';
+declare type TooltipTriggerProps = {
+    isDisabled?: boolean;
+    delay?: number;
+    triggerOn?: 'focus';
+};
+declare type LeafyGreenTooltipProps = React.ComponentPropsWithoutRef<typeof LeafyGreenTooltip>;
+declare type TooltipTrigger = React.FunctionComponent;
+declare const Tooltip: React.FunctionComponent<TooltipTriggerProps & Omit<LeafyGreenTooltipProps, 'open' | 'setOpen' | 'trigger'> & {
+    trigger: TooltipTrigger;
+}>;
+export { Tooltip };

package/lib/components/tooltip.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const tooltip_1 = require("@react-stately/tooltip");
+const tooltip_2 = require("@react-aria/tooltip");
+const tooltip_3 = __importDefault(require("@leafygreen-ui/tooltip"));
+const react_1 = __importStar(require("react"));
+const merge_props_1 = require("../utils/merge-props");
+const Tooltip = ({ isDisabled, triggerOn, delay, trigger, ...rest }) => {
+    const ref = (0, react_1.useRef)(null);
+    const tooltipState = (0, tooltip_1.useTooltipTriggerState)({
+        isDisabled,
+        trigger: triggerOn,
+        delay,
+    });
+    const { triggerProps, tooltipProps } = (0, tooltip_2.useTooltipTrigger)({ isDisabled, trigger: triggerOn }, tooltipState, ref);
+    const setOpen = (0, react_1.useCallback)((isOpen) => {
+        if (isOpen) {
+            tooltipState.open();
+        }
+        else {
+            tooltipState.close();
+        }
+    }, [tooltipState]);
+    return (react_1.default.createElement(tooltip_3.default, { open: tooltipState.isOpen, setOpen: setOpen, trigger: ({ children, className }) => {
+            return trigger((0, merge_props_1.mergeProps)({ children, className }, triggerProps));
+        }, ...rest, ...tooltipProps }));
+};
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=tooltip.js.map

package/lib/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,oDAAgE;AAChE,iDAAwD;AACxD,qEAAuD;AACvD,+CAAmD;AACnD,sDAAkD;AAoBlD,MAAM,OAAO,GAKT,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,gCAAsB,EAAC;QAC1C,UAAU;QACV,OAAO,EAAE,SAAS;QAClB,KAAK;KACN,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAiB,EACtD,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,EAClC,YAAY,EACZ,GAAG,CACJ,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,MAAM,EAAE,EAAE;QACT,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,IAAI,EAAE,CAAC;SACrB;aAAM;YACL,YAAY,CAAC,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IACF,OAAO,CACL,8BAAC,iBAAiB,IAChB,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgC,EAAE,EAAE;YACjE,OAAO,OAAO,CAAC,IAAA,wBAAU,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QACpE,CAAC,KACG,IAAI,KACJ,YAAY,GACG,CACtB,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO"}

package/lib/hooks/use-dom-rect.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useDOMRect<T extends HTMLElement = HTMLDivElement>(): [
+    React.HTMLProps<T>,
+    DOMRectReadOnly
+];

package/lib/hooks/use-dom-rect.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDOMRect = void 0;
+const react_1 = require("react");
+function useDOMRect() {
+    const [rect, setRect] = (0, react_1.useState)(() => new DOMRectReadOnly());
+    const ref = (0, react_1.useRef)(null);
+    const observer = (0, react_1.useRef)(null);
+    if (observer.current === null) {
+        observer.current = new ResizeObserver((entry) => {
+            setRect(entry[0].contentRect);
+        });
+    }
+    (0, react_1.useLayoutEffect)(() => {
+        var _a;
+        if (ref.current) {
+            const el = ref.current;
+            (_a = observer.current) === null || _a === void 0 ? void 0 : _a.observe(ref.current);
+            return () => {
+                var _a;
+                (_a = observer.current) === null || _a === void 0 ? void 0 : _a.unobserve(el);
+            };
+        }
+    }, []);
+    return [{ ref }, rect];
+}
+exports.useDOMRect = useDOMRect;
+//# sourceMappingURL=use-dom-rect.js.map

package/lib/hooks/use-dom-rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dom-rect.js","sourceRoot":"","sources":["../../src/hooks/use-dom-rect.ts"],"names":[],"mappings":";;;AAAA,iCAA0D;AAE1D,SAAgB,UAAU;IAIxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAC9B,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,CAC5B,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,cAAM,EAAW,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE;QAC7B,QAAQ,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9C,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;KACJ;IACD,IAAA,uBAAe,EAAC,GAAG,EAAE;;QACnB,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YACvB,MAAA,QAAQ,CAAC,OAAO,0CAAE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACvC,OAAO,GAAG,EAAE;;gBACV,MAAA,QAAQ,CAAC,OAAO,0CAAE,SAAS,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,CAAC;SACH;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;AACzB,CAAC;AAxBD,gCAwBC"}

package/lib/hooks/use-focus-hover.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare enum FocusState {
+    NoFocus = "NoFocus",
+    FocusVisible = "FocusVisible",
+    Focus = "Focus",
+    FocusWithinVisible = "FocusWithinVisible",
+    FocusWithin = "FocusWithin"
+}
+export declare function useFocusState(): [
+    React.HTMLAttributes<HTMLElement>,
+    FocusState,
+    React.MutableRefObject<FocusState>
+];
+export declare function useHoverState(): [React.HTMLAttributes<HTMLElement>, boolean];

package/lib/hooks/use-focus-hover.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHoverState = exports.useFocusState = exports.FocusState = void 0;
+const interactions_1 = require("@react-aria/interactions");
+const utils_1 = require("@react-aria/utils");
+const react_1 = require("react");
+var FocusState;
+(function (FocusState) {
+    FocusState["NoFocus"] = "NoFocus";
+    FocusState["FocusVisible"] = "FocusVisible";
+    FocusState["Focus"] = "Focus";
+    FocusState["FocusWithinVisible"] = "FocusWithinVisible";
+    FocusState["FocusWithin"] = "FocusWithin";
+})(FocusState = exports.FocusState || (exports.FocusState = {}));
+function getFocusState(isFocused, isFocusWithin, isFocusVisible) {
+    return isFocused && isFocusVisible
+        ? FocusState.FocusVisible
+        : isFocused
+            ? FocusState.Focus
+            : isFocusWithin && isFocusVisible
+                ? FocusState.FocusWithinVisible
+                : isFocusWithin
+                    ? FocusState.FocusWithin
+                    : FocusState.NoFocus;
+}
+function useFocusState() {
+    const focusStateRef = (0, react_1.useRef)(FocusState.NoFocus);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [isFocusWithin, setIsFocusWithin] = (0, react_1.useState)(false);
+    const { isFocusVisible } = (0, interactions_1.useFocusVisible)();
+    const { focusWithinProps } = (0, interactions_1.useFocusWithin)({
+        onFocusWithinChange: setIsFocusWithin,
+    });
+    const { focusProps } = (0, interactions_1.useFocus)({
+        onFocusChange: setIsFocused,
+    });
+    const mergedProps = (0, react_1.useMemo)(() => {
+        return (0, utils_1.mergeProps)(focusProps, focusWithinProps);
+    }, [focusProps, focusWithinProps]);
+    focusStateRef.current = getFocusState(isFocused, isFocusWithin, isFocusVisible);
+    return [mergedProps, focusStateRef.current, focusStateRef];
+}
+exports.useFocusState = useFocusState;
+function useHoverState() {
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const hoverProps = {
+        onMouseEnter() {
+            setIsHovered(true);
+        },
+        onMouseLeave() {
+            setIsHovered(false);
+        },
+    };
+    return [hoverProps, isHovered];
+}
+exports.useHoverState = useHoverState;
+//# sourceMappingURL=use-focus-hover.js.map

package/lib/hooks/use-focus-hover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-hover.js","sourceRoot":"","sources":["../../src/hooks/use-focus-hover.ts"],"names":[],"mappings":";;;AAAA,2DAIkC;AAClC,6CAA+C;AAC/C,iCAAyD;AAEzD,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2CAA6B,CAAA;IAC7B,6BAAe,CAAA;IACf,uDAAyC,CAAA;IACzC,yCAA2B,CAAA;AAC7B,CAAC,EANW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAMrB;AAED,SAAS,aAAa,CACpB,SAAkB,EAClB,aAAsB,EACtB,cAAuB;IAEvB,OAAO,SAAS,IAAI,cAAc;QAChC,CAAC,CAAC,UAAU,CAAC,YAAY;QACzB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,UAAU,CAAC,KAAK;YAClB,CAAC,CAAC,aAAa,IAAI,cAAc;gBACjC,CAAC,CAAC,UAAU,CAAC,kBAAkB;gBAC/B,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,UAAU,CAAC,WAAW;oBACxB,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;AACzB,CAAC;AAED,SAAgB,aAAa;IAK3B,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IAC7C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,6BAAc,EAAC;QAC1C,mBAAmB,EAAE,gBAAgB;KACtC,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAQ,EAAC;QAC9B,aAAa,EAAE,YAAY;KAC5B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,OAAO,IAAA,kBAAU,EAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IACnC,aAAa,CAAC,OAAO,GAAG,aAAa,CACnC,SAAS,EACT,aAAa,EACb,cAAc,CACf,CAAC;IACF,OAAO,CAAC,WAAW,EAAE,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAC7D,CAAC;AAxBD,sCAwBC;AAED,SAAgB,aAAa;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG;QACjB,YAAY;YACV,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QACD,YAAY;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;KACF,CAAC;IACF,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACjC,CAAC;AAXD,sCAWC"}

package/lib/index.d.ts

@@ -1,2 +1,40 @@
+import CancelLoader from './components/cancel-loader';
 import ConfirmationModal from './components/confirmation-modal';
-export { ConfirmationModal };
+import FileInput from './components/file-input';
+import SpinLoader from './components/spin-loader';
+import { ResizeHandle, ResizeDirection } from './components/resize-handle';
+import Accordion from './components/accordion';
+export { default as Badge, Variant as BadgeVariant, } from '@leafygreen-ui/badge';
+export { default as Banner, Variant as BannerVariant, } from '@leafygreen-ui/banner';
+export { default as Button, Size as ButtonSize, Variant as ButtonVariant, } from '@leafygreen-ui/button';
+export { default as Card } from '@leafygreen-ui/card';
+export { default as Checkbox } from '@leafygreen-ui/checkbox';
+export { default as Icon } from '@leafygreen-ui/icon';
+export { default as IconButton } from '@leafygreen-ui/icon-button';
+export { default as LeafyGreenProvider } from '@leafygreen-ui/leafygreen-provider';
+export { AtlasLogoMark, MongoDBLogoMark, MongoDBLogo, } from '@leafygreen-ui/logo';
+export { Menu, MenuSeparator, MenuItem } from '@leafygreen-ui/menu';
+export { default as Modal } from '@leafygreen-ui/modal';
+export { uiColors } from '@leafygreen-ui/palette';
+export * as compassUIColors from './compass-ui-colors';
+export { default as Portal } from '@leafygreen-ui/portal';
+export { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';
+export { Select, Option, Size as SelectSize } from '@leafygreen-ui/select';
+export { Tabs, Tab } from '@leafygreen-ui/tabs';
+export { default as TextArea } from '@leafygreen-ui/text-area';
+export { default as TextInput } from '@leafygreen-ui/text-input';
+export { default as Toast, Variant as ToastVariant, } from '@leafygreen-ui/toast';
+export { default as Toggle } from '@leafygreen-ui/toggle';
+export { breakpoints, spacing } from '@leafygreen-ui/tokens';
+export { Tooltip } from './components/tooltip';
+export { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Link, Label, Description, } from '@leafygreen-ui/typography';
+export { Accordion, CancelLoader, ConfirmationModal, FileInput, SpinLoader, ResizeHandle, ResizeDirection, };
+export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
+export { ContentWithFallback, FadeInPlaceholder, } from './components/content-with-fallback';
+export { default as emotion, flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache, } from '@leafygreen-ui/emotion';
+export { InlineDefinition } from './components/inline-definition';
+import type { glyphs } from '@leafygreen-ui/icon';
+export declare type IconGlyph = Extract<keyof typeof glyphs, string>;
+export { SegmentedControl, SegmentedControlOption, } from '@leafygreen-ui/segmented-control';
+export { Placeholder } from './components/placeholder';
+export { useDOMRect } from './hooks/use-dom-rect';

package/lib/index.js

@@ -1,9 +1,140 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmationModal = void 0;
+exports.Accordion = exports.Description = exports.Label = exports.Link = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tab = exports.Tabs = exports.SelectSize = exports.Option = exports.Select = exports.RadioBoxGroup = exports.RadioBox = exports.Portal = exports.compassUIColors = exports.uiColors = exports.Modal = exports.MenuItem = exports.MenuSeparator = exports.Menu = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.AtlasLogoMark = exports.LeafyGreenProvider = exports.IconButton = exports.Icon = exports.Checkbox = exports.Card = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.BannerVariant = exports.Banner = exports.BadgeVariant = exports.Badge = void 0;
+exports.useDOMRect = exports.Placeholder = exports.SegmentedControlOption = exports.SegmentedControl = exports.InlineDefinition = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.FileInput = exports.ConfirmationModal = exports.CancelLoader = void 0;
+const cancel_loader_1 = __importDefault(require("./components/cancel-loader"));
+exports.CancelLoader = cancel_loader_1.default;
 const confirmation_modal_1 = __importDefault(require("./components/confirmation-modal"));
 exports.ConfirmationModal = confirmation_modal_1.default;
+const file_input_1 = __importDefault(require("./components/file-input"));
+exports.FileInput = file_input_1.default;
+const spin_loader_1 = __importDefault(require("./components/spin-loader"));
+exports.SpinLoader = spin_loader_1.default;
+const resize_handle_1 = require("./components/resize-handle");
+Object.defineProperty(exports, "ResizeHandle", { enumerable: true, get: function () { return resize_handle_1.ResizeHandle; } });
+Object.defineProperty(exports, "ResizeDirection", { enumerable: true, get: function () { return resize_handle_1.ResizeDirection; } });
+const accordion_1 = __importDefault(require("./components/accordion"));
+exports.Accordion = accordion_1.default;
+var badge_1 = require("@leafygreen-ui/badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return __importDefault(badge_1).default; } });
+Object.defineProperty(exports, "BadgeVariant", { enumerable: true, get: function () { return badge_1.Variant; } });
+var banner_1 = require("@leafygreen-ui/banner");
+Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return __importDefault(banner_1).default; } });
+Object.defineProperty(exports, "BannerVariant", { enumerable: true, get: function () { return banner_1.Variant; } });
+var button_1 = require("@leafygreen-ui/button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
+Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return button_1.Size; } });
+Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return button_1.Variant; } });
+var card_1 = require("@leafygreen-ui/card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(card_1).default; } });
+var checkbox_1 = require("@leafygreen-ui/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(checkbox_1).default; } });
+var icon_1 = require("@leafygreen-ui/icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
+var icon_button_1 = require("@leafygreen-ui/icon-button");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(icon_button_1).default; } });
+var leafygreen_provider_1 = require("@leafygreen-ui/leafygreen-provider");
+Object.defineProperty(exports, "LeafyGreenProvider", { enumerable: true, get: function () { return __importDefault(leafygreen_provider_1).default; } });
+var logo_1 = require("@leafygreen-ui/logo");
+Object.defineProperty(exports, "AtlasLogoMark", { enumerable: true, get: function () { return logo_1.AtlasLogoMark; } });
+Object.defineProperty(exports, "MongoDBLogoMark", { enumerable: true, get: function () { return logo_1.MongoDBLogoMark; } });
+Object.defineProperty(exports, "MongoDBLogo", { enumerable: true, get: function () { return logo_1.MongoDBLogo; } });
+var menu_1 = require("@leafygreen-ui/menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
+Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
+var modal_1 = require("@leafygreen-ui/modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(modal_1).default; } });
+var palette_1 = require("@leafygreen-ui/palette");
+Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return palette_1.uiColors; } });
+exports.compassUIColors = __importStar(require("./compass-ui-colors"));
+var portal_1 = require("@leafygreen-ui/portal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return __importDefault(portal_1).default; } });
+var radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
+Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_1.RadioBox; } });
+Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
+var select_1 = require("@leafygreen-ui/select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return select_1.Option; } });
+Object.defineProperty(exports, "SelectSize", { enumerable: true, get: function () { return select_1.Size; } });
+var tabs_1 = require("@leafygreen-ui/tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
+var text_area_1 = require("@leafygreen-ui/text-area");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return __importDefault(text_area_1).default; } });
+var text_input_1 = require("@leafygreen-ui/text-input");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(text_input_1).default; } });
+var toast_1 = require("@leafygreen-ui/toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return __importDefault(toast_1).default; } });
+Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
+var toggle_1 = require("@leafygreen-ui/toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return __importDefault(toggle_1).default; } });
+var tokens_1 = require("@leafygreen-ui/tokens");
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return tokens_1.breakpoints; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_1.spacing; } });
+var tooltip_1 = require("./components/tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+var typography_1 = require("@leafygreen-ui/typography");
+Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return typography_1.H1; } });
+Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return typography_1.H2; } });
+Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return typography_1.H3; } });
+Object.defineProperty(exports, "Subtitle", { enumerable: true, get: function () { return typography_1.Subtitle; } });
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return typography_1.Body; } });
+Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function () { return typography_1.InlineCode; } });
+Object.defineProperty(exports, "InlineKeyCode", { enumerable: true, get: function () { return typography_1.InlineKeyCode; } });
+Object.defineProperty(exports, "Disclaimer", { enumerable: true, get: function () { return typography_1.Disclaimer; } });
+Object.defineProperty(exports, "Overline", { enumerable: true, get: function () { return typography_1.Overline; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return typography_1.Label; } });
+Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return typography_1.Description; } });
+var use_focus_hover_1 = require("./hooks/use-focus-hover");
+Object.defineProperty(exports, "useFocusState", { enumerable: true, get: function () { return use_focus_hover_1.useFocusState; } });
+Object.defineProperty(exports, "useHoverState", { enumerable: true, get: function () { return use_focus_hover_1.useHoverState; } });
+Object.defineProperty(exports, "FocusState", { enumerable: true, get: function () { return use_focus_hover_1.FocusState; } });
+var content_with_fallback_1 = require("./components/content-with-fallback");
+Object.defineProperty(exports, "ContentWithFallback", { enumerable: true, get: function () { return content_with_fallback_1.ContentWithFallback; } });
+Object.defineProperty(exports, "FadeInPlaceholder", { enumerable: true, get: function () { return content_with_fallback_1.FadeInPlaceholder; } });
+var emotion_1 = require("@leafygreen-ui/emotion");
+Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
+Object.defineProperty(exports, "flush", { enumerable: true, get: function () { return emotion_1.flush; } });
+Object.defineProperty(exports, "hydrate", { enumerable: true, get: function () { return emotion_1.hydrate; } });
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return emotion_1.cx; } });
+Object.defineProperty(exports, "merge", { enumerable: true, get: function () { return emotion_1.merge; } });
+Object.defineProperty(exports, "getRegisteredStyles", { enumerable: true, get: function () { return emotion_1.getRegisteredStyles; } });
+Object.defineProperty(exports, "injectGlobal", { enumerable: true, get: function () { return emotion_1.injectGlobal; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return emotion_1.keyframes; } });
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return emotion_1.css; } });
+Object.defineProperty(exports, "sheet", { enumerable: true, get: function () { return emotion_1.sheet; } });
+Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return emotion_1.cache; } });
+var inline_definition_1 = require("./components/inline-definition");
+Object.defineProperty(exports, "InlineDefinition", { enumerable: true, get: function () { return inline_definition_1.InlineDefinition; } });
+var segmented_control_1 = require("@leafygreen-ui/segmented-control");
+Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return segmented_control_1.SegmentedControl; } });
+Object.defineProperty(exports, "SegmentedControlOption", { enumerable: true, get: function () { return segmented_control_1.SegmentedControlOption; } });
+var placeholder_1 = require("./components/placeholder");
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return placeholder_1.Placeholder; } });
+var use_dom_rect_1 = require("./hooks/use-dom-rect");
+Object.defineProperty(exports, "useDOMRect", { enumerable: true, get: function () { return use_dom_rect_1.useDOMRect; } });
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,yFAAgE;AAEvD,4BAFF,4BAAiB,CAEE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/utils/merge-props.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function mergeProps<T extends HTMLElement = HTMLElement>(...props: React.HTMLProps<T>[]): typeof props[number];

package/lib/utils/merge-props.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeProps = void 0;
+const utils_1 = require("@react-aria/utils");
+function mergeProps(...props) {
+    const propsWithRefs = props.filter((prop) => prop.ref);
+    return {
+        ...(0, utils_1.mergeProps)(...props),
+        ...(propsWithRefs.length > 0 && {
+            ref(val) {
+                propsWithRefs.forEach(({ ref }) => {
+                    if (typeof ref === 'function') {
+                        ref(val);
+                    }
+                    else if (ref && typeof ref === 'object') {
+                        ref.current = val;
+                    }
+                });
+            },
+        }),
+    };
+}
+exports.mergeProps = mergeProps;
+//# sourceMappingURL=merge-props.js.map

package/lib/utils/merge-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-props.js","sourceRoot":"","sources":["../../src/utils/merge-props.ts"],"names":[],"mappings":";;;AACA,6CAA8D;AAE9D,SAAgB,UAAU,CACxB,GAAG,KAA2B;IAE9B,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvD,OAAO;QAEL,GAAG,IAAA,kBAAW,EAAC,GAAG,KAAK,CAAC;QACxB,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI;YAC9B,GAAG,CAAC,GAAM;gBACR,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;oBAChC,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;wBAC7B,GAAG,CAAC,GAAG,CAAC,CAAC;qBACV;yBAAM,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;wBACxC,GAAiC,CAAC,OAAO,GAAG,GAAG,CAAC;qBAClD;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC;KACH,CAAC;AACJ,CAAC;AAnBD,gCAmBC"}