datocms-react-ui 0.3.17 → 0.3.21

package/dist/cjs/Dropdown/Menu.js

@@ -0,0 +1,250 @@
+"use strict";
+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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var react_1 = __importStar(require("react"));
+var scroll_into_view_if_needed_1 = __importDefault(require("scroll-into-view-if-needed"));
+var react_intersection_observer_1 = require("react-intersection-observer");
+var Portal_1 = require("./Portal");
+var useMediaQuery_1 = require("../useMediaQuery");
+var DropdownContext_1 = require("./DropdownContext");
+var Group_1 = require("./Group");
+var MenuContext_1 = require("./MenuContext");
+var Option_1 = require("./Option");
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+var mergeRefs_1 = require("../mergeRefs");
+var classnames_1 = __importDefault(require("classnames"));
+var MenuMobileContainer = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(Portal_1.Portal, null,
+        react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__mobile-container'], style: { zIndex: 1000 } },
+            react_1.default.createElement("div", { className: styles_module_css_json_1.default['Modal__backdrop'] }),
+            children)));
+};
+var MenuDesktopContainer = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    return (react_1.default.createElement(Portal_1.Portal, null,
+        react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu-container'], style: { zIndex: 1000 }, ref: ref }, children)));
+});
+function getAbsoluteHeight(el) {
+    var styles = window.getComputedStyle(el);
+    var margin = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+    return Math.ceil(el.offsetHeight + margin);
+}
+function getAbsoluteWidth(el) {
+    var styles = window.getComputedStyle(el);
+    var margin = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
+    return Math.ceil(el.offsetWidth + margin);
+}
+function setPosition(panel, parent, alignment) {
+    var rect = parent.getBoundingClientRect();
+    var height = getAbsoluteHeight(panel);
+    var parentWidth = getAbsoluteWidth(parent);
+    var width = getAbsoluteWidth(panel);
+    if (alignment === 'left') {
+        // eslint-disable-next-line no-param-reassign
+        panel.style.left = rect.left + window.pageXOffset + "px";
+    }
+    else {
+        // eslint-disable-next-line no-param-reassign
+        panel.style.left = rect.left + window.pageXOffset + parentWidth - width + "px";
+    }
+    var windowHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+    var menu = panel.querySelector('.' + styles_module_css_json_1.default['Dropdown__menu']);
+    if (!menu) {
+        return;
+    }
+    var styles = window.getComputedStyle(menu);
+    var marginTop = parseFloat(styles.marginTop);
+    var fitsBelow = rect.bottom + height <= windowHeight;
+    var fitsAbove = rect.top - height > 0;
+    if (!fitsBelow && fitsAbove) {
+        // eslint-disable-next-line no-param-reassign
+        panel.style.top = rect.bottom - height + "px";
+    }
+    else if (fitsBelow) {
+        // eslint-disable-next-line no-param-reassign
+        panel.style.top = rect.bottom + "px";
+    }
+    else {
+        var spaceAbove = rect.top;
+        var spaceBelow = windowHeight - rect.bottom;
+        if (spaceBelow > spaceAbove) {
+            // eslint-disable-next-line no-param-reassign
+            panel.style.top = rect.bottom + "px";
+            menu.style.maxHeight = windowHeight - rect.bottom - marginTop - 10 + "px";
+        }
+        else {
+            // eslint-disable-next-line no-param-reassign
+            panel.style.top = "0px";
+            menu.style.maxHeight = rect.top - marginTop + "px";
+        }
+    }
+    // eslint-disable-next-line no-param-reassign
+    panel.style.visibility = 'visible';
+}
+var Menu = function (_a) {
+    var _b;
+    var children = _a.children, _c = _a.alignment, alignment = _c === void 0 ? 'left' : _c;
+    var closeMenu = (0, react_1.useContext)(DropdownContext_1.DropdownContext).closeMenu;
+    var childrenArray = react_1.default.Children.toArray(children);
+    var _d = (0, react_1.useState)(''), searchTerm = _d[0], setSearchTerm = _d[1];
+    var _e = (0, react_1.useState)([]), options = _e[0], setOptions = _e[1];
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        setSearchTerm(e.target.value);
+    }, [setSearchTerm]);
+    var anyGroup = childrenArray.some(function (child) {
+        return typeof child === 'object' && 'type' in child && child.type === Group_1.Group;
+    });
+    var matches = (0, useMediaQuery_1.useMediaQuery)('(max-width: 1024px)').matches;
+    var addOption = (0, react_1.useCallback)(function (id) {
+        setOptions(function (old) { return __spreadArray(__spreadArray([], old, true), [{ id: id }], false); });
+        return function () {
+            setOptions(function (old) { return old.filter(function (x) { return x.id !== id; }); });
+        };
+    }, [setOptions]);
+    var setClickHandlerForOption = (0, react_1.useCallback)(function (id, handler) {
+        setOptions(function (old) {
+            return old.map(function (x) { return (x.id !== id ? x : __assign(__assign({}, x), { handler: handler })); });
+        });
+    }, [setOptions]);
+    var contentRef = (0, react_1.useRef)(null);
+    var handleKeyDown = (0, react_1.useCallback)(function (event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            closeMenu();
+        }
+        if (['ArrowDown', 'ArrowUp'].includes(event.key)) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!contentRef.current) {
+                return;
+            }
+            var delta = event.key === 'ArrowUp' ? -1 : 1;
+            var selectedOption_1 = contentRef.current.querySelector('.' + styles_module_css_json_1.default['Dropdown__menu__option--is-selected']);
+            var nextOption = void 0;
+            if (!selectedOption_1) {
+                nextOption = contentRef.current.querySelector('.' + styles_module_css_json_1.default['Dropdown__menu__option']);
+            }
+            else {
+                var elements = Array.from(contentRef.current.querySelectorAll('.' + styles_module_css_json_1.default['Dropdown__menu__option']));
+                var index = elements.findIndex(function (el) { return el === selectedOption_1; });
+                var nextIndex = index + delta < 0
+                    ? elements.length - 1
+                    : (index + delta) % elements.length;
+                nextOption = elements[nextIndex];
+                selectedOption_1.classList.remove(styles_module_css_json_1.default['Dropdown__menu__option--is-selected']);
+            }
+            if (nextOption) {
+                nextOption.classList.add(styles_module_css_json_1.default['Dropdown__menu__option--is-selected']);
+                (0, scroll_into_view_if_needed_1.default)(nextOption, {
+                    scrollMode: 'if-needed',
+                    behavior: 'auto',
+                });
+            }
+        }
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!contentRef.current) {
+                return;
+            }
+            var selectedOption = contentRef.current.querySelector('.' + styles_module_css_json_1.default['Dropdown__menu__option--is-selected']);
+            if (selectedOption) {
+                var id_1 = selectedOption.dataset.optionId;
+                var option = options.find(function (x) { return x.id === id_1; });
+                if (option && option.handler) {
+                    option.handler(event);
+                }
+            }
+        }
+    }, [options]);
+    var _f = (0, react_intersection_observer_1.useInView)({
+        threshold: 0,
+        rootMargin: '0px 0px 0px 0px',
+        triggerOnce: false,
+    }), observerRef = _f[0], inView = _f[1], entry = _f[2];
+    var parentRef = (0, react_1.createRef)();
+    var menuRef = (0, react_1.createRef)();
+    var reposition = (0, react_1.useCallback)(function () {
+        if (menuRef.current && parentRef.current) {
+            setPosition(menuRef.current, parentRef.current, alignment);
+        }
+    }, [menuRef, parentRef, alignment]);
+    (0, react_1.useEffect)(function () {
+        reposition();
+    }, [inView, entry === null || entry === void 0 ? void 0 : entry.intersectionRatio]);
+    (0, react_1.useEffect)(function () {
+        if (menuRef.current && parentRef.current) {
+            var resizeObserver_1 = new ResizeObserver(reposition);
+            resizeObserver_1.observe(menuRef.current);
+            resizeObserver_1.observe(parentRef.current);
+            return function () {
+                resizeObserver_1.disconnect();
+            };
+        }
+        return undefined;
+    }, [menuRef, reposition]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener('resize', reposition);
+        return function () { return window.removeEventListener('resize', reposition); };
+    }, [reposition]);
+    var Wrapper = matches ? MenuMobileContainer : MenuDesktopContainer;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: (0, mergeRefs_1.mergeRefs)(observerRef, parentRef), className: styles_module_css_json_1.default['Dropdown__spacer'] }),
+        react_1.default.createElement(Wrapper, { ref: menuRef },
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Dropdown__menu'], (_b = {},
+                    _b[styles_module_css_json_1.default['Dropdown__menu--fullscreen']] = matches,
+                    _b)) },
+                options.length > 5 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__search'] },
+                    react_1.default.createElement("input", { type: "text", value: searchTerm || '', onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Search...", autoFocus: true, className: styles_module_css_json_1.default['Dropdown__menu__search__input'] }))),
+                react_1.default.createElement(MenuContext_1.MenuContext.Provider, { value: { searchTerm: searchTerm, addOption: addOption, setClickHandlerForOption: setClickHandlerForOption } },
+                    react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__inner'], ref: contentRef }, anyGroup ? (children) : (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__group__content'] }, children))))),
+            matches ? (react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__inner'] },
+                    react_1.default.createElement(Option_1.Option, { closeMenuOnClick: true }, "Close")))) : null)));
+};
+exports.Menu = Menu;
+//# sourceMappingURL=Menu.js.map

