@sanity/ui 0.36.13 → 0.36.16

package/lib/cjs/components/menu/menu.js

@@ -1,299 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  Menu: () => Menu
-});
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_hooks = __toModule(require("../../hooks"));
-var import_primitives = __toModule(require("../../primitives"));
-var import_utils = __toModule(require("../../utils"));
-var import_helpers = __toModule(require("./helpers"));
-var import_menuContext = __toModule(require("./menuContext"));
-const Root = (0, import_styled_components.default)(import_primitives.Box)`
-  outline: none;
-  overflow: auto;
-`;
-const Menu = (0, import_react.forwardRef)(function Menu2(props, ref) {
-  const _a = props, {
-    children,
-    focusFirst,
-    focusLast,
-    onClickOutside,
-    onEscape,
-    onItemClick,
-    onItemSelect,
-    onKeyDown,
-    originElement,
-    padding = 1,
-    registerElement,
-    shouldFocus = props.focusFirst && "first" || props.focusLast && "last" || null,
-    space = 1
-  } = _a, restProps = __objRest(_a, [
-    "children",
-    "focusFirst",
-    "focusLast",
-    "onClickOutside",
-    "onEscape",
-    "onItemClick",
-    "onItemSelect",
-    "onKeyDown",
-    "originElement",
-    "padding",
-    "registerElement",
-    "shouldFocus",
-    "space"
-  ]);
-  const { isTopLayer } = (0, import_utils.useLayer)();
-  const [rootElement, setRootElement] = (0, import_react.useState)(null);
-  const elementsRef = (0, import_react.useRef)([]);
-  const [activeIndex, setActiveIndex] = (0, import_react.useState)(-1);
-  const activeIndexRef = (0, import_react.useRef)(activeIndex);
-  const activeElement = elementsRef.current[activeIndex] || null;
-  const activeElementRef = (0, import_react.useRef)(activeElement);
-  const mounted = Boolean(rootElement);
-  const setRef = (0, import_react.useCallback)((el) => {
-    setRootElement(el);
-    if (typeof ref === "function")
-      ref(el);
-    else if (ref)
-      ref.current = el;
-  }, [ref]);
-  const mount = (0, import_react.useCallback)((element, selected) => {
-    if (!element)
-      return () => void 0;
-    if (elementsRef.current.indexOf(element) === -1) {
-      elementsRef.current.push(element);
-      (0, import_helpers._sortElements)(rootElement, elementsRef.current);
-    }
-    if (selected) {
-      const selectedIndex = elementsRef.current.indexOf(element);
-      setActiveIndex(selectedIndex);
-      activeIndexRef.current = selectedIndex;
-    }
-    return () => {
-      const idx = elementsRef.current.indexOf(element);
-      if (idx > -1) {
-        elementsRef.current.splice(idx, 1);
-      }
-    };
-  }, [rootElement]);
-  const handleKeyDown = (0, import_react.useCallback)((event) => {
-    if (event.key === "Tab") {
-      if (originElement) {
-        originElement.focus();
-      }
-      return;
-    }
-    if (event.key === "Home") {
-      event.preventDefault();
-      event.stopPropagation();
-      const focusableElements = (0, import_helpers._getFocusableElements)(elementsRef.current);
-      const el = focusableElements[0];
-      if (!el)
-        return;
-      const currentIndex = elementsRef.current.indexOf(el);
-      setActiveIndex(currentIndex);
-      activeIndexRef.current = currentIndex;
-      return;
-    }
-    if (event.key === "End") {
-      event.preventDefault();
-      event.stopPropagation();
-      const focusableElements = (0, import_helpers._getFocusableElements)(elementsRef.current);
-      const el = focusableElements[focusableElements.length - 1];
-      if (!el)
-        return;
-      const currentIndex = elementsRef.current.indexOf(el);
-      setActiveIndex(currentIndex);
-      activeIndexRef.current = currentIndex;
-      return;
-    }
-    if (event.key === "ArrowUp") {
-      event.preventDefault();
-      event.stopPropagation();
-      const focusableElements = (0, import_helpers._getFocusableElements)(elementsRef.current);
-      const focusableLen = focusableElements.length;
-      if (focusableLen === 0)
-        return;
-      const focusedElement = elementsRef.current[activeIndex];
-      let focusedIndex = focusableElements.indexOf(focusedElement);
-      focusedIndex = (focusedIndex - 1 + focusableLen) % focusableLen;
-      const el = focusableElements[focusedIndex];
-      const currentIndex = elementsRef.current.indexOf(el);
-      setActiveIndex(currentIndex);
-      activeIndexRef.current = currentIndex;
-      return;
-    }
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      event.stopPropagation();
-      const focusableElements = (0, import_helpers._getFocusableElements)(elementsRef.current);
-      const focusableLen = focusableElements.length;
-      if (focusableLen === 0)
-        return;
-      const focusedElement = elementsRef.current[activeIndex];
-      let focusedIndex = focusableElements.indexOf(focusedElement);
-      focusedIndex = (focusedIndex + 1) % focusableLen;
-      const el = focusableElements[focusedIndex];
-      const currentIndex = elementsRef.current.indexOf(el);
-      setActiveIndex(currentIndex);
-      activeIndexRef.current = currentIndex;
-      return;
-    }
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  }, [activeIndex, onKeyDown, originElement]);
-  const handleItemMouseEnter = (0, import_react.useCallback)((event) => {
-    const element = event.currentTarget;
-    const currentIndex = elementsRef.current.indexOf(element);
-    setActiveIndex(currentIndex);
-    activeIndexRef.current = currentIndex;
-  }, []);
-  const handleItemMouseLeave = (0, import_react.useCallback)(() => {
-    rootElement == null ? void 0 : rootElement.focus();
-    setActiveIndex(-1);
-    activeIndexRef.current = -1;
-  }, [rootElement]);
-  (0, import_react.useEffect)(() => {
-    if (onItemSelect)
-      onItemSelect(activeIndex);
-  }, [activeIndex, onItemSelect]);
-  (0, import_react.useEffect)(() => {
-    activeElementRef.current = activeElement;
-  }, [activeElement]);
-  (0, import_react.useEffect)(() => {
-    if (!mounted)
-      return;
-    const rafId = window.requestAnimationFrame(() => {
-      const _activeIndex = activeIndexRef.current;
-      if (_activeIndex === -1) {
-        if (shouldFocus === "first") {
-          const focusableElements = (0, import_helpers._getFocusableElements)(elementsRef.current);
-          const el = focusableElements[0];
-          if (el) {
-            const currentIndex = elementsRef.current.indexOf(el);
-            setActiveIndex(currentIndex);
-            activeIndexRef.current = currentIndex;
-          }
-        }
-        if (shouldFocus === "last") {
-          const focusableElements = (0, import_helpers._getFocusableElements)(elementsRef.current);
-          const el = focusableElements[focusableElements.length - 1];
-          if (el) {
-            const currentIndex = elementsRef.current.indexOf(el);
-            setActiveIndex(currentIndex);
-            activeIndexRef.current = currentIndex;
-          }
-        }
-        return;
-      }
-      const element = elementsRef.current[_activeIndex] || null;
-      element == null ? void 0 : element.focus();
-    });
-    return () => {
-      window.cancelAnimationFrame(rafId);
-    };
-  }, [activeIndex, mounted, shouldFocus]);
-  (0, import_hooks.useClickOutside)((0, import_react.useCallback)((event) => isTopLayer && onClickOutside && onClickOutside(event), [isTopLayer, onClickOutside]), [rootElement]);
-  (0, import_hooks.useGlobalKeyDown)((0, import_react.useCallback)((event) => {
-    if (!isTopLayer)
-      return;
-    if (event.key === "Escape") {
-      event.stopPropagation();
-      if (onEscape)
-        onEscape();
-    }
-  }, [isTopLayer, onEscape]));
-  (0, import_react.useEffect)(() => {
-    if (!rootElement || !registerElement)
-      return;
-    return registerElement(rootElement);
-  }, [registerElement, rootElement]);
-  const value = (0, import_react.useMemo)(() => ({
-    version: 0,
-    activeElement,
-    activeIndex,
-    mount,
-    onClickOutside,
-    onEscape,
-    onMouseEnter: handleItemMouseEnter,
-    onMouseLeave: handleItemMouseLeave,
-    onItemClick,
-    registerElement
-  }), [
-    activeElement,
-    activeIndex,
-    mount,
-    handleItemMouseEnter,
-    handleItemMouseLeave,
-    onClickOutside,
-    onEscape,
-    onItemClick,
-    registerElement
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_menuContext.MenuContext.Provider, {
-    value
-  }, /* @__PURE__ */ import_react.default.createElement(Root, __spreadProps(__spreadValues({
-    "data-ui": "Menu"
-  }, restProps), {
-    onKeyDown: handleKeyDown,
-    padding,
-    ref: setRef,
-    role: "menu",
-    tabIndex: -1
-  }), /* @__PURE__ */ import_react.default.createElement(import_primitives.Stack, {
-    space
-  }, children)));
-});

