@yamada-ui/menu 0.1.0

package/dist/menu.js

@@ -0,0 +1,138 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/menu.tsx
+var menu_exports = {};
+__export(menu_exports, {
+  Menu: () => Menu,
+  useMenu: () => useMenu,
+  useMenuDescendant: () => useMenuDescendant,
+  useMenuDescendantsContext: () => useMenuDescendantsContext
+});
+module.exports = __toCommonJS(menu_exports);
+var import_core = require("@yamada-ui/core");
+var import_popover = require("@yamada-ui/popover");
+var import_use_descendant = require("@yamada-ui/use-descendant");
+var import_use_disclosure = require("@yamada-ui/use-disclosure");
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var {
+  DescendantsContextProvider,
+  useDescendantsContext: useMenuDescendantsContext,
+  useDescendants,
+  useDescendant: useMenuDescendant
+} = (0, import_use_descendant.createDescendant)();
+var [MenuProvider, useMenu] = (0, import_utils.createContext)({
+  name: "MenuContext",
+  errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in "<Menu />"`
+});
+var Menu = (props) => {
+  const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Menu", props);
+  const {
+    initialFocusRef,
+    closeOnSelect = true,
+    placement = "bottom-start",
+    duration = 0.2,
+    ...rest
+  } = (0, import_core.omitThemeProps)(mergedProps);
+  const descendants = useDescendants();
+  const [focusedIndex, setFocusedIndex] = (0, import_react.useState)(-1);
+  const menuRef = (0, import_react.useRef)(null);
+  const timeoutIds = (0, import_react.useRef)(/* @__PURE__ */ new Set([]));
+  const onFocusMenu = (0, import_react.useCallback)(() => {
+    requestAnimationFrame(() => {
+      var _a;
+      return (_a = menuRef.current) == null ? void 0 : _a.focus({ preventScroll: false });
+    });
+  }, []);
+  const onFocusFirstItem = (0, import_react.useCallback)(() => {
+    const id = setTimeout(() => {
+      if (initialFocusRef)
+        return;
+      const first = descendants.enabledfirstValue();
+      if (first)
+        setFocusedIndex(first.index);
+    });
+    timeoutIds.current.add(id);
+  }, [descendants, initialFocusRef]);
+  const onFocusLastItem = (0, import_react.useCallback)(() => {
+    const id = setTimeout(() => {
+      if (initialFocusRef)
+        return;
+      const last = descendants.enabledlastValue();
+      if (last)
+        setFocusedIndex(last.index);
+    });
+    timeoutIds.current.add(id);
+  }, [descendants, initialFocusRef]);
+  const onOpenInternal = (0, import_react.useCallback)(() => {
+    var _a;
+    (_a = rest.onOpen) == null ? void 0 : _a.call(rest);
+    onFocusMenu();
+  }, [onFocusMenu, rest]);
+  const [isOpen, onOpen, onClose] = (0, import_use_disclosure.useDisclosure)({ ...props, onOpen: onOpenInternal });
+  (0, import_utils.useUpdateEffect)(() => {
+    if (!isOpen)
+      setFocusedIndex(-1);
+  }, [isOpen]);
+  (0, import_utils.useUnmountEffect)(() => {
+    timeoutIds.current.forEach((id) => clearTimeout(id));
+    timeoutIds.current.clear();
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescendantsContextProvider, { value: descendants, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    MenuProvider,
+    {
+      value: {
+        isOpen,
+        onOpen,
+        onClose,
+        onFocusFirstItem,
+        onFocusLastItem,
+        closeOnSelect,
+        focusedIndex,
+        setFocusedIndex,
+        menuRef,
+        styles
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_popover.Popover,
+        {
+          ...{
+            ...rest,
+            isOpen,
+            onOpen,
+            onClose,
+            placement,
+            duration,
+            initialFocusRef,
+            closeOnButton: false
+          }
+        }
+      )
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Menu,
+  useMenu,
+  useMenuDescendant,
+  useMenuDescendantsContext
+});

package/dist/menu.mjs

@@ -0,0 +1,12 @@
+import {
+  Menu,
+  useMenu,
+  useMenuDescendant,
+  useMenuDescendantsContext
+} from "./chunk-6ALPY7K4.mjs";
+export {
+  Menu,
+  useMenu,
+  useMenuDescendant,
+  useMenuDescendantsContext
+};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@yamada-ui/menu",
+  "version": "0.1.0",
+  "description": "Yamada UI menu component",
+  "keywords": [
+    "yamada",
+    "yamada ui",
+    "react",
+    "emotion",
+    "component",
+    "menu",
+    "ui",
+    "uikit",
+    "styled",
+    "style-props",
+    "styled-component",
+    "css-in-js"
+  ],
+  "author": "Hirotomo Yamada <hirotomo.yamada@avap.co.jp>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hirotomoyamada/yamada-ui",
+    "directory": "packages/components/menu"
+  },
+  "bugs": {
+    "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
+  },
+  "dependencies": {
+    "@yamada-ui/core": "0.1.0",
+    "@yamada-ui/utils": "0.1.0",
+    "@yamada-ui/popover": "0.1.0",
+    "@yamada-ui/transitions": "0.1.0",
+    "@yamada-ui/use-disclosure": "0.1.0",
+    "@yamada-ui/use-descendant": "0.1.0",
+    "@yamada-ui/use-controllable-state": "0.1.0",
+    "@yamada-ui/use-clickable": "0.1.0"
+  },
+  "devDependencies": {
+    "react": "^18.0.0",
+    "clean-package": "2.2.0"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "tsup": {
+    "clean": true,
+    "target": "es2019",
+    "format": [
+      "cjs",
+      "esm"
+    ]
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "pnpm build:fast -- --watch",
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "gen:docs": "tsx ../../../scripts/generate-docs"
+  }
+}