package/dist/cjs/Dropdown/Menu.js.map

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

package/dist/cjs/Dropdown/MenuContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuContext = void 0;
+var react_1 = require("react");
+exports.MenuContext = (0, react_1.createContext)({
+    searchTerm: '',
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    addOption: function () { },
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setClickHandlerForOption: function () { },
+});
+//# sourceMappingURL=MenuContext.js.map

package/dist/cjs/Dropdown/MenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["../../../src/Dropdown/MenuContext.tsx"],"names":[],"mappings":";;;AAAA,+BAAsD;AAWzC,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAU;IAChD,UAAU,EAAE,EAAE;IACd,gEAAgE;IAChE,SAAS,EAAE,cAAO,CAAC;IACnB,gEAAgE;IAChE,wBAAwB,EAAE,cAAO,CAAC;CACnC,CAAC,CAAC"}

package/dist/cjs/Dropdown/Option.js

@@ -0,0 +1,100 @@
+"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.Option = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importStar(require("react"));
+var __1 = require("..");
+var DropdownContext_1 = require("./DropdownContext");
+var MenuContext_1 = require("./MenuContext");
+var OptionAction_1 = require("./OptionAction");
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+var Option = function (_a) {
+    var _b;
+    var onClick = _a.onClick, to = _a.to, active = _a.active, red = _a.red, valid = _a.valid, invalid = _a.invalid, children = _a.children, disabled = _a.disabled, closeMenuOnClick = _a.closeMenuOnClick;
+    var ctx = (0, __1.useCtx)();
+    var id = (0, react_1.useMemo)(function () { return new Date().getTime().toString(36); }, []);
+    var _c = (0, react_1.useContext)(MenuContext_1.MenuContext), searchTerm = _c.searchTerm, addOption = _c.addOption, setClickHandlerForOption = _c.setClickHandlerForOption;
+    var childrenArray = react_1.default.Children.toArray(children);
+    var buttons = childrenArray.filter(function (child) {
+        return typeof child === 'object' &&
+            'type' in child &&
+            child.type === OptionAction_1.OptionAction;
+    });
+    var notButtons = childrenArray.filter(function (child) {
+        return typeof child !== 'object' ||
+            !('type' in child) ||
+            child.type !== OptionAction_1.OptionAction;
+    });
+    var contentRef = (0, react_1.useRef)(null);
+    var _d = (0, react_1.useState)(''), innerText = _d[0], setInnerText = _d[1];
+    (0, react_1.useEffect)(function () {
+        if (contentRef.current) {
+            setInnerText(contentRef.current.innerText);
+        }
+    });
+    var closeMenu = (0, react_1.useContext)(DropdownContext_1.DropdownContext).closeMenu;
+    var handleClick = (0, react_1.useCallback)(function (e) {
+        if (!onClick && !to) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled) {
+            return;
+        }
+        if (closeMenuOnClick !== null && closeMenuOnClick !== void 0 ? closeMenuOnClick : true) {
+            closeMenu();
+        }
+        if (to) {
+            ctx === null || ctx === void 0 ? void 0 : ctx.navigateTo(to);
+        }
+        if (onClick) {
+            onClick(e);
+        }
+    }, [closeMenuOnClick, closeMenu, onClick, to]);
+    (0, react_1.useEffect)(function () {
+        return addOption(id);
+    }, [id]);
+    (0, react_1.useEffect)(function () {
+        return setClickHandlerForOption(id, handleClick);
+    }, [id, handleClick, setClickHandlerForOption]);
+    if (innerText &&
+        searchTerm &&
+        !innerText.toLowerCase().includes(searchTerm.toLowerCase())) {
+        return null;
+    }
+    var content = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default['Dropdown__menu__option__content'], ref: contentRef, onClick: handleClick }, notButtons),
+        buttons.length > 0 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__option__icons'] }, buttons))));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Dropdown__menu__option'], (_b = {},
+            _b[styles_module_css_json_1.default['Dropdown__menu__option--is-active']] = active,
+            _b[styles_module_css_json_1.default['Dropdown__menu__option--is-disabled']] = disabled,
+            _b[styles_module_css_json_1.default['Dropdown__menu__option--is-valid']] = valid,
+            _b[styles_module_css_json_1.default['Dropdown__menu__option--is-invalid']] = invalid,
+            _b[styles_module_css_json_1.default['Dropdown__menu__option--is-dangerous']] = red,
+            _b)), "data-option-id": id }, content));
+};
+exports.Option = Option;
+//# sourceMappingURL=Option.js.map

