musae 0.2.25 → 0.2.26

package/dist/components/bench/bench.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { BenchProps } from "./types";
-declare const Bench: ({ children, title, logo, navigations, className, style, trailing, onNavigate, location, defaultExpandedKeys, classNames: { main: mainClassName }, elevation, }: BenchProps) => React.JSX.Element;
+declare const Bench: ({ children, title, logo, navigations, className, style, trailing, onNavigate, location, defaultExpandedKeys, classNames: { main: mainClassName }, elevation, guidance, }: BenchProps) => React.JSX.Element;
 export default Bench;

package/dist/components/bench/bench.js

@@ -91,13 +91,16 @@ var Bench = function Bench(_ref) {
     _ref$classNames2 = _ref$classNames === void 0 ? {} : _ref$classNames,
     mainClassName = _ref$classNames2.main,
     _ref$elevation = _ref.elevation,
-    elevation = _ref$elevation === void 0 ? "xsmall" : _ref$elevation;
+    elevation = _ref$elevation === void 0 ? "xsmall" : _ref$elevation,
+    _ref$guidance = _ref.guidance,
+    guidance = _ref$guidance === void 0 ? "top-side" : _ref$guidance;
   var theme = useTheme();
   var _logo = useLogo(logo);
   var _useNavigations = useNavigations({
       navigations: navigations,
       onNavigate: onNavigate,
-      location: location
+      location: location,
+      guidance: guidance
     }),
     navigate = _useNavigations.navigate,
     topMenuItems = _useNavigations.topMenuItems,

package/dist/components/bench/hooks.d.ts

@@ -1,6 +1,6 @@
 import { type Key } from "react";
-import type { BenchProps, Logo, NavigationItem } from "./types";
-import { MenuItem } from "../menu";
+import type { BenchProps, Guidance, Logo, NavigationItem } from "./types";
+import type { MenuItem } from "../menu";
 /**
  * @description
  * logo
@@ -10,10 +10,11 @@ export declare const useLogo: (logo?: string | Logo) => Logo | null;
  * @description
  * menu
  */
-export declare const useNavigations: ({ navigations, onNavigate, location, }: {
+export declare const useNavigations: ({ navigations, onNavigate, location, guidance, }: {
     navigations: NavigationItem[];
     onNavigate: BenchProps["onNavigate"];
     location?: string;
+    guidance: Guidance;
 }) => {
     selectedKeys: [(Key | undefined)?, (Key | undefined)?];
     topMenuItems: MenuItem[];

package/dist/components/bench/hooks.js

@@ -22,7 +22,7 @@ var useLogo = function useLogo(logo) {
     return logo;
   }, [logo]);
 };
-var _toMenuItem3 = function toMenuItem(_ref, parentKeys, paths) {
+var _toMenuItem3 = function toMenuItem(_ref, parentKeys) {
   var path = _ref.path,
     children = _ref.children,
     item = _objectWithoutProperties(_ref, _excluded);
@@ -31,13 +31,13 @@ var _toMenuItem3 = function toMenuItem(_ref, parentKeys, paths) {
       var _ref3 = _slicedToArray(_ref2, 2),
         _menuItems = _ref3[0],
         _paths = _ref3[1];
-      var _toMenuItem = _toMenuItem3(child, [].concat(_toConsumableArray(parentKeys), [path]), _paths),
+      var _toMenuItem = _toMenuItem3(child, [].concat(_toConsumableArray(parentKeys), [path])),
         _toMenuItem2 = _slicedToArray(_toMenuItem, 2),
         menuItem = _toMenuItem2[0],
         paths = _toMenuItem2[1];
       _menuItems.push(menuItem);
-      return [_menuItems, paths];
-    }, [[], new Map(paths.set(path, parentKeys))]),
+      return [_menuItems, new Map([].concat(_toConsumableArray(_paths), _toConsumableArray(paths)))];
+    }, [[], new Map([[path, parentKeys]])]),
     _reduce2 = _slicedToArray(_reduce, 2),
     _menuItems = _reduce2[0],
     _paths = _reduce2[1];
@@ -54,7 +54,8 @@ var _toMenuItem3 = function toMenuItem(_ref, parentKeys, paths) {
 var useNavigations = function useNavigations(_ref4) {
   var navigations = _ref4.navigations,
     onNavigate = _ref4.onNavigate,
-    location = _ref4.location;
+    location = _ref4.location,
+    guidance = _ref4.guidance;
   // menu click handler => jump link
   var navigate = useEvent(function (path) {
     if (onNavigate) {
@@ -67,22 +68,29 @@ var useNavigations = function useNavigations(_ref4) {
   var _useMemo = useMemo(function () {
       return navigations.reduce(function (_ref5, item) {
         var _ref6 = _slicedToArray(_ref5, 3),
-          topMenuItems = _ref6[0],
-          sideNavigations = _ref6[1],
-          paths = _ref6[2];
-        var _toMenuItem4 = _toMenuItem3(item, [], paths),
+          _topNavigations = _ref6[0],
+          _sideNavigations = _ref6[1],
+          _paths = _ref6[2];
+        var _toMenuItem4 = _toMenuItem3(item, []),
           _toMenuItem5 = _slicedToArray(_toMenuItem4, 2),
           _toMenuItem5$ = _toMenuItem5[0],
           children = _toMenuItem5$.children,
           _menuItem = _objectWithoutProperties(_toMenuItem5$, _excluded2),
-          _paths = _toMenuItem5[1];
-        topMenuItems.set(item.path, _menuItem);
-        sideNavigations.set(item.path, children);
-        return [topMenuItems, sideNavigations, _paths];
+          ___paths = _toMenuItem5[1];
+        var __paths = new Map([].concat(_toConsumableArray(___paths), _toConsumableArray(_paths)));
+        if (guidance === "side") {
+          _sideNavigations.set(item.path, [_objectSpread(_objectSpread({}, _menuItem), {}, {
+            children: children
+          })]);
+          return [_topNavigations, _sideNavigations, __paths];
+        }
+        _topNavigations.set(item.path, _menuItem);
+        _sideNavigations.set(item.path, children);
+        return [_topNavigations, _sideNavigations, __paths];
       }, [new Map(), new Map(), new Map()]);
-    }, [navigations]),
+    }, [guidance, navigations]),
     _useMemo2 = _slicedToArray(_useMemo, 3),
-    topMenuItems = _useMemo2[0],
+    topNavigations = _useMemo2[0],
     sideNavigations = _useMemo2[1],
     paths = _useMemo2[2];
   // menu selected keys
@@ -91,18 +99,27 @@ var useNavigations = function useNavigations(_ref4) {
     if (isUndefined(location)) return [];
     return [(_paths$get$at = (_paths$get = paths.get(location)) === null || _paths$get === void 0 ? void 0 : _paths$get.at(0)) !== null && _paths$get$at !== void 0 ? _paths$get$at : location, location];
   }, [location, paths]);
+  // side menu
   var sideMenuItems = useMemo(function () {
     var _sideNavigations$get;
-    if (!selectedKeys[0]) {
-      return [];
+    // top menu items is empty, show all in side menu
+    if (topNavigations.size === 0) {
+      return Array.from(sideNavigations.values()).flatMap(function () {
+        var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        return items;
+      }, []);
     }
+    // top-side relation
+    if (!selectedKeys[0]) return [];
     return (_sideNavigations$get = sideNavigations.get(selectedKeys[0])) !== null && _sideNavigations$get !== void 0 ? _sideNavigations$get : [];
-  }, [sideNavigations, selectedKeys]);
+  }, [selectedKeys, sideNavigations, topNavigations]);
+  // top menu items
+  var topMenuItems = useMemo(function () {
+    return Array.from(topNavigations.values());
+  }, [topNavigations]);
   return {
     selectedKeys: selectedKeys,
-    topMenuItems: useMemo(function () {
-      return Array.from(topMenuItems.values());
-    }, [topMenuItems]),
+    topMenuItems: topMenuItems,
     sideMenuItems: sideMenuItems,
     navigate: navigate
   };

package/dist/components/bench/types.d.ts

@@ -1,6 +1,7 @@
 import type { Key, ReactNode } from "react";
 import type { ComponentProps } from "../../types/element";
 import type { ElevationToken } from "../theme/tokens.stylex";
+export type Guidance = "top-side" | "side";
 export type Logo = {
     /**
      * @description
@@ -81,4 +82,10 @@ export type BenchProps = ComponentProps & {
      * elevation
      */
     elevation?: ElevationToken;
+    /**
+     * @description
+     * guidance
+     * @default "top-side"
+     */
+    guidance?: Guidance;
 };

package/dist/components/table/body.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import type { BodyProps } from "./types";
-declare const Body: <T>(props: BodyProps) => React.JSX.Element | null;
+declare const Body: <T>() => React.JSX.Element | null;
 export default Body;

package/dist/components/table/body.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { useTable } from './context.js';
 import { flexRender } from '@tanstack/react-table';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import { clsx } from '@aiszlab/relax';
+import { isEmpty, clsx } from '@aiszlab/relax';
 import { typography } from '../theme/theme.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
+import Empty from '../empty/empty.js';
 
 var styles = {
   cell: function cell(props) {
@@ -62,7 +63,7 @@ var styles = {
     $$css: true
   }
 };
-var Body = function Body(props$1) {
+var Body = function Body() {
   var _useTable = useTable(),
     table = _useTable.table,
     bordered = _useTable.bordered;
@@ -71,7 +72,9 @@ var Body = function Body(props$1) {
   var styled = props(bordered && styles.bordered, typography.body.small, styles.cell({
     borderColor: theme.colors[ColorToken.OutlineVariant]
   }));
-  return /*#__PURE__*/React.createElement("tbody", null, table.getRowModel().rows.map(function (row) {
+  var rows = table.getRowModel().rows;
+  var _isEmpty = isEmpty(rows);
+  return /*#__PURE__*/React.createElement("tbody", null, _isEmpty && (/*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Empty, null)))), !_isEmpty && table.getRowModel().rows.map(function (row) {
     return /*#__PURE__*/React.createElement("tr", {
       key: row.id
     }, row.getVisibleCells().map(function (cell) {

package/dist/components/table/index.d.ts

@@ -1,2 +1,4 @@
 import Table from "./table";
+import type { TableProps } from "./types";
 export { Table };
+export type { TableProps };

package/dist/components/table/types.d.ts

@@ -106,11 +106,6 @@ export type ContextValue<T> = {
  * header props
  */
 export type HeaderProps = ComponentProps;
-/**
- * @description
- * body props
- */
-export type BodyProps = ComponentProps;
 /**
  * @description
  * header cell props

package/dist/index.d.ts

@@ -77,3 +77,4 @@ export type { TreeProps } from "./components/tree";
 export type { TourStep } from "./components/tour";
 export type { NavigationItem } from "./components/bench";
 export type { Locale } from "./locale";
+export type { TableProps } from "./components/table";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -13,6 +13,7 @@
     "prepublishOnly": "rm -rf dist && npm run build",
     "preinstall": "npx @aiszlab/watchdog preinstall",
     "authors": "zx scripts/contributors.mjs",
+    "changesets": "z cs",
     "version": "z cs version"
   },
   "exports": {
@@ -71,7 +72,7 @@
     "pnpm": ">=9"
   },
   "dependencies": {
-    "@aiszlab/relax": "^1.3.10",
+    "@aiszlab/relax": "^1.3.13",
     "@babel/runtime": "^7.25.6",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",