@doist/reactist 26.0.0 → 26.1.0

package/dist/reactist.cjs.development.js

@@ -581,12 +581,14 @@ function Tooltip({
   position = 'top',
   gapSize = 3,
   withArrow = false,
+  showTimeout = 500,
+  hideTimeout = 100,
   exceptionallySetClassName
 }) {
   const tooltip = react.useTooltipStore({
     placement: position,
-    showTimeout: 500,
-    hideTimeout: 100
+    showTimeout,
+    hideTimeout
   });
   const isOpen = tooltip.useState('open');
   const child = React__namespace.Children.only(children);
@@ -808,7 +810,7 @@ function CloseIcon(props) {
   }));
 }
 
-var modules_6205a58e = {"container":"_51a84fb3","tone-info":"_5649104a","icon":"_79fa06e2","tone-positive":"c67632e4","tone-caution":"_654ff216","tone-critical":"b1ee4ff1"};
+var modules_6205a58e = {"container":"d6be7fe9","content":"ad8ace2f","icon":"ab71a9dc","tone-info":"_043941a6","tone-positive":"f34b89d4","tone-caution":"a069ea07","tone-critical":"e505aabb"};
 
 function Alert({
   id,
@@ -833,10 +835,13 @@ function Alert({
     className: modules_6205a58e.icon
   })), /*#__PURE__*/React__namespace.createElement(Column, null, /*#__PURE__*/React__namespace.createElement(Box$1, {
     paddingY: "xsmall",
-    paddingRight: onClose != null && closeLabel != null ? undefined : 'small'
+    paddingRight: onClose != null && closeLabel != null ? undefined : 'small',
+    display: "flex",
+    alignItems: "center",
+    className: modules_6205a58e.content
   }, children)), onClose != null && closeLabel != null ? /*#__PURE__*/React__namespace.createElement(Column, {
     width: "content"
-  }, /*#__PURE__*/React__namespace.createElement(Button$1, {
+  }, /*#__PURE__*/React__namespace.createElement(IconButton, {
     variant: "quaternary",
     size: "small",
     onClick: onClose,
@@ -2739,7 +2744,7 @@ function TabAwareSlot({
 const _excluded$4 = ["children", "onItemSelect"],
       _excluded2 = ["exceptionallySetClassName"],
       _excluded3 = ["render"],
-      _excluded4 = ["exceptionallySetClassName", "modal"],
+      _excluded4 = ["exceptionallySetClassName", "modal", "flip"],
       _excluded5 = ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"],
       _excluded6 = ["label", "children", "exceptionallySetClassName"];
 const MenuContext = /*#__PURE__*/React__namespace.createContext({
@@ -2748,6 +2753,9 @@ const MenuContext = /*#__PURE__*/React__namespace.createContext({
   getAnchorRect: null,
   setAnchorRect: () => undefined
 });
+const SubMenuContext = /*#__PURE__*/React__namespace.createContext({
+  isSubMenu: false
+});
 /**
  * Wrapper component to control a menu. It does not render anything, only providing the state
  * management for the menu components inside it.
@@ -2840,7 +2848,8 @@ const ContextMenuTrigger = /*#__PURE__*/React__namespace.forwardRef(function Con
 const MenuList = /*#__PURE__*/React__namespace.forwardRef(function MenuList(_ref4, ref) {
   let {
     exceptionallySetClassName,
-    modal = true
+    modal = true,
+    flip
   } = _ref4,
       props = _objectWithoutProperties(_ref4, _excluded4);
 
@@ -2853,6 +2862,9 @@ const MenuList = /*#__PURE__*/React__namespace.forwardRef(function MenuList(_ref
     throw new Error('MenuList must be wrapped in <Menu/>');
   }
 
+  const {
+    isSubMenu
+  } = React__namespace.useContext(SubMenuContext);
   const isOpen = menuStore.useState('open');
   return isOpen ? /*#__PURE__*/React__namespace.createElement(react.Portal, {
     preserveTabOrder: true
@@ -2863,7 +2875,8 @@ const MenuList = /*#__PURE__*/React__namespace.forwardRef(function MenuList(_ref
     ref: ref,
     className: classNames__default["default"]('reactist_menulist', exceptionallySetClassName),
     getAnchorRect: getAnchorRect != null ? getAnchorRect : undefined,
-    modal: modal
+    modal: modal,
+    flip: flip != null ? flip : isSubMenu ? 'bottom' : undefined
   }))) : null;
 });
 /**
@@ -2954,6 +2967,9 @@ const SubMenu = /*#__PURE__*/React__namespace.forwardRef(function SubMenu({
   }, [parentMenuHide, parentMenuItemSelect, onItemSelect]);
   const [button, list] = React__namespace.Children.toArray(children);
   const buttonElement = button;
+  const subMenuContextValue = React__namespace.useMemo(() => ({
+    isSubMenu: true
+  }), []);
   return /*#__PURE__*/React__namespace.createElement(Menu, {
     onItemSelect: handleSubItemSelect
   }, /*#__PURE__*/React__namespace.createElement(react.MenuItem, {
@@ -2961,7 +2977,9 @@ const SubMenu = /*#__PURE__*/React__namespace.forwardRef(function SubMenu({
     ref: ref,
     hideOnClick: false,
     render: buttonElement
-  }, buttonElement.props.children), list);
+  }, buttonElement.props.children), /*#__PURE__*/React__namespace.createElement(SubMenuContext.Provider, {
+    value: subMenuContextValue
+  }, list));
 });
 /**
  * A way to semantically group some menu items.