package/lib/cjs/components/menu/menu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/menu/menu.tsx"],
-  "sourcesContent": ["import React, {forwardRef, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {useClickOutside, useGlobalKeyDown} from '../../hooks'\nimport {Box, Stack} from '../../primitives'\nimport {ResponsivePaddingProps} from '../../primitives/types'\nimport {useLayer} from '../../utils'\nimport {_getFocusableElements, _sortElements} from './helpers'\nimport {MenuContext, MenuContextValue} from './menuContext'\n\n/**\n * @public\n */\nexport interface MenuProps extends ResponsivePaddingProps {\n  /**\n   * @deprecated Use `shouldFocus=\"first\"` instead.\n   */\n  focusFirst?: boolean\n  /**\n   * @deprecated Use `shouldFocus=\"last\"` instead.\n   */\n  focusLast?: boolean\n  onClickOutside?: (event: MouseEvent) => void\n  onEscape?: () => void\n  onItemClick?: () => void\n  onItemSelect?: (index: number) => void\n  originElement?: HTMLElement | null\n  registerElement?: (el: HTMLElement) => () => void\n  shouldFocus?: 'first' | 'last' | null\n  space?: number | number[]\n}\n\nconst Root = styled(Box)`\n  outline: none;\n  overflow: auto;\n`\n\n/**\n * @public\n */\nexport const Menu = forwardRef(function Menu(\n  props: MenuProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'role' | 'tabIndex'>,\n  ref\n) {\n  const {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    focusFirst,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    focusLast,\n    onClickOutside,\n    onEscape,\n    onItemClick,\n    onItemSelect,\n    onKeyDown,\n    originElement,\n    padding = 1,\n    registerElement,\n    shouldFocus = (props.focusFirst && 'first') || (props.focusLast && 'last') || null,\n    space = 1,\n    ...restProps\n  } = props\n\n  const {isTopLayer} = useLayer()\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n  const elementsRef = useRef<HTMLElement[]>([])\n  const [activeIndex, setActiveIndex] = useState(-1)\n  const activeIndexRef = useRef(activeIndex)\n  const activeElement = elementsRef.current[activeIndex] || null\n  const activeElementRef = useRef<HTMLElement | null>(activeElement)\n  const mounted = Boolean(rootElement)\n\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      setRootElement(el)\n      if (typeof ref === 'function') ref(el)\n      else if (ref) ref.current = el\n    },\n    [ref]\n  )\n\n  const mount = useCallback(\n    (element: HTMLElement | null, selected?: boolean): (() => void) => {\n      if (!element) return () => undefined\n\n      if (elementsRef.current.indexOf(element) === -1) {\n        elementsRef.current.push(element)\n        _sortElements(rootElement, elementsRef.current)\n      }\n\n      if (selected) {\n        const selectedIndex = elementsRef.current.indexOf(element)\n\n        setActiveIndex(selectedIndex)\n        activeIndexRef.current = selectedIndex\n      }\n\n      return () => {\n        const idx = elementsRef.current.indexOf(element)\n\n        if (idx > -1) {\n          elementsRef.current.splice(idx, 1)\n        }\n      }\n    },\n    [rootElement]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // Move focus to the element that opened the menu before handling the `Tab` press\n      if (event.key === 'Tab') {\n        if (originElement) {\n          originElement.focus()\n        }\n\n        return\n      }\n\n      // Move focus to the first focusable menuitem\n      if (event.key === 'Home') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const el = focusableElements[0]\n\n        if (!el) return\n\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      // Move focus to the last focusable menuitem\n      if (event.key === 'End') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const el = focusableElements[focusableElements.length - 1]\n\n        if (!el) return\n\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const focusableLen = focusableElements.length\n\n        if (focusableLen === 0) return\n\n        const focusedElement = elementsRef.current[activeIndex]\n\n        let focusedIndex = focusableElements.indexOf(focusedElement)\n\n        focusedIndex = (focusedIndex - 1 + focusableLen) % focusableLen\n\n        const el = focusableElements[focusedIndex]\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault()\n        event.stopPropagation()\n\n        const focusableElements = _getFocusableElements(elementsRef.current)\n        const focusableLen = focusableElements.length\n\n        if (focusableLen === 0) return\n\n        const focusedElement = elementsRef.current[activeIndex]\n\n        let focusedIndex = focusableElements.indexOf(focusedElement)\n\n        focusedIndex = (focusedIndex + 1) % focusableLen\n\n        const el = focusableElements[focusedIndex]\n        const currentIndex = elementsRef.current.indexOf(el)\n\n        setActiveIndex(currentIndex)\n        activeIndexRef.current = currentIndex\n\n        return\n      }\n\n      if (onKeyDown) {\n        onKeyDown(event)\n      }\n    },\n    [activeIndex, onKeyDown, originElement]\n  )\n\n  const handleItemMouseEnter = useCallback((event: React.MouseEvent<HTMLElement>) => {\n    const element = event.currentTarget\n    const currentIndex = elementsRef.current.indexOf(element)\n\n    setActiveIndex(currentIndex)\n    activeIndexRef.current = currentIndex\n  }, [])\n\n  const handleItemMouseLeave = useCallback(() => {\n    rootElement?.focus()\n    setActiveIndex(-1)\n    activeIndexRef.current = -1\n  }, [rootElement])\n\n  // Trigger `onItemSelect` when active index changes\n  useEffect(() => {\n    if (onItemSelect) onItemSelect(activeIndex)\n  }, [activeIndex, onItemSelect])\n\n  useEffect(() => {\n    activeElementRef.current = activeElement\n  }, [activeElement])\n\n  // Set focus on the currently active element\n  useEffect(() => {\n    if (!mounted) return\n\n    const rafId = window.requestAnimationFrame(() => {\n      const _activeIndex = activeIndexRef.current\n\n      if (_activeIndex === -1) {\n        if (shouldFocus === 'first') {\n          const focusableElements = _getFocusableElements(elementsRef.current)\n          const el = focusableElements[0]\n\n          if (el) {\n            const currentIndex = elementsRef.current.indexOf(el)\n\n            setActiveIndex(currentIndex)\n            activeIndexRef.current = currentIndex\n          }\n        }\n\n        if (shouldFocus === 'last') {\n          const focusableElements = _getFocusableElements(elementsRef.current)\n          const el = focusableElements[focusableElements.length - 1]\n\n          if (el) {\n            const currentIndex = elementsRef.current.indexOf(el)\n\n            setActiveIndex(currentIndex)\n            activeIndexRef.current = currentIndex\n          }\n        }\n\n        return\n      }\n\n      const element = elementsRef.current[_activeIndex] || null\n\n      element?.focus()\n    })\n\n    return () => {\n      window.cancelAnimationFrame(rafId)\n    }\n  }, [activeIndex, mounted, shouldFocus])\n\n  useClickOutside(\n    useCallback(\n      (event) => isTopLayer && onClickOutside && onClickOutside(event),\n      [isTopLayer, onClickOutside]\n    ),\n    [rootElement]\n  )\n\n  useGlobalKeyDown(\n    useCallback(\n      (event) => {\n        if (!isTopLayer) return\n\n        if (event.key === 'Escape') {\n          event.stopPropagation()\n          if (onEscape) onEscape()\n        }\n      },\n      [isTopLayer, onEscape]\n    )\n  )\n\n  useEffect(() => {\n    if (!rootElement || !registerElement) return\n\n    return registerElement(rootElement)\n  }, [registerElement, rootElement])\n\n  const value: MenuContextValue = useMemo(\n    () => ({\n      version: 0.0,\n      activeElement,\n      activeIndex,\n      mount,\n      onClickOutside,\n      onEscape,\n      onMouseEnter: handleItemMouseEnter,\n      onMouseLeave: handleItemMouseLeave,\n      onItemClick,\n      registerElement,\n    }),\n    [\n      activeElement,\n      activeIndex,\n      mount,\n      handleItemMouseEnter,\n      handleItemMouseLeave,\n      onClickOutside,\n      onEscape,\n      onItemClick,\n      registerElement,\n    ]\n  )\n\n  return (\n    <MenuContext.Provider value={value}>\n      <Root\n        data-ui=\"Menu\"\n        {...restProps}\n        onKeyDown={handleKeyDown}\n        padding={padding}\n        ref={setRef}\n        role=\"menu\"\n        tabIndex={-1}\n      >\n        <Stack space={space}>{children}</Stack>\n      </Root>\n    </MenuContext.Provider>\n  )\n})\n"],
-  "mappings": "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",
-  "names": []
-}

