@majoo-ui/react 1.55.17 → 1.55.19

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',
@@ -6488,7 +6488,8 @@ InputRadioGroup.propTypes = {
   defaultValue: PropTypes.string,
   value: PropTypes.string,
   onValueChange: PropTypes.func,
-  outlined: PropTypes.bool
+  outlined: PropTypes.bool,
+  block: PropTypes.bool
 };
 InputRadioGroup.displayName = 'InputRadioGroup';
 
@@ -6622,6 +6623,11 @@ const Container$a = styled(Flex$1, {
       true: {
         padding: '0 $spacing-03'
       }
+    },
+    block: {
+      true: {
+        flex: 1
+      }
     }
   },
   compoundVariants: [{
@@ -6634,7 +6640,14 @@ const Container$a = styled(Flex$1, {
 });
 const ContainerLabel = styled('label', {
   width: 'fit-content',
-  cursor: 'pointer'
+  cursor: 'pointer',
+  variants: {
+    outlined: {
+      true: {
+        display: 'contents'
+      }
+    }
+  }
 });
 const InputRadio = _ref => {
   let {
@@ -6661,7 +6674,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$G,
-            lineNumber: 162,
+            lineNumber: 171,
             columnNumber: 11
           }
         }));
@@ -6678,7 +6691,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$G,
-            lineNumber: 175,
+            lineNumber: 184,
             columnNumber: 11
           }
         }));
@@ -6697,7 +6710,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$G,
-            lineNumber: 189,
+            lineNumber: 198,
             columnNumber: 11
           }
         }, props.label);
@@ -6707,22 +6720,24 @@ const InputRadio = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$G,
-      lineNumber: 208,
+      lineNumber: 217,
       columnNumber: 5
     }
   }, ({
     defaultValue,
     value,
     outlined,
-    onValueChange
+    onValueChange,
+    block
   }) => {
     const checkedValue = value != null ? value : defaultValue;
     return /*#__PURE__*/React__default.createElement(ContainerLabel, {
       htmlFor: id,
+      outlined: outlined,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 213,
+        lineNumber: 222,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Container$a, {
@@ -6732,11 +6747,12 @@ const InputRadio = _ref => {
       disabled: disabled,
       active: outlined && checkedValue === props.value && !disabled && !readOnly,
       withInputProps: !!inputProps,
+      block: block,
       css: css,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 214,
+        lineNumber: 223,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -6745,7 +6761,7 @@ const InputRadio = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 223,
+        lineNumber: 233,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(StyledRadio, _extends({
@@ -6756,14 +6772,14 @@ const InputRadio = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 224,
+        lineNumber: 234,
         columnNumber: 17
       }
     }), /*#__PURE__*/React__default.createElement(StyledIndicator$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 225,
+        lineNumber: 235,
         columnNumber: 19
       }
     })), renderInputType(inputType, checkedValue, onValueChange)), description && /*#__PURE__*/React__default.createElement(Text$1, {
@@ -6775,7 +6791,7 @@ const InputRadio = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 230,
+        lineNumber: 240,
         columnNumber: 17
       }
     }, description)));
@@ -8463,7 +8479,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 +8573,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 +8614,9 @@ Popover.propTypes = {
 };
 Popover.displayName = 'Popover';
 
+const {
+  zIndices
+} = foundations;
 const SelectContainer = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -8820,7 +8839,8 @@ const StyledFooter = styled('div', {
   right: 0,
   backgroundColor: '$bgWhite',
   boxShadow: '0px 4px 6px #00000014',
-  borderTop: '1px solid $bgBorder'
+  borderTop: '1px solid $bgBorder',
+  pointerEvents: 'auto'
 });
 const StyledDiv$2 = styled('div', {
   color: '$textDisable',
@@ -9106,7 +9126,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 +12049,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 +12314,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 +12362,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 +21042,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 +21235,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 +21270,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',
@@ -6564,7 +6564,8 @@
     defaultValue: PropTypes__default["default"].string,
     value: PropTypes__default["default"].string,
     onValueChange: PropTypes__default["default"].func,
-    outlined: PropTypes__default["default"].bool
+    outlined: PropTypes__default["default"].bool,
+    block: PropTypes__default["default"].bool
   };
   InputRadioGroup.displayName = 'InputRadioGroup';
 
@@ -6698,6 +6699,11 @@
         true: {
           padding: '0 $spacing-03'
         }
+      },
+      block: {
+        true: {
+          flex: 1
+        }
       }
     },
     compoundVariants: [{
@@ -6710,7 +6716,14 @@
   });
   const ContainerLabel = styled('label', {
     width: 'fit-content',
-    cursor: 'pointer'
+    cursor: 'pointer',
+    variants: {
+      outlined: {
+        true: {
+          display: 'contents'
+        }
+      }
+    }
   });
   const InputRadio = _ref => {
     let {
@@ -6737,7 +6750,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$G,
-              lineNumber: 162,
+              lineNumber: 171,
               columnNumber: 11
             }
           }));
@@ -6754,7 +6767,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$G,
-              lineNumber: 175,
+              lineNumber: 184,
               columnNumber: 11
             }
           }));
@@ -6773,7 +6786,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$G,
-              lineNumber: 189,
+              lineNumber: 198,
               columnNumber: 11
             }
           }, props.label);
@@ -6783,22 +6796,24 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$G,
-        lineNumber: 208,
+        lineNumber: 217,
         columnNumber: 5
       }
     }, ({
       defaultValue,
       value,
       outlined,
-      onValueChange
+      onValueChange,
+      block
     }) => {
       const checkedValue = value != null ? value : defaultValue;
       return /*#__PURE__*/React__default["default"].createElement(ContainerLabel, {
         htmlFor: id,
+        outlined: outlined,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 213,
+          lineNumber: 222,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Container$a, {
@@ -6808,11 +6823,12 @@
         disabled: disabled,
         active: outlined && checkedValue === props.value && !disabled && !readOnly,
         withInputProps: !!inputProps,
+        block: block,
         css: css,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 214,
+          lineNumber: 223,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -6821,7 +6837,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 223,
+          lineNumber: 233,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(StyledRadio, _extends({
@@ -6832,14 +6848,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 224,
+          lineNumber: 234,
           columnNumber: 17
         }
       }), /*#__PURE__*/React__default["default"].createElement(StyledIndicator$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 225,
+          lineNumber: 235,
           columnNumber: 19
         }
       })), renderInputType(inputType, checkedValue, onValueChange)), description && /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -6851,7 +6867,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$G,
-          lineNumber: 230,
+          lineNumber: 240,
           columnNumber: 17
         }
       }, description)));
@@ -8539,7 +8555,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 +8649,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 +8690,7 @@
   };
   Popover.displayName = 'Popover';
 
+  var zIndices = core.foundations.zIndices;
   var SelectContainer = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -8896,7 +8913,8 @@
     right: 0,
     backgroundColor: '$bgWhite',
     boxShadow: '0px 4px 6px #00000014',
-    borderTop: '1px solid $bgBorder'
+    borderTop: '1px solid $bgBorder',
+    pointerEvents: 'auto'
   });
   var StyledDiv$2 = styled('div', {
     color: '$textDisable',
@@ -9224,7 +9242,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 +12198,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 +12463,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 +12511,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 +21370,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 +21563,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 +21598,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.19",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",