@procore/core-react 10.30.0 → 11.0.0-rc.0

package/dist/MenuImperative/MenuImperative.js

@@ -0,0 +1,277 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { isValidElement, useEffect, useMemo, useState } from 'react';
+import { useI18nContext } from '../_hooks/I18n';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { Checkbox } from '../Checkbox';
+import { Typeahead } from '../Typeahead';
+import { StyledDroppable, StyledFooter, StyledGrip, StyledGroup, StyledHeader, StyledItem, StyledWrapper, StyledMenu, StyledOptions, StyledSearch, } from './MenuImperative.styles';
+import { DragDropContext, Droppable as DndDroppable, Draggable, useMouseSensor, useTouchSensor, } from 'react-beautiful-dnd';
+import { Grip } from '@procore/core-icons/dist';
+import { colors } from '../_styles/colors';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { useZIndexContext } from '../_hooks/ZIndex';
+import { createSensors } from './sensors';
+var onScrollBottomThreshold = 8;
+var NO_ANNOUCEMENT = '';
+function noop() { }
+function isScrolledToBottom(e) {
+    return (e.currentTarget instanceof HTMLElement &&
+        e.currentTarget.scrollTop >=
+            e.currentTarget.scrollHeight -
+                e.currentTarget.clientHeight -
+                onScrollBottomThreshold);
+}
+// TODO use the shared mergeRefs utility
+export function useMergeRef(externalRef) {
+    var ref = React.useRef();
+    return [
+        ref,
+        React.useCallback(function (node) {
+            ref.current = node;
+            if (externalRef) {
+                if (typeof externalRef === 'function') {
+                    externalRef(node);
+                }
+                else {
+                    externalRef.current = node;
+                }
+            }
+        }, [externalRef]),
+    ];
+}
+var MenuContext = React.createContext({
+    currentlyDroppableIn: [],
+    onHoverItem: noop,
+    onScrollBottom: noop,
+    onSelect: noop,
+});
+export function useMenuContext() {
+    var context = React.useContext(MenuContext);
+    if (context === null) {
+        throw new Error('Cannot find `Menu` context, please wrap your component in `<MenuContext.Provider>`');
+    }
+    return context;
+}
+/**
+   @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-menu-imperative--demo)
+ */
+var MenuImperative_ = React.forwardRef(function Menu(_a, forwardRef) {
+    var _b = _a.circular, circular = _b === void 0 ? false : _b, _c = _a.onDragEnd, onDragEnd_ = _c === void 0 ? noop : _c, _d = _a.onScrollBottom, onScrollBottom_ = _d === void 0 ? noop : _d, _e = _a.onSelect, onSelect_ = _e === void 0 ? noop : _e, props = __rest(_a, ["circular", "onDragEnd", "onScrollBottom", "onSelect"]);
+    var ref = React.useRef(null);
+    var _f = useState([]), currentlyDroppableIn = _f[0], setCurrentlyDroppableIn = _f[1];
+    // for context, used by Menu.Item
+    var onSelect = React.useCallback(function (selection) {
+        onSelect_(selection);
+    }, [onSelect_]);
+    var _g = useMemo(function () { return createSensors(ref, circular); }, [circular]), handleItemHover = _g.handleItemHover, handleKeyDown = _g.handleKeyDown, highlight = _g.highlight, highlighted = _g.highlighted, highlightFirst = _g.highlightFirst, highlightLast = _g.highlightLast, highlightSelected = _g.highlightSelected, highlightSuggested = _g.highlightSuggested, rehighlightCurrent = _g.rehighlightCurrent, prev = _g.prev, next = _g.next, select = _g.select, updateSelectCallback = _g.updateSelectCallback, useKeyboardSensor = _g.useKeyboardSensor;
+    updateSelectCallback(onSelect);
+    // exposes internal menu API
+    React.useImperativeHandle(forwardRef, function () { return ({
+        el: ref.current,
+        highlight: highlight,
+        highlighted: highlighted,
+        highlightFirst: highlightFirst,
+        highlightLast: highlightLast,
+        highlightSelected: highlightSelected,
+        highlightSuggested: highlightSuggested,
+        next: next,
+        prev: prev,
+        select: select,
+    }); });
+    useEffect(rehighlightCurrent);
+    function onDragStart(start, provided) {
+        // TODO Replace with localized instructions
+        provided.announce(NO_ANNOUCEMENT);
+        var itemInfo = JSON.parse(start.draggableId);
+        setCurrentlyDroppableIn(itemInfo.droppableIn);
+    }
+    function onDragUpdate(_update, provided) {
+        // TODO Replace with localized instructions
+        provided.announce(NO_ANNOUCEMENT);
+    }
+    var onDragEnd = React.useCallback(function (result, provided) {
+        // TODO Replace with localized instructions
+        provided.announce(NO_ANNOUCEMENT);
+        setCurrentlyDroppableIn([]);
+        if (result.reason === 'DROP' && result.destination) {
+            var itemInfo = JSON.parse(result.draggableId);
+            onDragEnd_({
+                draggableId: itemInfo.draggableId,
+                source: result.source,
+                destination: result.destination,
+            });
+        }
+    }, [onDragEnd_]);
+    // for context, used by Menu.Options
+    var onScrollBottom = React.useCallback(function (e) {
+        if (isScrolledToBottom(e)) {
+            onScrollBottom_(e);
+        }
+    }, [onScrollBottom_]);
+    return (React.createElement(MenuContext.Provider, { value: {
+            currentlyDroppableIn: currentlyDroppableIn,
+            onHoverItem: handleItemHover,
+            onScrollBottom: onScrollBottom,
+            onSelect: onSelect,
+        } },
+        React.createElement(StyledWrapper, { ref: ref, onKeyDown: handleKeyDown, tabIndex: 0 },
+            React.createElement(DragDropContext, { onDragStart: onDragStart, onDragUpdate: onDragUpdate, onDragEnd: onDragEnd, enableDefaultSensors: false, sensors: [useMouseSensor, useTouchSensor, useKeyboardSensor] },
+                React.createElement(StyledMenu, __assign({}, props))))));
+});
+export var Group = React.forwardRef(function Group(_a, ref) {
+    var clickable = _a.clickable, _b = _a.item, item = _b === void 0 ? 'group' : _b, props = __rest(_a, ["clickable", "item"]);
+    return (React.createElement(StyledGroup, __assign({ ref: ref, onClick: function (e) {
+            // TODO: implement selecting groups?
+        }, "data-group": true, "data-value": JSON.stringify(item) }, props)));
+});
+function findDraggableRecursively(children, draggableId) {
+    var nodeChildren = React.Children.toArray(children);
+    for (var i = 0; i < nodeChildren.length; i++) {
+        var child = nodeChildren[i];
+        if (isValidElement(child)) {
+            if ('draggableId' in child.props) {
+                if (child.props.draggableId === draggableId) {
+                    return child;
+                }
+            }
+            else {
+                var matchingChild = findDraggableRecursively(child.props.children, draggableId);
+                if (matchingChild) {
+                    return matchingChild;
+                }
+            }
+        }
+    }
+    return null;
+}
+export function Droppable(_a) {
+    var id = _a.id, children = _a.children;
+    var ctx = useMenuContext();
+    var cloneZIndex = useZIndexContext().value;
+    function renderItemClone(provided, _snapshot, rubric) {
+        var _a;
+        var draggableInfo = JSON.parse(rubric.draggableId);
+        var draggingChild = findDraggableRecursively(children, draggableInfo.draggableId);
+        var cloneProps = (_a = draggingChild === null || draggingChild === void 0 ? void 0 : draggingChild.props) !== null && _a !== void 0 ? _a : {};
+        return (React.createElement(ClonedItem, __assign({ hasCheckbox: (draggingChild === null || draggingChild === void 0 ? void 0 : draggingChild.type) === CheckboxItem, provided: provided, cloneZIndex: cloneZIndex }, cloneProps)));
+    }
+    return (React.createElement(DndDroppable, { droppableId: id, isDropDisabled: !ctx.currentlyDroppableIn.includes(id), renderClone: renderItemClone }, function (provided, snapshot) { return (React.createElement(StyledDroppable, { ref: provided.innerRef, "data-droppable": true },
+        children,
+        provided.placeholder)); }));
+}
+// creates a version of a draggable item that can be positioned correctly within modals
+// this should always have the same appearance of an Item or CheckboxItem, but doesn't
+// need to handle selection events, which can't be done while the item is being dragged
+var ClonedItem = function (_a) {
+    var _b = _a.hasCheckbox, hasCheckbox = _b === void 0 ? false : _b, _c = _a.children, children = _c === void 0 ? null : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, provided = _a.provided, props = __rest(_a, ["hasCheckbox", "children", "selected", "provided"]);
+    var itemProps = __assign(__assign({}, props), { $selected: selected });
+    var itemChildren = hasCheckbox ? (React.createElement(Checkbox, { indeterminate: props.indeterminate, error: props.error, checked: selected, onChange: noop }, children)) : (children);
+    return (React.createElement(StyledItem, __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, itemProps, { "$isDraggable": true, "$isDragging": true, style: __assign(__assign(__assign({}, provided.draggableProps.style), props.style), { zIndex: props.cloneZIndex }) }),
+        React.createElement(StyledGrip, null,
+            React.createElement(Grip, { color: colors.gray45 })),
+        itemChildren));
+};
+export var Item = React.forwardRef(function Item(_a, forwardRef) {
+    var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.item, item = _c === void 0 ? null : _c, _d = _a.onClick, onClick_ = _d === void 0 ? noop : _d, _e = _a.selected, selected = _e === void 0 ? false : _e, _f = _a.suggested, suggested = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, props = __rest(_a, ["children", "item", "onClick", "selected", "suggested", "disabled"]);
+    var _h = useMergeRef(forwardRef), ref = _h[0], setRef = _h[1];
+    var ctx = useMenuContext();
+    var onClick = React.useCallback(function (event) {
+        if (disabled)
+            return;
+        onClick_(event);
+        ctx.onSelect({
+            item: item,
+            event: event,
+            group: false,
+            action: selected ? 'unselected' : 'selected',
+        });
+    }, [ctx, item, onClick_, disabled, selected]);
+    var itemProps = __assign(__assign({}, props), { onClick: onClick, onMouseMove: function (e) { return ctx.onHoverItem(e.currentTarget); }, 'data-group': false, 'data-value': JSON.stringify(item), 'data-selected': selected, 'data-suggested': suggested, 'data-disabled': disabled, $disabled: disabled, $selected: selected });
+    if ('droppableIn' in props &&
+        'draggableId' in props &&
+        'draggableIndex' in props) {
+        // encoding id and valid droppables as the draggableId, so we can use them to determine where this item can be dropped
+        var droppableInfo = {
+            draggableId: props.draggableId,
+            droppableIn: Array.isArray(props.droppableIn)
+                ? props.droppableIn
+                : [props.droppableIn],
+        };
+        return (React.createElement(Draggable, { draggableId: JSON.stringify(droppableInfo), index: props.draggableIndex, isDragDisabled: disabled }, function (provided) { return (React.createElement(StyledItem, __assign({ ref: mergeRefs(provided.innerRef, setRef) }, provided.draggableProps, provided.dragHandleProps, itemProps, { "$isDraggable": !disabled, style: __assign(__assign({}, provided.draggableProps.style), itemProps.style), tabIndex: -1 }),
+            !disabled && (React.createElement(StyledGrip, null,
+                React.createElement(Grip, { color: colors.gray45 }))),
+            children)); }));
+    }
+    return (React.createElement(StyledItem, __assign({ ref: setRef }, itemProps), children));
+});
+export var CheckboxItem = React.forwardRef(function CheckboxItem(_a, forwardRef) {
+    var _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.indeterminate, indeterminate = _e === void 0 ? false : _e, _f = _a.children, children = _f === void 0 ? null : _f, props = __rest(_a, ["selected", "disabled", "error", "indeterminate", "children"]);
+    function onCheckboxClick(event) {
+        event.stopPropagation();
+    }
+    return (React.createElement(Item, __assign({}, props, { selected: selected, disabled: disabled, ref: forwardRef }),
+        React.createElement(Checkbox, { indeterminate: indeterminate, error: error, disabled: disabled, checked: selected, onClick: onCheckboxClick, onChange: noop, tabIndex: -1 }, children)));
+});
+export var Options = React.forwardRef(function Options(props, ref) {
+    var ctx = useMenuContext();
+    return (React.createElement(StyledOptions, __assign({}, props, { ref: ref, onScroll: ctx.onScrollBottom, tabIndex: 0 })));
+});
+export var Search = function (_a) {
+    var className = _a.className, _b = _a.i18nScope, i18nScope = _b === void 0 ? 'core.menu' : _b, placeholder = _a.placeholder, _onChange = _a.onChange, props = __rest(_a, ["className", "i18nScope", "placeholder", "onChange"]);
+    var I18n = useI18nContext();
+    var _c = React.useState(''), value = _c[0], setValue = _c[1];
+    var onChange = React.useCallback(function (value, event) {
+        setValue(event.target.value);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(event);
+    }, [_onChange]);
+    return (React.createElement(StyledSearch, { className: className },
+        React.createElement(Typeahead, __assign({}, props, { autoFocus: true, placeholder: placeholder || I18n.t('search', { scope: i18nScope }), onChange: onChange, value: value }))));
+};
+export var Header = React.forwardRef(function Header(_a, ref) {
+    var props = __rest(_a, []);
+    return React.createElement(StyledHeader, __assign({ ref: ref }, props));
+});
+export var Footer = React.forwardRef(function Footer(_a, ref) {
+    var _b = _a.padding, padding = _b === void 0 ? 'md lg' : _b, props = __rest(_a, ["padding"]);
+    return React.createElement(StyledFooter, __assign({ ref: ref, padding: padding }, props));
+});
+MenuImperative_.displayName = 'Menu';
+Droppable.displayName = 'Menu.Droppable';
+Footer.displayName = 'Menu.Footer';
+Group.displayName = 'Menu.Group';
+Header.displayName = 'Menu.Header';
+Item.displayName = 'Menu.Item';
+Options.displayName = 'Menu.Options';
+Search.displayName = 'Menu.Search';
+export var MenuImperative = addSubcomponents({
+    CheckboxItem: CheckboxItem,
+    Droppable: Droppable,
+    Footer: Footer,
+    Group: Group,
+    Header: Header,
+    Item: Item,
+    Options: Options,
+    Search: Search,
+}, MenuImperative_);
+//# sourceMappingURL=MenuImperative.js.map