package/lib/cjs/components/menu/menuButton.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { PopoverProps } from '../../primitives';
-import { ThemeColorSchemeKey } from '../../theme';
-import { Placement } from '../../types';
-/**
- * @public
- */
-export interface MenuButtonProps {
-    /**
-     * @deprecated Use `popover={{boundaryElement: element}}` instead.
-     */
-    boundaryElement?: HTMLElement;
-    button: React.ReactElement;
-    id: string;
-    menu?: React.ReactElement;
-    /**
-     * @deprecated Use `popover={{placement: 'top'}}` instead.
-     */
-    placement?: Placement;
-    popover?: Omit<PopoverProps, 'content' | 'open'>;
-    /**
-     * @deprecated Use `popover={{scheme: 'dark'}}` instead.
-     */
-    popoverScheme?: ThemeColorSchemeKey;
-    /**
-     * @deprecated Use `popover={{radius: 2}}` instead.
-     */
-    popoverRadius?: number | number[];
-    /**
-     * Do not use in production.
-     * @beta
-     *
-     * @deprecated Use `popover={{portal: true}}` instead.
-     */
-    portal?: boolean;
-    /**
-     * @deprecated Use `popover={{preventOverflow: true}}` instead.
-     */
-    preventOverflow?: boolean;
-}
-/**
- * @public
- */
-export declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLButtonElement | null>>;
-//# sourceMappingURL=menuButton.d.ts.map