package/dist/cjs/Dropdown/Option.js.map

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

package/dist/cjs/Dropdown/OptionAction.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionAction = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var DropdownContext_1 = require("./DropdownContext");
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+var OptionAction = function (_a) {
+    var icon = _a.icon, red = _a.red, onClick = _a.onClick, closeMenuOnClick = _a.closeMenuOnClick;
+    return (react_1.default.createElement(DropdownContext_1.DropdownContext.Consumer, null, function (context) {
+        var _a;
+        return (react_1.default.createElement("button", { type: "button", className: (0, classnames_1.default)(styles_module_css_json_1.default['Dropdown__menu__option__icon'], (_a = {},
+                _a[styles_module_css_json_1.default['Dropdown__menu__option__icon--delete']] = red,
+                _a)), onClick: function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+                if (closeMenuOnClick !== null && closeMenuOnClick !== void 0 ? closeMenuOnClick : true) {
+                    context.closeMenu();
+                }
+                onClick(e);
+            } }, icon));
+    }));
+};
+exports.OptionAction = OptionAction;
+exports.OptionAction.displayName = 'DropdownOptionAction';
+//# sourceMappingURL=OptionAction.js.map

package/dist/cjs/Dropdown/OptionAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionAction.js","sourceRoot":"","sources":["../../../src/Dropdown/OptionAction.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAAyC;AACzC,qDAAoD;AACpD,oFAAyC;AASlC,IAAM,YAAY,GAAG,UAAC,EAKT;QAJlB,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,OAAO,aAAA,EACP,gBAAgB,sBAAA;IACoB,OAAA,CACpC,8BAAC,iCAAe,CAAC,QAAQ,QACtB,UAAC,OAAO;;QAAK,OAAA,CACZ,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,8BAA8B,CAAC;gBACrD,GAAC,gCAAC,CAAC,sCAAsC,CAAC,IAAG,GAAG;oBAChD,EACF,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBAEpB,IAAI,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,EAAE;oBAC5B,OAAO,CAAC,SAAS,EAAE,CAAC;iBACrB;gBACD,OAAO,CAAC,CAAC,CAAC,CAAC;YACb,CAAC,IAEA,IAAI,CACE,CACV;IAlBa,CAkBb,CACwB,CAC5B;AAtBqC,CAsBrC,CAAC;AA3BW,QAAA,YAAY,gBA2BvB;AAEF,oBAAY,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/cjs/Dropdown/Portal.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = void 0;
+var react_dom_1 = __importDefault(require("react-dom"));
+var react_1 = __importStar(require("react"));
+var __1 = require("..");
+var styles_module_css_json_1 = __importDefault(require("../Canvas/styles.module.css.json"));
+var generateStyleFromCtx_1 = require("../generateStyleFromCtx");
+var classnames_1 = __importDefault(require("classnames"));
+function Portal(_a) {
+    var children = _a.children;
+    var ctx = (0, __1.useCtx)();
+    var elRef = (0, react_1.useRef)(typeof document === 'undefined' ? null : document.createElement('div'));
+    (0, react_1.useEffect)(function () {
+        if (!elRef.current || !document.body) {
+            return;
+        }
+        document.body.appendChild(elRef.current);
+        return function () {
+            if (elRef.current) {
+                document.body.removeChild(elRef.current);
+            }
+        };
+    }, []);
+    if (!elRef.current) {
+        return null;
+    }
+    return react_dom_1.default.createPortal(react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['themeVariables'], styles_module_css_json_1.default['canvas']), style: (0, generateStyleFromCtx_1.generateStyleFromCtx)(ctx) }, children), elRef.current);
+}
+exports.Portal = Portal;
+//# sourceMappingURL=Portal.js.map