package/dist/MenuImperative/MenuImperative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuImperative.js","sourceRoot":"","sources":["../../src/MenuImperative/MenuImperative.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAA;AACxD,OAAO,EACL,eAAe,EACf,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,GACb,MAAM,yBAAyB,CAAA;AAgBhC,OAAO,EACL,eAAe,EAEf,SAAS,IAAI,YAAY,EAGzB,SAAS,EAGT,cAAc,EACd,cAAc,GAKf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,IAAM,uBAAuB,GAAG,CAAC,CAAA;AACjC,IAAM,cAAc,GAAG,EAAE,CAAA;AAEzB,SAAS,IAAI,KAAI,CAAC;AAElB,SAAS,kBAAkB,CAAC,CAAyC;IACnE,OAAO,CACL,CAAC,CAAC,aAAa,YAAY,WAAW;QACtC,CAAC,CAAC,aAAa,CAAC,SAAS;YACvB,CAAC,CAAC,aAAa,CAAC,YAAY;gBAC1B,CAAC,CAAC,aAAa,CAAC,YAAY;gBAC5B,uBAAuB,CAC5B,CAAA;AACH,CAAC;AAED,wCAAwC;AACxC,MAAM,UAAU,WAAW,CAAkB,WAAmB;IAC9D,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAK,CAAA;IAE7B,OAAO;QACL,GAAG;QACH,KAAK,CAAC,WAAW,CACf,UAAC,IAAI;YACH,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;YAElB,IAAI,WAAW,EAAE;gBACf,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;oBACrC,WAAW,CAAC,IAAI,CAAC,CAAA;iBAClB;qBAAM;oBACL,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;iBAC3B;aACF;QACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd;KACO,CAAA;AACZ,CAAC;AAED,IAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAe;IACpD,oBAAoB,EAAE,EAAE;IACxB,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,IAAI;CACf,CAAC,CAAA;AAEF,MAAM,UAAU,cAAc;IAC5B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IAE7C,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CACb,oFAAoF,CACrF,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;GAEG;AACH,IAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAqB,SAAS,IAAI,CACxE,EAMC,EACD,UAAU;IANR,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAA4B,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAC5B,sBAAsC,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtC,gBAA0B,EAAhB,SAAS,mBAAG,IAAI,KAAA,EACvB,KAAK,cALV,uDAMC,CADS;IAIV,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,IAAA,KAAkD,QAAQ,CAAW,EAAE,CAAC,EAAvE,oBAAoB,QAAA,EAAE,uBAAuB,QAA0B,CAAA;IAE9E,iCAAiC;IACjC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,UAAU,SAAoB;QAC5B,SAAS,CAAC,SAAS,CAAC,CAAA;IACtB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAEK,IAAA,KAeF,OAAO,CAAC,cAAM,OAAA,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,EAA5B,CAA4B,EAAE,CAAC,QAAQ,CAAC,CAAC,EAdzD,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,oBAAoB,0BAAA,EACpB,iBAAiB,uBACwC,CAAA;IAE3D,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IAE9B,4BAA4B;IAC5B,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAM,OAAA,CAAC;QAC3C,EAAE,EAAE,GAAG,CAAC,OAAO;QACf,SAAS,WAAA;QACT,WAAW,aAAA;QACX,cAAc,gBAAA;QACd,aAAa,eAAA;QACb,iBAAiB,mBAAA;QACjB,kBAAkB,oBAAA;QAClB,IAAI,MAAA;QACJ,IAAI,MAAA;QACJ,MAAM,QAAA;KACP,CAAC,EAX0C,CAW1C,CAAC,CAAA;IAEH,SAAS,CAAC,kBAAkB,CAAC,CAAA;IAE7B,SAAS,WAAW,CAAC,KAAgB,EAAE,QAA2B;QAChE,2CAA2C;QAC3C,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;QACjC,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAC9C,uBAAuB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/C,CAAC;IAED,SAAS,YAAY,CAAC,OAAmB,EAAE,QAA2B;QACpE,2CAA2C;QAC3C,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IACnC,CAAC;IAED,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,UAAU,MAAkB,EAAE,QAA2B;QACvD,2CAA2C;QAC3C,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;QACjC,uBAAuB,CAAC,EAAE,CAAC,CAAA;QAC3B,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE;YAClD,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;YAC/C,UAAU,CAAC;gBACT,WAAW,EAAE,QAAQ,CAAC,WAAW;gBACjC,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,WAAW,EAAE,MAAM,CAAC,WAAW;aAChC,CAAC,CAAA;SACH;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,oCAAoC;IACpC,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,UAAU,CAAyC;QACjD,IAAI,kBAAkB,CAAC,CAAC,CAAC,EAAE;YACzB,eAAe,CAAC,CAAC,CAAC,CAAA;SACnB;IACH,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,oBAAoB,sBAAA;YACpB,WAAW,EAAE,eAAe;YAC5B,cAAc,gBAAA;YACd,QAAQ,UAAA;SACT;QAED,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;YAC5D,oBAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,KAAK,EAC3B,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,iBAAiB,CAAC;gBAE5D,oBAAC,UAAU,eAAK,KAAK,EAAI,CACT,CACJ,CACK,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAuC,EAAE,GAAG;IAA1C,IAAA,SAAS,eAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,KAAK,cAArC,qBAAuC,CAAF;IACpD,OAAO,CACL,oBAAC,WAAW,aACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAC,CAAC;YACT,oCAAoC;QACtC,CAAC,gBACW,IAAI,gBACJ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAC5B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,wBAAwB,CAC/B,QAAyB,EACzB,WAAgB;IAEhB,IAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IACrD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC5C,IAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;QAC7B,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,aAAa,IAAI,KAAK,CAAC,KAAK,EAAE;gBAChC,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,KAAK,WAAW,EAAE;oBAC3C,OAAO,KAAK,CAAA;iBACb;aACF;iBAAM;gBACL,IAAM,aAAa,GAAG,wBAAwB,CAC5C,KAAK,CAAC,KAAK,CAAC,QAAQ,EACpB,WAAW,CACZ,CAAA;gBACD,IAAI,aAAa,EAAE;oBACjB,OAAO,aAAa,CAAA;iBACrB;aACF;SACF;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAgC;QAA9B,EAAE,QAAA,EAAE,QAAQ,cAAA;IACtC,IAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAC5B,IAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC,KAAK,CAAA;IAE5C,SAAS,eAAe,CACtB,QAA2B,EAC3B,SAAiC,EACjC,MAAuB;;QAEvB,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QACpD,IAAM,aAAa,GAAG,wBAAwB,CAC5C,QAAQ,EACR,aAAa,CAAC,WAAW,CAC1B,CAAA;QACD,IAAM,UAAU,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,mCAAI,EAAE,CAAA;QAE7C,OAAO,CACL,oBAAC,UAAU,aACT,WAAW,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,MAAK,YAAY,EACjD,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IACpB,UAAU,EACd,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,YAAY,IACX,WAAW,EAAE,EAAE,EACf,cAAc,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,EACtD,WAAW,EAAE,eAAe,IAE3B,UAAC,QAA2B,EAAE,QAAgC,IAAK,OAAA,CAClE,oBAAC,eAAe,IAAC,GAAG,EAAE,QAAQ,CAAC,QAAQ;QACpC,QAAQ;QACR,QAAQ,CAAC,WAAW,CACL,CACnB,EALmE,CAKnE,CACY,CAChB,CAAA;AACH,CAAC;AAED,uFAAuF;AACvF,sFAAsF;AACtF,uFAAuF;AACvF,IAAM,UAAU,GAAG,UAAC,EAYjB;IAXD,IAAA,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACL,KAAK,cALU,mDAMnB,CADS;IAQR,IAAM,SAAS,yBACV,KAAK,KACR,SAAS,EAAE,QAAQ,GACpB,CAAA;IAED,IAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,CACjC,oBAAC,QAAQ,IACP,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,IAAI,IAEb,QAAQ,CACA,CACZ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe,EACxB,SAAS,+CAGb,KAAK,iCACA,QAAQ,CAAC,cAAc,CAAC,KAAK,GAC7B,KAAK,CAAC,KAAK,KACd,MAAM,EAAE,KAAK,CAAC,WAAW;QAG3B,oBAAC,UAAU;YACT,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CACnB;QACZ,YAAY,CACF,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CACb,EAQC,EACD,UAAU;IARR,IAAA,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,eAAwB,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,cAPV,oEAQC,CADS;IAIJ,IAAA,KAAgB,WAAW,CAAiB,UAAU,CAAC,EAAtD,GAAG,QAAA,EAAE,MAAM,QAA2C,CAAA;IAE7D,IAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAE5B,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,UAAU,KAAmD;QAC3D,IAAI,QAAQ;YAAE,OAAM;QAEpB,QAAQ,CAAC,KAAK,CAAC,CAAA;QAEf,GAAG,CAAC,QAAQ,CAAC;YACX,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;SAC7C,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC1C,CAAA;IAED,IAAM,SAAS,yBACV,KAAK,KACR,OAAO,SAAA,EACP,WAAW,EAAE,UAAC,CAAM,IAAK,OAAA,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EACzD,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAClC,eAAe,EAAE,QAAQ,EACzB,gBAAgB,EAAE,SAAS,EAC3B,eAAe,EAAE,QAAQ,EACzB,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAE,QAAQ,GACpB,CAAA;IAED,IACE,aAAa,IAAI,KAAK;QACtB,aAAa,IAAI,KAAK;QACtB,gBAAgB,IAAI,KAAK,EACzB;QACA,sHAAsH;QACtH,IAAM,aAAa,GAAG;YACpB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC;gBAC3C,CAAC,CAAC,KAAK,CAAC,WAAW;gBACnB,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;SACxB,CAAA;QACD,OAAO,CACL,oBAAC,SAAS,IACR,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAC1C,KAAK,EAAE,KAAK,CAAC,cAAc,EAC3B,cAAc,EAAE,QAAQ,IAEvB,UAAC,QAA2B,IAAK,OAAA,CAChC,oBAAC,UAAU,aACT,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,IACrC,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe,EACxB,SAAS,oBACC,CAAC,QAAQ,EACvB,KAAK,wBAAO,QAAQ,CAAC,cAAc,CAAC,KAAK,GAAK,SAAS,CAAC,KAAK,GAC7D,QAAQ,EAAE,CAAC,CAAC;YAEX,CAAC,QAAQ,IAAI,CACZ,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,CACnB,CACd;YACA,QAAQ,CACE,CACd,EAjBiC,CAiBjC,CACS,CACb,CAAA;KACF;IAED,OAAO,CACL,oBAAC,UAAU,aAAC,GAAG,EAAE,MAAM,IAAM,SAAS,GACnC,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAK1C,SAAS,YAAY,CACrB,EAOC,EACD,UAAU;IAPR,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,KAAK,cANV,8DAOC,CADS;IAIV,SAAS,eAAe,CACtB,KAAmD;QAEnD,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,eAAK,KAAK,IAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU;QACtE,oBAAC,QAAQ,IACP,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CACA,CACN,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,KAAK,EAAE,GAAG;IACzB,IAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAE5B,OAAO,CACL,oBAAC,aAAa,eACR,KAAK,IACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,GAAG,CAAC,cAAc,EAC5B,QAAQ,EAAE,CAAC,IACX,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAML;IALhB,IAAA,SAAS,eAAA,EACT,iBAAuB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,WAAW,iBAAA,EACD,SAAS,cAAA,EAChB,KAAK,cALa,qDAMtB,CADS;IAER,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAEvB,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAArC,KAAK,QAAA,EAAE,QAAQ,QAAsB,CAAA;IAE5C,IAAM,QAAQ,GAA+B,KAAK,CAAC,WAAW,CAC5D,UAAU,KAAK,EAAE,KAAK;QACpB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS;QAChC,oBAAC,SAAS,eACJ,KAAK,IACT,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAClE,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACZ,CACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAGpC,SAAS,MAAM,CAAC,EAAY,EAAE,GAAG;QAAZ,KAAK,cAAV,EAAY,CAAF;IAC1B,OAAO,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AAC9C,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAGpC,SAAS,MAAM,CAAC,EAA+B,EAAE,GAAG;IAAlC,IAAA,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EAAK,KAAK,cAA7B,WAA+B,CAAF;IAC7C,OAAO,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAA;AAChE,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,MAAM,CAAA;AAEpC,SAAS,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAExC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAElC,KAAK,CAAC,WAAW,GAAG,YAAY,CAAA;AAEhC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAElC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;AAE9B,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA;AAEpC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAElC,MAAM,CAAC,IAAM,cAAc,GAAG,gBAAgB,CAC5C;IACE,YAAY,cAAA;IACZ,SAAS,WAAA;IACT,MAAM,QAAA;IACN,KAAK,OAAA;IACL,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,MAAM,QAAA;CACP,EACD,eAAe,CAChB,CAAA"}