package/lib/cjs/components/menu/menuButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuButton.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAA;AAErF,OAAO,EAAU,YAAY,EAAC,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AAGrC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,MAAM,EAAE,KAAK,CAAC,YAAY,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,CAAC,CAAA;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,kGAsLrB,CAAA"}

package/lib/cjs/components/menu/menuButton.js

@@ -1,180 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  MenuButton: () => MenuButton
-});
-var import_react = __toModule(require("react"));
-var import_react_is = __toModule(require("react-is"));
-var import_primitives = __toModule(require("../../primitives"));
-const MenuButton = (0, import_react.forwardRef)(function MenuButton2(props, ref) {
-  const {
-    boundaryElement,
-    button: buttonProp,
-    id,
-    menu: menuProp,
-    placement,
-    popoverScheme,
-    portal,
-    popover,
-    popoverRadius,
-    preventOverflow
-  } = props;
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [shouldFocus, setShouldFocus] = (0, import_react.useState)(null);
-  const [buttonElement, setButtonElement] = (0, import_react.useState)(null);
-  const [menuElements, setChildMenuElements] = (0, import_react.useState)([]);
-  const handleButtonClick = (0, import_react.useCallback)(() => {
-    setOpen((v) => !v);
-    setShouldFocus(null);
-  }, []);
-  const handleButtonKeyDown = (0, import_react.useCallback)((event) => {
-    if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      setOpen(true);
-      setShouldFocus("first");
-      return;
-    }
-    if (event.key === "ArrowUp") {
-      event.preventDefault();
-      setOpen(true);
-      setShouldFocus("last");
-      return;
-    }
-  }, []);
-  const handleMenuClickOutside = (0, import_react.useCallback)((event) => {
-    const target = event.target;
-    if (!(target instanceof Node)) {
-      return;
-    }
-    if (buttonElement && (target === buttonElement || buttonElement.contains(target))) {
-      return;
-    }
-    for (const el of menuElements) {
-      if (target === el || el.contains(target)) {
-        return;
-      }
-    }
-    setOpen(false);
-  }, [buttonElement, menuElements]);
-  const handleMenuEscape = (0, import_react.useCallback)(() => {
-    setOpen(false);
-    if (buttonElement)
-      buttonElement.focus();
-  }, [buttonElement]);
-  const handleBlur = (0, import_react.useCallback)((event) => {
-    const target = event.relatedTarget;
-    if (!(target instanceof Node)) {
-      return;
-    }
-    for (const el of menuElements) {
-      if (el === target || el.contains(target)) {
-        return;
-      }
-    }
-    setOpen(false);
-  }, [menuElements]);
-  const handleItemClick = (0, import_react.useCallback)(() => {
-    setOpen(false);
-    if (buttonElement)
-      buttonElement.focus();
-  }, [buttonElement]);
-  const registerElement = (0, import_react.useCallback)((el) => {
-    setChildMenuElements((els) => els.concat([el]));
-    return () => {
-      setChildMenuElements((els) => {
-        return els.filter((_el) => _el !== el);
-      });
-    };
-  }, []);
-  const menuProps = (0, import_react.useMemo)(() => ({
-    "aria-labelledby": id,
-    onBlurCapture: handleBlur,
-    onClickOutside: handleMenuClickOutside,
-    onEscape: handleMenuEscape,
-    onItemClick: handleItemClick,
-    originElement: buttonElement,
-    registerElement,
-    shouldFocus
-  }), [
-    buttonElement,
-    handleMenuClickOutside,
-    handleMenuEscape,
-    handleItemClick,
-    id,
-    handleBlur,
-    registerElement,
-    shouldFocus
-  ]);
-  const menu = (0, import_react_is.isElement)(menuProp) ? (0, import_react.cloneElement)(menuProp, menuProps) : null;
-  const setButtonRef = (0, import_react.useCallback)((el) => {
-    if (typeof ref === "function") {
-      ref(el);
-    } else if (ref) {
-      ref.current = el;
-    }
-    setButtonElement(el);
-  }, [ref]);
-  const button = (0, import_react.useMemo)(() => (0, import_react_is.isElement)(buttonProp) ? (0, import_react.cloneElement)(buttonProp, {
-    "data-ui": "MenuButton",
-    id,
-    onClick: handleButtonClick,
-    onKeyDown: handleButtonKeyDown,
-    "aria-haspopup": true,
-    "aria-expanded": open,
-    ref: setButtonRef,
-    selected: open
-  }) : null, [buttonProp, handleButtonClick, handleButtonKeyDown, id, open, setButtonRef]);
-  const popoverProps = (0, import_react.useMemo)(() => {
-    return __spreadValues({
-      boundaryElement,
-      placement,
-      portal,
-      radius: popoverRadius,
-      overflow: preventOverflow,
-      scheme: popoverScheme
-    }, popover || {});
-  }, [boundaryElement, placement, popover, popoverRadius, portal, preventOverflow, popoverScheme]);
-  return /* @__PURE__ */ import_react.default.createElement(import_primitives.Popover, __spreadProps(__spreadValues({}, popoverProps), {
-    content: menu,
-    "data-ui": "MenuButton__popover",
-    open
-  }), button || /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null));
-});