package/dist/cjs/Dropdown/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/Dropdown/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAiC;AACjC,6CAA4D;AAC5D,wBAA4B;AAC5B,4FAAiD;AACjD,gEAA+D;AAC/D,0DAAoC;AAEpC,SAAgB,MAAM,CAAC,EAItB;QAHC,QAAQ,cAAA;IAIR,IAAM,GAAG,GAAG,IAAA,UAAM,GAAE,CAAC;IAErB,IAAM,KAAK,GAAG,IAAA,cAAM,EAClB,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CACvE,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;YACpC,OAAO;SACR;QAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEzC,OAAO;YACL,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1C;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,gBAAgB,CAAC,EAAE,gCAAC,CAAC,QAAQ,CAAC,CAAC,EACvD,KAAK,EAAE,IAAA,2CAAoB,EAAC,GAAG,CAAC,IAE/B,QAAQ,CACL,EACN,KAAK,CAAC,OAAO,CACd,CAAC;AACJ,CAAC;AAtCD,wBAsCC"}

package/dist/cjs/Dropdown/Separator.js

@@ -0,0 +1,37 @@
+"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.Separator = void 0;
+var react_1 = __importStar(require("react"));
+var MenuContext_1 = require("./MenuContext");
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+var Separator = function () {
+    var searchTerm = (0, react_1.useContext)(MenuContext_1.MenuContext).searchTerm;
+    if (searchTerm) {
+        return null;
+    }
+    return react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__separator'] });
+};
+exports.Separator = Separator;
+//# sourceMappingURL=Separator.js.map

