musae 0.2.5 → 0.2.7

package/dist/utils/class-name.js

@@ -56,6 +56,8 @@ var ComponentToken;
     ComponentToken[ComponentToken["Popover"] = 35] = "Popover";
     ComponentToken[ComponentToken["Loading"] = 36] = "Loading";
     ComponentToken[ComponentToken["Collapse"] = 37] = "Collapse";
+    ComponentToken[ComponentToken["Waterfall"] = 38] = "Waterfall";
+    ComponentToken[ComponentToken["Transfer"] = 39] = "Transfer";
 })(ComponentToken || (ComponentToken = {}));
 /**
  * @description
@@ -182,10 +184,11 @@ var ClockClassToken;
 var MenuClassToken;
 (function (MenuClassToken) {
     MenuClassToken[MenuClassToken["Menu"] = 0] = "Menu";
-    MenuClassToken[MenuClassToken["Group"] = 1] = "Group";
-    MenuClassToken[MenuClassToken["GroupHidden"] = 2] = "GroupHidden";
-    MenuClassToken[MenuClassToken["Collapser"] = 3] = "Collapser";
-    MenuClassToken[MenuClassToken["Item"] = 4] = "Item";
+    MenuClassToken[MenuClassToken["MenuHorizontal"] = 1] = "MenuHorizontal";
+    MenuClassToken[MenuClassToken["Group"] = 2] = "Group";
+    MenuClassToken[MenuClassToken["GroupHidden"] = 3] = "GroupHidden";
+    MenuClassToken[MenuClassToken["Collapser"] = 4] = "Collapser";
+    MenuClassToken[MenuClassToken["Item"] = 5] = "Item";
 })(MenuClassToken || (MenuClassToken = {}));
 var CheckboxClassToken;
 (function (CheckboxClassToken) {
@@ -205,12 +208,18 @@ var TreeClassToken;
 var TabsClassToken;
 (function (TabsClassToken) {
     TabsClassToken[TabsClassToken["Tabs"] = 0] = "Tabs";
-    TabsClassToken[TabsClassToken["Item"] = 1] = "Item";
-    TabsClassToken[TabsClassToken["Indicator"] = 2] = "Indicator";
+    TabsClassToken[TabsClassToken["TabsNavigation"] = 1] = "TabsNavigation";
+    TabsClassToken[TabsClassToken["TabsNavigator"] = 2] = "TabsNavigator";
+    TabsClassToken[TabsClassToken["TabList"] = 3] = "TabList";
+    TabsClassToken[TabsClassToken["Tab"] = 4] = "Tab";
+    TabsClassToken[TabsClassToken["Indicator"] = 5] = "Indicator";
+    TabsClassToken[TabsClassToken["Panels"] = 6] = "Panels";
+    TabsClassToken[TabsClassToken["Panel"] = 7] = "Panel";
 })(TabsClassToken || (TabsClassToken = {}));
 var PaginationClassToken;
 (function (PaginationClassToken) {
     PaginationClassToken[PaginationClassToken["Pagination"] = 0] = "Pagination";
+    PaginationClassToken[PaginationClassToken["SizeSelector"] = 1] = "SizeSelector";
 })(PaginationClassToken || (PaginationClassToken = {}));
 var SwitchClassToken;
 (function (SwitchClassToken) {
@@ -241,16 +250,22 @@ var StepsClassToken;
     StepsClassToken[StepsClassToken["Steps"] = 0] = "Steps";
     StepsClassToken[StepsClassToken["Item"] = 1] = "Item";
     StepsClassToken[StepsClassToken["Leading"] = 2] = "Leading";
-    StepsClassToken[StepsClassToken["Title"] = 3] = "Title";
-    StepsClassToken[StepsClassToken["Description"] = 4] = "Description";
-    StepsClassToken[StepsClassToken["Done"] = 5] = "Done";
-    StepsClassToken[StepsClassToken["Doing"] = 6] = "Doing";
-    StepsClassToken[StepsClassToken["Todo"] = 7] = "Todo";
+    StepsClassToken[StepsClassToken["Sign"] = 3] = "Sign";
+    StepsClassToken[StepsClassToken["Title"] = 4] = "Title";
+    StepsClassToken[StepsClassToken["Description"] = 5] = "Description";
+    StepsClassToken[StepsClassToken["Done"] = 6] = "Done";
+    StepsClassToken[StepsClassToken["Doing"] = 7] = "Doing";
+    StepsClassToken[StepsClassToken["Todo"] = 8] = "Todo";
 })(StepsClassToken || (StepsClassToken = {}));
 var TimelineClassToken;
 (function (TimelineClassToken) {
     TimelineClassToken[TimelineClassToken["Timeline"] = 0] = "Timeline";
     TimelineClassToken[TimelineClassToken["Item"] = 1] = "Item";
+    TimelineClassToken[TimelineClassToken["Leading"] = 2] = "Leading";
+    TimelineClassToken[TimelineClassToken["Sign"] = 3] = "Sign";
+    TimelineClassToken[TimelineClassToken["Dot"] = 4] = "Dot";
+    TimelineClassToken[TimelineClassToken["Label"] = 5] = "Label";
+    TimelineClassToken[TimelineClassToken["Description"] = 6] = "Description";
 })(TimelineClassToken || (TimelineClassToken = {}));
 var BreadcrumbClassToken;
 (function (BreadcrumbClassToken) {
@@ -304,6 +319,21 @@ var CollapseClassToken;
     CollapseClassToken[CollapseClassToken["Content"] = 6] = "Content";
     CollapseClassToken[CollapseClassToken["Collapser"] = 7] = "Collapser";
 })(CollapseClassToken || (CollapseClassToken = {}));
+var WaterfallClassToken;
+(function (WaterfallClassToken) {
+    WaterfallClassToken[WaterfallClassToken["Waterfall"] = 0] = "Waterfall";
+    WaterfallClassToken[WaterfallClassToken["Sequential"] = 1] = "Sequential";
+})(WaterfallClassToken || (WaterfallClassToken = {}));
+var TransferClassToken;
+(function (TransferClassToken) {
+    TransferClassToken[TransferClassToken["Transfer"] = 0] = "Transfer";
+    TransferClassToken[TransferClassToken["List"] = 1] = "List";
+    TransferClassToken[TransferClassToken["Header"] = 2] = "Header";
+    TransferClassToken[TransferClassToken["Title"] = 3] = "Title";
+    TransferClassToken[TransferClassToken["Body"] = 4] = "Body";
+    TransferClassToken[TransferClassToken["Item"] = 5] = "Item";
+    TransferClassToken[TransferClassToken["Operation"] = 6] = "Operation";
+})(TransferClassToken || (TransferClassToken = {}));
 /**
  * @description
  * class name collection
@@ -412,6 +442,7 @@ const CLASS_NAMES = {
     },
     [ComponentToken.Menu]: {
         [MenuClassToken.Menu]: "menu",
+        [MenuClassToken.MenuHorizontal]: "menu--horizontal",
         [MenuClassToken.Group]: "menu__group",
         [MenuClassToken.GroupHidden]: "menu__group--hidden",
         [MenuClassToken.Collapser]: "menu__collapser",
@@ -432,11 +463,17 @@ const CLASS_NAMES = {
     },
     [ComponentToken.Tabs]: {
         [TabsClassToken.Tabs]: "tabs",
-        [TabsClassToken.Item]: "tabs__item",
+        [TabsClassToken.TabsNavigation]: "tabs__navigation",
+        [TabsClassToken.TabsNavigator]: "tabs__navigator",
+        [TabsClassToken.TabList]: "tabs__tab-list",
+        [TabsClassToken.Tab]: "tabs__item",
         [TabsClassToken.Indicator]: "tabs__indicator",
+        [TabsClassToken.Panels]: "tabs__panels",
+        [TabsClassToken.Panel]: "tabs__panel",
     },
     [ComponentToken.Pagination]: {
         [PaginationClassToken.Pagination]: "pagination",
+        [PaginationClassToken.SizeSelector]: "pagination__size-selector",
     },
     [ComponentToken.Switch]: {
         [SwitchClassToken.Switch]: "switch",
@@ -466,12 +503,18 @@ const CLASS_NAMES = {
         [StepsClassToken.Doing]: "steps__item--doing",
         [StepsClassToken.Todo]: "steps__item--todo",
         [StepsClassToken.Leading]: "steps__item-leading",
+        [StepsClassToken.Sign]: "steps__item-leading-sign",
         [StepsClassToken.Title]: "steps__item-title",
         [StepsClassToken.Description]: "steps__item-description",
     },
     [ComponentToken.Timeline]: {
         [TimelineClassToken.Timeline]: "timeline",
         [TimelineClassToken.Item]: "timeline__item",
+        [TimelineClassToken.Leading]: "timeline__item-leading",
+        [TimelineClassToken.Sign]: "timeline__item-leading-sign",
+        [TimelineClassToken.Dot]: "timeline__item-leading-dot",
+        [TimelineClassToken.Label]: "timeline__item-label",
+        [TimelineClassToken.Description]: "timeline__item-description",
     },
     [ComponentToken.Breadcrumb]: {
         [BreadcrumbClassToken.Breadcrumb]: "breadcrumb",
@@ -515,6 +558,19 @@ const CLASS_NAMES = {
         [CollapseClassToken.PanelActive]: "collapse__item-panel--active",
         [CollapseClassToken.Content]: "collapse__item-content",
     },
+    [ComponentToken.Waterfall]: {
+        [WaterfallClassToken.Waterfall]: "waterfall",
+        [WaterfallClassToken.Sequential]: "waterfall--sequential",
+    },
+    [ComponentToken.Transfer]: {
+        [TransferClassToken.Transfer]: "transfer",
+        [TransferClassToken.Operation]: "transfer__operation",
+        [TransferClassToken.List]: "transfer__list",
+        [TransferClassToken.Title]: "transfer__list-title",
+        [TransferClassToken.Item]: "transfer__list-item",
+        [TransferClassToken.Header]: "transfer__list-header",
+        [TransferClassToken.Body]: "transfer__list-body",
+    },
 };
 /**
  * @description
@@ -533,4 +589,4 @@ const addPrefix = (classNames, prefix) => {
  */
 const DEFAULT_CLASS_NAMES = addPrefix(CLASS_NAMES, Token.Prefix);
 