package/lib/cjs/components/menu/menuButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/menu/menuButton.tsx"],
-  "sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {isElement} from 'react-is'\nimport {Popover, PopoverProps} from '../../primitives'\nimport {ThemeColorSchemeKey} from '../../theme'\nimport {Placement} from '../../types'\nimport {MenuProps} from './menu'\n\n/**\n * @public\n */\nexport interface MenuButtonProps {\n  /**\n   * @deprecated Use `popover={{boundaryElement: element}}` instead.\n   */\n  boundaryElement?: HTMLElement\n  button: React.ReactElement\n  id: string\n  menu?: React.ReactElement\n  /**\n   * @deprecated Use `popover={{placement: 'top'}}` instead.\n   */\n  placement?: Placement\n  popover?: Omit<PopoverProps, 'content' | 'open'>\n  /**\n   * @deprecated Use `popover={{scheme: 'dark'}}` instead.\n   */\n  popoverScheme?: ThemeColorSchemeKey\n  /**\n   * @deprecated Use `popover={{radius: 2}}` instead.\n   */\n  popoverRadius?: number | number[]\n  /**\n   * Do not use in production.\n   * @beta\n   *\n   * @deprecated Use `popover={{portal: true}}` instead.\n   */\n  portal?: boolean\n  /**\n   * @deprecated Use `popover={{preventOverflow: true}}` instead.\n   */\n  preventOverflow?: boolean\n}\n\n/**\n * @public\n */\nexport const MenuButton = forwardRef(function MenuButton(\n  props: MenuButtonProps,\n  ref: React.ForwardedRef<HTMLButtonElement | null>\n) {\n  const {\n    boundaryElement,\n    button: buttonProp,\n    id,\n    menu: menuProp,\n    placement,\n    popoverScheme,\n    portal,\n    popover,\n    popoverRadius,\n    preventOverflow,\n  } = props\n  const [open, setOpen] = useState(false)\n  const [shouldFocus, setShouldFocus] = useState<'first' | 'last' | null>(null)\n  const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null)\n  const [menuElements, setChildMenuElements] = useState<HTMLElement[]>([])\n\n  const handleButtonClick = useCallback(() => {\n    setOpen((v) => !v)\n    setShouldFocus(null)\n  }, [])\n\n  const handleButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n    // On `ArrowDown`, `Enter` and `Space`\n    // - Opens menu and moves focus to first menuitem\n    if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      setOpen(true)\n      setShouldFocus('first')\n\n      return\n    }\n\n    // On `ArrowUp`\n    // - \tOpens menu and moves focus to last menuitem\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      setOpen(true)\n      setShouldFocus('last')\n\n      return\n    }\n  }, [])\n\n  const handleMenuClickOutside = useCallback(\n    (event: MouseEvent) => {\n      const target = event.target\n\n      if (!(target instanceof Node)) {\n        return\n      }\n\n      if (buttonElement && (target === buttonElement || buttonElement.contains(target))) {\n        return\n      }\n\n      for (const el of menuElements) {\n        if (target === el || el.contains(target)) {\n          return\n        }\n      }\n\n      setOpen(false)\n    },\n    [buttonElement, menuElements]\n  )\n\n  const handleMenuEscape = useCallback(() => {\n    setOpen(false)\n    if (buttonElement) buttonElement.focus()\n  }, [buttonElement])\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      const target = event.relatedTarget\n\n      if (!(target instanceof Node)) {\n        return\n      }\n\n      for (const el of menuElements) {\n        if (el === target || el.contains(target)) {\n          return\n        }\n      }\n\n      setOpen(false)\n    },\n    [menuElements]\n  )\n\n  const handleItemClick = useCallback(() => {\n    setOpen(false)\n    if (buttonElement) buttonElement.focus()\n  }, [buttonElement])\n\n  const registerElement = useCallback((el: HTMLElement) => {\n    setChildMenuElements((els) => els.concat([el]))\n\n    return () => {\n      setChildMenuElements((els) => {\n        return els.filter((_el) => _el !== el)\n      })\n    }\n  }, [])\n\n  const menuProps: MenuProps = useMemo(\n    () => ({\n      'aria-labelledby': id,\n      onBlurCapture: handleBlur,\n      onClickOutside: handleMenuClickOutside,\n      onEscape: handleMenuEscape,\n      onItemClick: handleItemClick,\n      originElement: buttonElement,\n      registerElement,\n      shouldFocus,\n    }),\n    [\n      buttonElement,\n      handleMenuClickOutside,\n      handleMenuEscape,\n      handleItemClick,\n      id,\n      handleBlur,\n      registerElement,\n      shouldFocus,\n    ]\n  )\n\n  const menu = isElement(menuProp) ? cloneElement(menuProp, menuProps) : null\n\n  const setButtonRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      if (typeof ref === 'function') {\n        ref(el)\n      } else if (ref) {\n        ref.current = el\n      }\n\n      setButtonElement(el)\n    },\n    [ref]\n  )\n\n  const button = useMemo(\n    () =>\n      isElement(buttonProp)\n        ? cloneElement(buttonProp, {\n            'data-ui': 'MenuButton',\n            id,\n            onClick: handleButtonClick,\n            onKeyDown: handleButtonKeyDown,\n            'aria-haspopup': true,\n            'aria-expanded': open,\n            ref: setButtonRef,\n            selected: open,\n          })\n        : null,\n    [buttonProp, handleButtonClick, handleButtonKeyDown, id, open, setButtonRef]\n  )\n\n  const popoverProps: PopoverProps = useMemo(() => {\n    return {\n      boundaryElement,\n      placement,\n      portal,\n      radius: popoverRadius,\n      overflow: preventOverflow,\n      scheme: popoverScheme,\n      ...(popover || {}),\n    }\n  }, [boundaryElement, placement, popover, popoverRadius, portal, preventOverflow, popoverScheme])\n\n  return (\n    <Popover {...popoverProps} content={menu} data-ui=\"MenuButton__popover\" open={open}>\n      {button || <></>}\n    </Popover>\n  )\n})\n"],
-  "mappings": "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",
-  "names": []
-}