package/dist/MenuImperative/MenuImperative.styles.d.ts

@@ -0,0 +1,20 @@
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledOptions: import("styled-components").StyledComponent<"div", any, {
+    $scrollable?: boolean | undefined;
+}, never>;
+export declare const StyledGrip: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledGroup: import("styled-components").StyledComponent<"div", any, {
+    $clickable?: boolean | undefined;
+}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {
+    $disabled?: boolean | undefined;
+    $selected?: boolean | undefined;
+    $highlighted?: boolean | undefined;
+    $isDraggable?: boolean | undefined;
+    $isDragging?: boolean | undefined;
+}, never>;
+export declare const StyledDroppable: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/MenuImperative/MenuImperative.styles.js

@@ -0,0 +1,53 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { Box } from '../Box';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles';
+import { getFocus } from '../_styles/mixins';
+var optionMinHeight = 32;
+// Do not merge with StyledMenu, needed for max-height working in IE
+export var StyledWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  max-height: inherit;\n  min-width: inherit;\n  outline: none;\n  width: inherit;\n"], ["\n  display: flex;\n  max-height: inherit;\n  min-width: inherit;\n  outline: none;\n  width: inherit;\n"])));
+export var StyledMenu = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  outline: 0;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  outline: 0;\n  width: 100%;\n"])));
+export var StyledOptions = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-basis: auto;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-height: ", "px;\n  ", ";\n  padding: ", "px 0;\n  position: relative;\n\n  &:focus {\n    ", "\n    margin: -1px;\n  }\n"], ["\n  flex-basis: auto;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-height: ", "px;\n  ", ";\n  padding: ", "px 0;\n  position: relative;\n\n  &:focus {\n    ", "\n    margin: -1px;\n  }\n"])), optionMinHeight, function (_a) {
+    var _b = _a.$scrollable, $scrollable = _b === void 0 ? true : _b;
+    return $scrollable && "overflow-y: auto";
+}, spacing.sm, getFocus());
+export var StyledGrip = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0 2px;\n  height: 24px;\n  visibility: hidden;\n"], ["\n  padding: 0 2px;\n  height: 24px;\n  visibility: hidden;\n"])));
+export var StyledHeader = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
+export var StyledSearch = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding: ", "px ", "px ", "px;\n"], ["\n  padding: ", "px ", "px ", "px;\n"])), spacing.lg, spacing.lg, spacing.sm);
+export var StyledGroup = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n\n  color: ", ";\n  cursor: ", ";\n  font-weight: ", ";\n  padding: ", "px ", "px;\n\n  &:not(:first-child) {\n    padding-top: ", "px;\n  }\n"], ["\n  ", "\n\n  color: ", ";\n  cursor: ", ";\n  font-weight: ", ";\n  padding: ", "px ", "px;\n\n  &:not(:first-child) {\n    padding-top: ", "px;\n  }\n"])), getTypographyIntent('body'), colors.gray15, function (_a) {
+    var $clickable = _a.$clickable;
+    return ($clickable ? 'pointer' : 'default');
+}, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
+export var StyledItem = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", ";\n\n  cursor: pointer;\n  list-style-type: none;\n  padding: ", "px ", "px;\n\n  a {\n    // We decided to use a negative margin trick here to allow us to continue\n    // to use listNavigation without having to rewrite a bunch of code in js\n    color: ", ";\n    display: block;\n    margin: -", "px -", "px;\n    padding: ", "px ", "px;\n    text-decoration: none;\n\n    &:hover {\n      color: ", ";\n      text-decoration: none;\n    }\n  }\n\n  &[data-highlighted='true'] {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &:hover,\n  &:active {\n    ", " {\n      visibility: visible;\n    }\n  }\n\n  ", " {\n    color: inherit;\n    cursor: pointer;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", ";\n\n  cursor: pointer;\n  list-style-type: none;\n  padding: ", "px ", "px;\n\n  a {\n    // We decided to use a negative margin trick here to allow us to continue\n    // to use listNavigation without having to rewrite a bunch of code in js\n    color: ", ";\n    display: block;\n    margin: -", "px -", "px;\n    padding: ", "px ", "px;\n    text-decoration: none;\n\n    &:hover {\n      color: ", ";\n      text-decoration: none;\n    }\n  }\n\n  &[data-highlighted='true'] {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &:hover,\n  &:active {\n    ", " {\n      visibility: visible;\n    }\n  }\n\n  ", " {\n    color: inherit;\n    cursor: pointer;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), getTypographyIntent('body'), spacing.xs, spacing.lg, colors.gray15, spacing.xs, spacing.lg, spacing.xs, spacing.lg, colors.gray15, colors.gray96, function (_a) {
+    var $highlighted = _a.$highlighted;
+    return $highlighted && "background-color: ".concat(colors.gray96, ";");
+}, StyledGrip, StyledCheckboxLabel, function (_a) {
+    var $disabled = _a.$disabled, $selected = _a.$selected;
+    if ($disabled) {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        &,\n        ", " {\n          color: ", ";\n          cursor: default;\n        }\n      "], ["\n        &,\n        ", " {\n          color: ", ";\n          cursor: default;\n        }\n      "])), StyledCheckboxLabel, colors.gray85);
+    }
+    else if ($selected) {
+        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        color: ", ";\n        font-weight: 700;\n\n        a,\n        a:hover {\n          color: ", ";\n          text-decoration: none;\n        }\n\n        &[data-highlighted='true'] {\n          background-color: ", ";\n        }\n      "], ["\n        color: ", ";\n        font-weight: 700;\n\n        a,\n        a:hover {\n          color: ", ";\n          text-decoration: none;\n        }\n\n        &[data-highlighted='true'] {\n          background-color: ", ";\n        }\n      "])), colors.blue50, colors.blue50, colors.gray96);
+    }
+    return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      color: ", ";\n\n      &[data-highlighted='true'] {\n        background-color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      &[data-highlighted='true'] {\n        background-color: ", ";\n      }\n    "])), colors.gray15, colors.gray96);
+}, function (_a) {
+    var $isDraggable = _a.$isDraggable;
+    if ($isDraggable) {
+        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n\n        ", " {\n          cursor: grab;\n\n          // The unchecked and checked icons\n          &:before,\n          &:after {\n            cursor: pointer;\n          }\n        }\n\n        &&& {\n          padding-left: 0;\n        }\n      "], ["\n        display: flex;\n        align-items: center;\n\n        ", " {\n          cursor: grab;\n\n          // The unchecked and checked icons\n          &:before,\n          &:after {\n            cursor: pointer;\n          }\n        }\n\n        &&& {\n          padding-left: 0;\n        }\n      "])), StyledCheckboxLabel);
+    }
+}, function (_a) {
+    var $isDragging = _a.$isDragging;
+    if ($isDragging) {
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        background-color: ", ";\n\n        ", " {\n          visibility: visible;\n        }\n      "], ["\n        background-color: ", ";\n\n        ", " {\n          visibility: visible;\n        }\n      "])), colors.gray96, StyledGrip);
+    }
+});
+export var StyledDroppable = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", ", ", " {\n    padding-left: 28px;\n  }\n"], ["\n  ", ", ", " {\n    padding-left: 28px;\n  }\n"])), StyledGroup, StyledItem);
+export var StyledFooter = styled(Box)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n"], ["\n  border-top: 1px solid ", ";\n"])), colors.gray85);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+//# sourceMappingURL=MenuImperative.styles.js.map

package/dist/MenuImperative/MenuImperative.styles.js.map

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

package/dist/MenuImperative/MenuImperative.types.d.ts

@@ -0,0 +1,208 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+import { Props } from '../_utils/types';
+import { TypeaheadProps } from '../Typeahead';
+import { TypeaheadInputProps } from '../Typeahead/Typeahead.types';
+export declare type Ref<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+declare type Div = React.ComponentPropsWithoutRef<'div'>;
+export interface Selection {
+    /**
+     * @since 10.19.0
+     */
+    event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>;
+    /**
+     * @since 10.19.0
+     */
+    group: boolean;
+    /**
+     * @since 10.19.0
+     */
+    item: any;
+    /**
+     * @since 10.19.0
+     */
+    action: 'selected' | 'unselected';
+}
+export interface Reorder {
+    /**
+     * @since 10.19.0
+     */
+    draggableId: string;
+    /**
+     * @since 10.19.0
+     */
+    source: {
+        index: number;
+        droppableId: string;
+    };
+    /**
+     * @since 10.19.0
+     */
+    destination: {
+        index: number;
+        droppableId: string;
+    };
+}
+export interface MenuProps extends Omit<Div, 'onSelect' | 'onDragEnd'> {
+    /**
+     * @since 10.19.0
+     */
+    circular?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    multiple?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onDragEnd?: (result: Reorder) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => any;
+}
+export interface MenuRef {
+    /**
+     * @since 10.19.0
+     */
+    el: HTMLDivElement | null;
+    /**
+     * @since 10.19.0
+     */
+    highlight: (item: HTMLElement, shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightFirst: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightLast: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightSelected: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightSuggested: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlighted: () => any;
+    /**
+     * @since 10.19.0
+     */
+    next: (circular?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    prev: (circular?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    select: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+}
+export interface ItemProps {
+    /**
+     * @since 10.19.0
+     */
+    item: any;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    suggested?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+}
+export interface ItemWithDraggingProps extends ItemProps {
+    /**
+     * @since 10.19.0
+     */
+    droppableIn: string | string[];
+    /**
+     * @since 10.19.0
+     */
+    draggableId: string;
+    /**
+     * @since 10.19.0
+     */
+    draggableIndex: number;
+}
+export interface GroupProps {
+    /**
+     * @since 10.19.0
+     */
+    clickable?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    item?: any;
+}
+export interface OptionsProps {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+}
+export interface MenuSearchProps extends Omit<TypeaheadProps, 'onChange'>, TypeaheadInputProps, Props {
+    /**
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @since 10.21.0
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface HeaderProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+}
+export interface DroppableProps {
+    /**
+     * @since 10.19.0
+     */
+    id: string;
+    /**
+     * @since 10.19.0
+     */
+    children: React.ReactNode;
+}
+export interface FooterProps extends Omit<BoxProps, 'as'> {
+}
+export interface MenuContext {
+    /**
+     * @since 10.19.0
+     */
+    currentlyDroppableIn: string[];
+    /**
+     * @since 10.19.0
+     */
+    onHoverItem: (el?: HTMLDivElement) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect: (selection: Selection) => void;
+}
+export {};

package/dist/MenuImperative/MenuImperative.types.js.map

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

package/dist/MenuImperative/index.d.ts

@@ -0,0 +1 @@
+export { MenuImperative as UNSAFE_Menu } from './MenuImperative';

package/dist/MenuImperative/index.js

@@ -0,0 +1,2 @@
+export { MenuImperative as UNSAFE_Menu } from './MenuImperative';
+//# sourceMappingURL=index.js.map

package/dist/MenuImperative/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuImperative/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAA"}