-export { AvatarClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, CollapseClassToken, ComponentToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, IconClassToken, InputClassToken, LoadingClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, RadioClassToken, RateClassToken, SelectClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TreeClassToken, addPrefix, withPrefix };
+export { AvatarClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, CollapseClassToken, ComponentToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, IconClassToken, InputClassToken, LoadingClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, RadioClassToken, RateClassToken, SelectClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TransferClassToken, TreeClassToken, WaterfallClassToken, addPrefix, withPrefix };

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "musae",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
   "type": "module",
   "scripts": {
+    "test": "jest",
     "dev": "rollup -c -w --environment NODE_ENV:development",
     "build": "rollup -c --environment NODE_ENV:production",
-    "prepublish": "rm -rf dist && npm run build",
-    "relink": "pnpm unlink && pnpm link",
-    "test": "jest"
+    "prepublishOnly": "rm -rf dist && npm run build",
+    "preinstall": "npx @aiszlab/watchdog preinstall"
   },
   "exports": {
     ".": {
@@ -22,8 +22,14 @@
       "default": "./dist/components/icon/icons/index.js"
     }
   },
+  "engines": {
+    "node": ">=18.0.0",
+    "pnpm": ">=9"
+  },
   "dependencies": {
-    "@aiszlab/relax": "^1.2.55",
+    "@aiszlab/relax": "^1.2.59",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
     "@floating-ui/dom": "^1.6.5",
     "@tanstack/react-table": "^8.16.0",
     "clsx": "^2.1.1",
@@ -31,27 +37,31 @@
     "deepmerge": "^4.3.1",
     "framer-motion": "^11.2.11",
     "react-hook-form": "^7.47.0",
+    "rrweb": "2.0.0-alpha.4",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
     "@babel/core": "^7.24.5",
-    "@babel/preset-env": "^7.24.5",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
     "@changesets/cli": "^2.27.6",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@stylexjs/babel-plugin": "^0.6.1",
-    "@stylexjs/rollup-plugin": "^0.6.1",
-    "@stylexjs/stylex": "^0.6.1",
+    "@stylexjs/babel-plugin": "^0.7.4",
+    "@stylexjs/rollup-plugin": "^0.7.4",
+    "@stylexjs/stylex": "^0.7.4",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/dom-view-transitions": "^1.0.4",
     "@types/jest": "^29.5.12",
+    "@types/node": "^20.14.10",
     "@types/react": "18",
     "@types/react-dom": "18",
+    "babel-jest": "^29.7.0",
+    "babel-preset-react-app": "^10.0.1",
     "eslint": "^8.56.0",
     "eslint-config-react-app": "^7.0.1",
     "jest": "^29.7.0",

package/dist/components/tabs/item.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { TabItemProps } from "./types";
-declare const Item: ({ value, onClick, ...props }: TabItemProps) => React.JSX.Element;
-export default Item;

package/dist/components/tabs/item.js

@@ -1,22 +0,0 @@
-import React, { useContext, useCallback } from 'react';
-import Button from '../button/button.js';
-import Context from './context.js';
-import { useClassNames } from '../../hooks/use-class-names.js';
-import { ComponentToken, TabsClassToken } from '../../utils/class-name.js';
-
-const Item = ({ value, onClick, ...props }) => {
-    const contextValue = useContext(Context);
-    const isActive = contextValue?.activeKey === value;
-    const classNames = useClassNames(ComponentToken.Tabs);
-    const setItem = useCallback((itemRef) => {
-        contextValue?.setItem(value, itemRef);
-    }, [contextValue, value]);
-    const click = useCallback(() => {
-        onClick(value);
-    }, [onClick, value]);
-    return (React.createElement(Button, { variant: "text", color: isActive ? "primary" : "secondary", ref: setItem, onClick: click, className: classNames[TabsClassToken.Item], ripple: false, style: {
-            borderRadius: "10% 10% 0 0",
-        } }, props.label));
-};
-
-export { Item as default };

package/dist/hooks/use-expand-effect.d.ts

@@ -1,12 +0,0 @@
-import { useAnimate } from "framer-motion";
-type UsedAnimate = ReturnType<typeof useAnimate<HTMLElement>>;
-/**
- * @description
- * effect for expand handler
- */
-export declare const useExpandEffect: ({ expanded, target, animate, }: {
-    expanded: boolean;
-    target: UsedAnimate[0];
-    animate: UsedAnimate[1];
-}) => void;
-export {};

package/dist/hooks/use-expand-effect.js

@@ -1,34 +0,0 @@
-import { useUpdateEffect } from '@aiszlab/relax';
-
-/**
- * @description
- * effect for expand handler
- */
-const useExpandEffect = ({ expanded, target, animate, }) => {
-    useUpdateEffect(async () => {
-        if (expanded) {
-            target.current.style.height = "0";
-            target.current.style.overflow = "hidden";
-            target.current.style.display = "inherit";
-            await animate(target.current, {
-                height: "auto",
-            });
-            target.current.style.height = "";
-            target.current.style.overflow = "";
-            target.current.style.display = "";
-            return;
-        }
-        // style play like display: none
-        target.current.style.overflow = "hidden";
-        target.current.style.height = "auto";
-        target.current.style.display = "inherit";
-        await animate(target.current, {
-            height: 0,
-        });
-        target.current.style.height = "";
-        target.current.style.overflow = "";
-        target.current.style.display = "none";
-    }, [expanded]);
-};
-
-export { useExpandEffect };