package/lib/cjs/components/menu/menuContext.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface MenuContextValue {
-    version: 0.0;
-    activeElement: HTMLElement | null;
-    activeIndex: number;
-    mount: (element: HTMLElement | null, selected?: boolean) => () => void;
-    onClickOutside?: (event: MouseEvent) => void;
-    onEscape?: () => void;
-    onItemClick?: () => void;
-    onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave: (event: React.MouseEvent<HTMLElement>) => void;
-    registerElement?: (el: HTMLElement) => () => void;
-}
-export declare const MenuContext: React.Context<MenuContextValue | null>;
-//# sourceMappingURL=menuContext.d.ts.map

package/lib/cjs/components/menu/menuContext.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key2 of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key2) && key2 !== "default")
-        __defProp(target, key2, { get: () => module2[key2], enumerable: !(desc = __getOwnPropDesc(module2, key2)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  MenuContext: () => MenuContext
-});
-var import_react = __toModule(require("react"));
-var import_globalScope = __toModule(require("../../lib/globalScope"));
-const key = Symbol.for("@sanity/ui/context/menu");
-import_globalScope.globalScope[key] = import_globalScope.globalScope[key] || (0, import_react.createContext)(null);
-const MenuContext = import_globalScope.globalScope[key];

package/lib/cjs/components/menu/menuContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/menu/menuContext.ts"],
-  "sourcesContent": ["import {createContext} from 'react'\nimport {globalScope} from '../../lib/globalScope'\n\nexport interface MenuContextValue {\n  version: 0.0\n  activeElement: HTMLElement | null\n  activeIndex: number\n  mount: (element: HTMLElement | null, selected?: boolean) => () => void\n  onClickOutside?: (event: MouseEvent) => void\n  onEscape?: () => void\n  onItemClick?: () => void\n  onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void\n  onMouseLeave: (event: React.MouseEvent<HTMLElement>) => void\n  registerElement?: (el: HTMLElement) => () => void\n}\n\nconst key = Symbol.for('@sanity/ui/context/menu')\n\nglobalScope[key] = globalScope[key] || createContext<MenuContextValue | null>(null)\n\nexport const MenuContext: React.Context<MenuContextValue | null> = globalScope[key]\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,yBAA0B;AAe1B,MAAM,MAAM,OAAO,IAAI;AAEvB,+BAAY,OAAO,+BAAY,QAAQ,gCAAuC;AAEvE,MAAM,cAAsD,+BAAY;",
-  "names": []
-}

package/lib/cjs/components/menu/menuDivider.d.ts

@@ -1,7 +0,0 @@
-import { StyledComponent } from 'styled-components';
-import { Theme } from '../../theme';
-/**
- * @public
- */
-export declare const MenuDivider: StyledComponent<'hr', Theme>;
-//# sourceMappingURL=menuDivider.d.ts.map