package/dist/cjs/Dropdown/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/Dropdown/Separator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,6CAA4C;AAC5C,oFAAyC;AAElC,IAAM,SAAS,GAAG;IACf,IAAA,UAAU,GAAK,IAAA,kBAAU,EAAC,yBAAW,CAAC,WAA5B,CAA6B;IAE/C,IAAI,UAAU,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,gCAAC,CAAC,2BAA2B,CAAC,GAAI,CAAC;AAC5D,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB"}

package/dist/cjs/Dropdown/Text.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+function Text(_a) {
+    var children = _a.children;
+    return react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__text'] }, children);
+}
+exports.Text = Text;
+//# sourceMappingURL=Text.js.map

package/dist/cjs/Dropdown/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/Dropdown/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,oFAAyC;AAIzC,SAAgB,IAAI,CAAC,EAAuB;QAArB,QAAQ,cAAA;IAC7B,OAAO,uCAAK,SAAS,EAAE,gCAAC,CAAC,sBAAsB,CAAC,IAAG,QAAQ,CAAO,CAAC;AACrE,CAAC;AAFD,oBAEC"}

package/dist/cjs/Dropdown/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownText = exports.DropdownSeparator = exports.DropdownOptionAction = exports.DropdownOption = exports.DropdownMenu = exports.DropdownGroup = exports.Dropdown = void 0;
+var Dropdown_1 = require("./Dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
+var Group_1 = require("./Group");
+Object.defineProperty(exports, "DropdownGroup", { enumerable: true, get: function () { return Group_1.Group; } });
+var Menu_1 = require("./Menu");
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return Menu_1.Menu; } });
+var Option_1 = require("./Option");
+Object.defineProperty(exports, "DropdownOption", { enumerable: true, get: function () { return Option_1.Option; } });
+var OptionAction_1 = require("./OptionAction");
+Object.defineProperty(exports, "DropdownOptionAction", { enumerable: true, get: function () { return OptionAction_1.OptionAction; } });
+var Separator_1 = require("./Separator");
+Object.defineProperty(exports, "DropdownSeparator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+var Text_1 = require("./Text");
+Object.defineProperty(exports, "DropdownText", { enumerable: true, get: function () { return Text_1.Text; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Dropdown/index.tsx"],"names":[],"mappings":";;;AAAA,uCAAqD;AASnD,yFATO,mBAAQ,OASP;AARV,iCAA4C;AASjC,8FATF,aAAK,OASU;AARxB,+BAAyC;AAS/B,6FATD,WAAI,OASS;AARtB,mCAA+C;AASnC,+FATH,eAAM,OASW;AAR1B,+CAAiE;AAS/C,qGATT,2BAAY,OASiB;AARtC,yCAAwC;AASzB,kGATN,qBAAS,OASc;AARhC,+BAAyC;AAS/B,6FATD,WAAI,OASS"}

package/dist/cjs/Dropdown/styles.module.css.json

@@ -0,0 +1 @@
+{ "Dropdown": "_Dropdown_e5jms_1", "Dropdown__spacer": "_Dropdown__spacer_e5jms_5", "Dropdown__menu__search": "_Dropdown__menu__search_e5jms_11", "Dropdown__menu__search__input": "_Dropdown__menu__search__input_e5jms_16", "Dropdown__menu-container": "_Dropdown__menu-container_e5jms_45", "Dropdown__menu": "_Dropdown__menu_e5jms_11", "Dropdown__menu__inner": "_Dropdown__menu__inner_e5jms_61", "Dropdown__menu--fullscreen": "_Dropdown__menu--fullscreen_e5jms_65", "FullscreenDropdown__appear": "_FullscreenDropdown__appear_e5jms_1", "Dropdown__menu__close": "_Dropdown__menu__close_e5jms_87", "Dropdown__menu__group__title": "_Dropdown__menu__group__title_e5jms_99", "Dropdown__menu__group__content": "_Dropdown__menu__group__content_e5jms_107", "Dropdown__menu__text": "_Dropdown__menu__text_e5jms_111", "Dropdown__menu__option": "_Dropdown__menu__option_e5jms_120", "Dropdown__menu__option--is-selected": "_Dropdown__menu__option--is-selected_e5jms_143", "Dropdown__menu__option--is-disabled": "_Dropdown__menu__option--is-disabled_e5jms_147", "Dropdown__menu__option__content": "_Dropdown__menu__option__content_e5jms_150", "Dropdown__menu__option--is-dangerous": "_Dropdown__menu__option--is-dangerous_e5jms_155", "Dropdown__menu__option--is-active": "_Dropdown__menu__option--is-active_e5jms_173", "Dropdown__menu__option--is-valid": "_Dropdown__menu__option--is-valid_e5jms_182", "Dropdown__menu__option--is-invalid": "_Dropdown__menu__option--is-invalid_e5jms_186", "Dropdown__menu__option__icons": "_Dropdown__menu__option__icons_e5jms_228", "Dropdown__menu__option__icon": "_Dropdown__menu__option__icon_e5jms_228", "Dropdown__menu__option__icon--delete": "_Dropdown__menu__option__icon--delete_e5jms_275", "Dropdown__menu__separator": "_Dropdown__menu__separator_e5jms_282", "Dropdown__menu__mobile-container": "_Dropdown__menu__mobile-container_e5jms_292", "Modal__backdrop": "_Modal__backdrop_e5jms_306", "Modal__appear": "_Modal__appear_e5jms_1" }