@majoo-ui/react 1.55.17 → 1.55.18

package/index.esm.js

@@ -4869,7 +4869,7 @@ Image.defaultProps = {
 const _excluded$s = ["children", "label", "color", "css", "withClick", "side", "align"];
 var _jsxFileName$T = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
 const {
-  zIndices: zIndices$1
+  zIndices: zIndices$2
 } = foundations;
 const slideUpAndFade$2 = keyframes({
   '0%': {
@@ -4912,7 +4912,7 @@ const slideLeftAndFade$2 = keyframes({
   }
 });
 const StyledContent$6 = styled(TooltipPrimitive.Content, {
-  zIndex: zIndices$1.tooltip,
+  zIndex: zIndices$2.tooltip,
   borderRadius: 8,
   padding: '8px',
   fontSize: '$helper',
@@ -8463,7 +8463,7 @@ fixRegExpWellKnownSymbolLogic$1('search', function (SEARCH, nativeSearch, maybeC
 const _excluded$d = ["children"];
 var _jsxFileName$y = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
 const {
-  zIndices
+  zIndices: zIndices$1
 } = foundations;
 const PopoverContext = /*#__PURE__*/createContext();
 const Popover = ({
@@ -8557,7 +8557,7 @@ const PopoverContent = ({
       position: strategy,
       top: isMobile ? 0 : y != null ? y : '',
       left: isMobile ? 0 : x != null ? x : '',
-      zIndex: zIndices.popover
+      zIndex: zIndices$1.popover
     }, style)
   }), {
     __self: undefined,
@@ -8598,6 +8598,9 @@ Popover.propTypes = {
 };
 Popover.displayName = 'Popover';
 
+const {
+  zIndices
+} = foundations;
 const SelectContainer = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -9106,7 +9109,8 @@ function InputSelect(_a) {
           }), void 0), jsx(Portal, {
             children: jsx(PopoverContent, Object.assign({
               style: {
-                width: (_b = (_a = selectBoxRef === null || selectBoxRef === void 0 ? void 0 : selectBoxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0
+                width: (_b = (_a = selectBoxRef === null || selectBoxRef === void 0 ? void 0 : selectBoxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0,
+                zIndex: zIndices.tooltip
               }
             }, {
               children: jsxs(Fragment, {
@@ -12028,8 +12032,8 @@ function addPropsToChildren(children, props) {
 
 const _excluded$9 = ["children"],
   _excluded2$3 = ["children", "activeTabs"],
-  _excluded3 = ["children", "icon", "activeTabs", "value"],
-  _excluded4 = ["activeTabs"];
+  _excluded3$1 = ["children", "icon", "activeTabs", "value"],
+  _excluded4$1 = ["activeTabs"];
 var _jsxFileName$r = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
 const StyledTabs = styled(TabsPrimitive.Root, {
   display: 'flex',
@@ -12293,7 +12297,7 @@ const TabsTrigger$1 = _ref3 => {
       activeTabs,
       value
     } = _ref3,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
   const [isIconHovered, setIsIconHovered] = useState(false);
   return /*#__PURE__*/React__default.createElement(StyledTrigger$1, _extends({
     value: value
@@ -12341,7 +12345,7 @@ const TabsTrigger$1 = _ref3 => {
   }), (!icon || activeTabs === value) && children)));
 };
 const TabsContent$1 = _ref4 => {
-  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
   return /*#__PURE__*/React__default.createElement(StyledContent$5, _extends({}, props, {
     __self: undefined,
     __source: {
@@ -21021,7 +21025,9 @@ const AlertDialogCancel = ADialog.Cancel;
 const AlertDialogConfirm = ADialog.Action;
 
 const _excluded = ["side", "align", "children"],
-  _excluded2 = ["children"];
+  _excluded2 = ["children"],
+  _excluded3 = ["asChild"],
+  _excluded4 = ["rightIcon"];
 var _jsxFileName$a = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
 const Context = /*#__PURE__*/React__default.createContext();
 const slideUpAndFade = keyframes({
@@ -21212,14 +21218,19 @@ const DropdownTrigger = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
       children
     } = _ref2,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return /*#__PURE__*/React__default.createElement(DropdownMenuPrimitive.Trigger, _extends({}, props, {
+  const {
+      asChild
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded3);
+  return /*#__PURE__*/React__default.createElement(DropdownMenuPrimitive.Trigger, _extends({}, rest, {
+    asChild: asChild,
     ref: ref,
-    children: children && /*#__PURE__*/React__default.cloneElement(children, Object.assign({}, props)),
+    children: children && /*#__PURE__*/React__default.cloneElement(children, Object.assign({}, rest)),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 146,
-      columnNumber: 3
+      lineNumber: 148,
+      columnNumber: 5
     }
   }));
 });
@@ -21242,17 +21253,23 @@ const StyledDropdown = styled(ButtonPrimitive, {
     }
   }
 });
-const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(StyledDropdown, _extends({
-  ref: ref,
-  css: props.css
-}, props, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$a,
-    lineNumber: 171,
-    columnNumber: 3
-  }
-}), props.children, props.rightIcon && props.rightIcon));
+const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+      rightIcon
+    } = props,
+    rest = _objectWithoutPropertiesLoose(props, _excluded4);
+  return /*#__PURE__*/React__default.createElement(StyledDropdown, _extends({
+    ref: ref,
+    css: rest.css
+  }, rest, {
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$a,
+      lineNumber: 177,
+      columnNumber: 5
+    }
+  }), rest.children, rightIcon && rightIcon);
+});
 ButtonDropdown.propTypes = {
   children: PropTypes.node.isRequired,
   css: PropTypes.object,

package/index.umd.js

@@ -4945,7 +4945,7 @@
   const _excluded$s = ["children", "label", "color", "css", "withClick", "side", "align"];
   var _jsxFileName$T = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
   const {
-    zIndices: zIndices$1
+    zIndices: zIndices$2
   } = core.foundations;
   const slideUpAndFade$2 = keyframes({
     '0%': {
@@ -4988,7 +4988,7 @@
     }
   });
   const StyledContent$6 = styled(TooltipPrimitive__namespace.Content, {
-    zIndex: zIndices$1.tooltip,
+    zIndex: zIndices$2.tooltip,
     borderRadius: 8,
     padding: '8px',
     fontSize: '$helper',
@@ -8539,7 +8539,7 @@
   const _excluded$d = ["children"];
   var _jsxFileName$y = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
   const {
-    zIndices
+    zIndices: zIndices$1
   } = core.foundations;
   const PopoverContext = /*#__PURE__*/React.createContext();
   const Popover = ({
@@ -8633,7 +8633,7 @@
         position: strategy,
         top: isMobile ? 0 : y != null ? y : '',
         left: isMobile ? 0 : x != null ? x : '',
-        zIndex: zIndices.popover
+        zIndex: zIndices$1.popover
       }, style)
     }), {
       __self: undefined,
@@ -8674,6 +8674,7 @@
   };
   Popover.displayName = 'Popover';
 
+  var zIndices = core.foundations.zIndices;
   var SelectContainer = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -9224,7 +9225,8 @@
             }), void 0), jsxRuntime.jsx(helpers.Portal, {
               children: jsxRuntime.jsx(PopoverContent, __assign({
                 style: {
-                  width: (_c = (_b = selectBoxRef === null || selectBoxRef === void 0 ? void 0 : selectBoxRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0
+                  width: (_c = (_b = selectBoxRef === null || selectBoxRef === void 0 ? void 0 : selectBoxRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0,
+                  zIndex: zIndices.tooltip
                 }
               }, {
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -12179,8 +12181,8 @@
 
   const _excluded$9 = ["children"],
     _excluded2$3 = ["children", "activeTabs"],
-    _excluded3 = ["children", "icon", "activeTabs", "value"],
-    _excluded4 = ["activeTabs"];
+    _excluded3$1 = ["children", "icon", "activeTabs", "value"],
+    _excluded4$1 = ["activeTabs"];
   var _jsxFileName$r = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
   const StyledTabs = styled(TabsPrimitive__namespace.Root, {
     display: 'flex',
@@ -12444,7 +12446,7 @@
         activeTabs,
         value
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
     const [isIconHovered, setIsIconHovered] = React.useState(false);
     return /*#__PURE__*/React__default["default"].createElement(StyledTrigger$1, _extends({
       value: value
@@ -12492,7 +12494,7 @@
     }), (!icon || activeTabs === value) && children)));
   };
   const TabsContent$1 = _ref4 => {
-    let props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+    let props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
     return /*#__PURE__*/React__default["default"].createElement(StyledContent$5, _extends({}, props, {
       __self: undefined,
       __source: {
@@ -21351,7 +21353,9 @@
   const AlertDialogConfirm = ADialog__namespace.Action;
 
   const _excluded = ["side", "align", "children"],
-    _excluded2 = ["children"];
+    _excluded2 = ["children"],
+    _excluded3 = ["asChild"],
+    _excluded4 = ["rightIcon"];
   var _jsxFileName$a = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
   const Context = /*#__PURE__*/React__default["default"].createContext();
   const slideUpAndFade = keyframes({
@@ -21542,14 +21546,19 @@
         children
       } = _ref2,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-    return /*#__PURE__*/React__default["default"].createElement(DropdownMenuPrimitive__namespace.Trigger, _extends({}, props, {
+    const {
+        asChild
+      } = props,
+      rest = _objectWithoutPropertiesLoose(props, _excluded3);
+    return /*#__PURE__*/React__default["default"].createElement(DropdownMenuPrimitive__namespace.Trigger, _extends({}, rest, {
+      asChild: asChild,
       ref: ref,
-      children: children && /*#__PURE__*/React__default["default"].cloneElement(children, Object.assign({}, props)),
+      children: children && /*#__PURE__*/React__default["default"].cloneElement(children, Object.assign({}, rest)),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 146,
-        columnNumber: 3
+        lineNumber: 148,
+        columnNumber: 5
       }
     }));
   });
@@ -21572,17 +21581,23 @@
       }
     }
   });
-  const ButtonDropdown = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => /*#__PURE__*/React__default["default"].createElement(StyledDropdown, _extends({
-    ref: ref,
-    css: props.css
-  }, props, {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$a,
-      lineNumber: 171,
-      columnNumber: 3
-    }
-  }), props.children, props.rightIcon && props.rightIcon));
+  const ButtonDropdown = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+    const {
+        rightIcon
+      } = props,
+      rest = _objectWithoutPropertiesLoose(props, _excluded4);
+    return /*#__PURE__*/React__default["default"].createElement(StyledDropdown, _extends({
+      ref: ref,
+      css: rest.css
+    }, rest, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$a,
+        lineNumber: 177,
+        columnNumber: 5
+      }
+    }), rest.children, rightIcon && rightIcon);
+  });
   ButtonDropdown.propTypes = {
     children: PropTypes__default["default"].node.isRequired,
     css: PropTypes__default["default"].object,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.55.17",
+  "version": "1.55.18",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",