@majoo-ui/react 1.55.8 → 1.55.9

package/components/devicePreview/DevicePreview.d.ts

@@ -6,7 +6,7 @@ declare const EnumTypeDevice: {
     readonly iphone: "iphone";
     readonly desktop: "desktop";
 };
-declare type EnumTypeDevice = typeof EnumTypeDevice[keyof typeof EnumTypeDevice];
+declare type EnumTypeDevice = (typeof EnumTypeDevice)[keyof typeof EnumTypeDevice];
 interface ContentMessage {
     sender?: string;
     message: string;

package/index.esm.js

@@ -2268,7 +2268,7 @@ Flex$1.defaultProps = {
 Flex$1.displayName = 'Flex';
 
 const _excluded$B = ["children"],
-  _excluded2$2 = ["children"];
+  _excluded2$3 = ["children"];
 var _jsxFileName$11 = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
 const GridComponent = styled('div', {
   display: 'grid',
@@ -2495,7 +2495,7 @@ const GridItem = _ref2 => {
   let {
       children
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
   return /*#__PURE__*/React__default.createElement(GridItemComponent, _extends({}, props, {
     css: Object.assign({}, props.css, {
       gridArea: props.area,
@@ -6638,6 +6638,7 @@ const InputRadio = _ref => {
       readOnly
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+  const radioRef = useRef();
   function renderInputType(type, checked) {
     switch (type) {
       case 'number':
@@ -6648,7 +6649,7 @@ const InputRadio = _ref => {
           __source: {
             fileName: _jsxFileName$F,
             lineNumber: 160,
-            columnNumber: 11
+            columnNumber: 16
           }
         }));
       case 'text':
@@ -6659,7 +6660,7 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$F,
-            lineNumber: 169,
+            lineNumber: 164,
             columnNumber: 11
           }
         }));
@@ -6678,17 +6679,21 @@ const InputRadio = _ref => {
           __self: this,
           __source: {
             fileName: _jsxFileName$F,
-            lineNumber: 179,
+            lineNumber: 174,
             columnNumber: 11
           }
         }, props.label);
     }
   }
+  function handleClick(outlined) {
+    var _radioRef$current;
+    outlined && ((_radioRef$current = radioRef.current) === null || _radioRef$current === void 0 ? void 0 : _radioRef$current.click());
+  }
   return /*#__PURE__*/React__default.createElement(InputRadioContext.Consumer, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$F,
-      lineNumber: 198,
+      lineNumber: 197,
       columnNumber: 5
     }
   }, ({
@@ -6705,10 +6710,11 @@ const InputRadio = _ref => {
       active: outlined && checked === props.value && !disabled && !readOnly,
       withInputProps: !!inputProps,
       css: css,
+      onClick: () => handleClick(outlined),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$F,
-        lineNumber: 203,
+        lineNumber: 202,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -6721,6 +6727,7 @@ const InputRadio = _ref => {
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(StyledRadio, _extends({
+      ref: radioRef,
       id: id,
       disabled: disabled || readOnly,
       readOnly: readOnly
@@ -11918,7 +11925,7 @@ function addPropsToChildren(children, props) {
 }
 
 const _excluded$9 = ["children"],
-  _excluded2$1 = ["children", "activeTabs"],
+  _excluded2$2 = ["children", "activeTabs"],
   _excluded3 = ["children", "icon", "activeTabs", "value"],
   _excluded4 = ["activeTabs"];
 var _jsxFileName$q = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
@@ -12087,7 +12094,7 @@ const TabsList$1 = _ref2 => {
       children,
       activeTabs
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
   const [listContainerScrollPosition, setlistContainerScrollPosition] = useState(0);
   const [scrollAreaWidth, setScrollAreaWidth] = useState(0);
   const listContainerRef = useRef();
@@ -12267,7 +12274,7 @@ const Separator$2 = StyledSeparator$1;
 Separator$2.displayName = 'Separator';
 
 const _excluded$8 = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth"],
-  _excluded2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
+  _excluded2$1 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
 var _jsxFileName$p = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
 const ScrollButton = styled(Button$4, {
   width: '28px',
@@ -12609,7 +12616,7 @@ function ButtonGroupItem(_ref2) {
       isToggle,
       value
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
   return /*#__PURE__*/React__default.createElement(GroupItemComponent, _extends({
     className: className,
     disabled: disabled,
@@ -20864,7 +20871,8 @@ const AlertDialogDescription = StyledDescription$1;
 const AlertDialogCancel = ADialog.Cancel;
 const AlertDialogConfirm = ADialog.Action;
 
-const _excluded = ["side", "align", "children"];
+const _excluded = ["side", "align", "children"],
+  _excluded2 = ["children"];
 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({
@@ -21037,6 +21045,7 @@ const DropdownMenuContentContext = props => {
     }
   }, []);
   return /*#__PURE__*/React__default.createElement(StyledContent, _extends({
+    className: "dropdown-content",
     side: side,
     align: align,
     ref: ref
@@ -21049,6 +21058,22 @@ const DropdownMenuContentContext = props => {
     }
   }), props.children);
 };
+const DropdownTrigger = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
+  let {
+      children
+    } = _ref2,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  return /*#__PURE__*/React__default.createElement(DropdownMenuPrimitive.Trigger, _extends({}, props, {
+    ref: ref,
+    children: children && /*#__PURE__*/React__default.cloneElement(children, Object.assign({}, props)),
+    __self: undefined,
+    __source: {
+      fileName: _jsxFileName$a,
+      lineNumber: 146,
+      columnNumber: 3
+    }
+  }));
+});
 const RightSlot = styled('div', {
   marginLeft: 'auto',
   ':focus > &': {
@@ -21061,7 +21086,12 @@ const RightSlot = styled('div', {
 const StyledDropdown = styled(ButtonPrimitive, {
   display: 'flex',
   gap: '8px',
-  padding: '6px 12px'
+  padding: '6px 12px',
+  '&:disabled': {
+    '& + div': {
+      display: 'none !important'
+    }
+  }
 });
 const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(StyledDropdown, _extends({
   ref: ref,
@@ -21070,7 +21100,7 @@ const ButtonDropdown = /*#__PURE__*/React__default.forwardRef((props, ref) => /*
   __self: undefined,
   __source: {
     fileName: _jsxFileName$a,
-    lineNumber: 158,
+    lineNumber: 171,
     columnNumber: 3
   }
 }), props.children, props.rightIcon && props.rightIcon));
@@ -21088,7 +21118,7 @@ RightSlot.displayName = 'RightSlot';
 
 // Exports
 const DropdownMenu = DropdownMenuContext;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuTrigger = DropdownTrigger;
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 const DropdownMenuContent = DropdownMenuContentContext;
 const DropdownMenuItem = StyledItem;
@@ -24274,10 +24304,10 @@ const cssImg = css({
   height: '100%'
 });
 const iconStyles = css({
-  width: 32,
-  height: 32,
-  border: '1px solid $btnPrimary',
-  borderRadius: '6px'
+  width: '32px !important',
+  height: '32px !important',
+  border: '1px solid $btnPrimary !important',
+  borderRadius: '6px !important'
 });
 const ContainerImage = styled('div', cssContainerImage);
 const Img = styled('img', cssImg);
@@ -24858,6 +24888,7 @@ const Device = props => {
         }), void 0)
       }), void 0)]
     }), void 0), props.carousel && jsx(IconStyled, Object.assign({
+      type: "button",
       onClick: nextSlide,
       buttonType: "secondary"
     }, {

package/index.umd.js

@@ -2378,7 +2378,7 @@
   Flex$1.displayName = 'Flex';
 
   const _excluded$B = ["children"],
-    _excluded2$2 = ["children"];
+    _excluded2$3 = ["children"];
   var _jsxFileName$11 = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
@@ -2605,7 +2605,7 @@
     let {
         children
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
     return /*#__PURE__*/React__default["default"].createElement(GridItemComponent, _extends({}, props, {
       css: Object.assign({}, props.css, {
         gridArea: props.area,
@@ -6714,6 +6714,7 @@
         readOnly
       } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    const radioRef = React.useRef();
     function renderInputType(type, checked) {
       switch (type) {
         case 'number':
@@ -6724,7 +6725,7 @@
             __source: {
               fileName: _jsxFileName$F,
               lineNumber: 160,
-              columnNumber: 11
+              columnNumber: 16
             }
           }));
         case 'text':
@@ -6735,7 +6736,7 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$F,
-              lineNumber: 169,
+              lineNumber: 164,
               columnNumber: 11
             }
           }));
@@ -6754,17 +6755,21 @@
             __self: this,
             __source: {
               fileName: _jsxFileName$F,
-              lineNumber: 179,
+              lineNumber: 174,
               columnNumber: 11
             }
           }, props.label);
       }
     }
+    function handleClick(outlined) {
+      var _radioRef$current;
+      outlined && ((_radioRef$current = radioRef.current) === null || _radioRef$current === void 0 ? void 0 : _radioRef$current.click());
+    }
     return /*#__PURE__*/React__default["default"].createElement(InputRadioContext.Consumer, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$F,
-        lineNumber: 198,
+        lineNumber: 197,
         columnNumber: 5
       }
     }, ({
@@ -6781,10 +6786,11 @@
         active: outlined && checked === props.value && !disabled && !readOnly,
         withInputProps: !!inputProps,
         css: css,
+        onClick: () => handleClick(outlined),
         __self: undefined,
         __source: {
           fileName: _jsxFileName$F,
-          lineNumber: 203,
+          lineNumber: 202,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -6797,6 +6803,7 @@
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(StyledRadio, _extends({
+        ref: radioRef,
         id: id,
         disabled: disabled || readOnly,
         readOnly: readOnly
@@ -12069,7 +12076,7 @@
   }
 
   const _excluded$9 = ["children"],
-    _excluded2$1 = ["children", "activeTabs"],
+    _excluded2$2 = ["children", "activeTabs"],
     _excluded3 = ["children", "icon", "activeTabs", "value"],
     _excluded4 = ["activeTabs"];
   var _jsxFileName$q = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
@@ -12238,7 +12245,7 @@
         children,
         activeTabs
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
     const [listContainerScrollPosition, setlistContainerScrollPosition] = React.useState(0);
     const [scrollAreaWidth, setScrollAreaWidth] = React.useState(0);
     const listContainerRef = React.useRef();
@@ -12418,7 +12425,7 @@
   Separator$2.displayName = 'Separator';
 
   const _excluded$8 = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth"],
-    _excluded2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
+    _excluded2$1 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
   var _jsxFileName$p = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
   const ScrollButton = styled(Button$4, {
     width: '28px',
@@ -12760,7 +12767,7 @@
         isToggle,
         value
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
     return /*#__PURE__*/React__default["default"].createElement(GroupItemComponent, _extends({
       className: className,
       disabled: disabled,
@@ -21196,7 +21203,8 @@
   const AlertDialogCancel = ADialog__namespace.Cancel;
   const AlertDialogConfirm = ADialog__namespace.Action;
 
-  const _excluded = ["side", "align", "children"];
+  const _excluded = ["side", "align", "children"],
+    _excluded2 = ["children"];
   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({
@@ -21369,6 +21377,7 @@
       }
     }, []);
     return /*#__PURE__*/React__default["default"].createElement(StyledContent, _extends({
+      className: "dropdown-content",
       side: side,
       align: align,
       ref: ref
@@ -21381,6 +21390,22 @@
       }
     }), props.children);
   };
+  const DropdownTrigger = /*#__PURE__*/React__default["default"].forwardRef((_ref2, ref) => {
+    let {
+        children
+      } = _ref2,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    return /*#__PURE__*/React__default["default"].createElement(DropdownMenuPrimitive__namespace.Trigger, _extends({}, props, {
+      ref: ref,
+      children: children && /*#__PURE__*/React__default["default"].cloneElement(children, Object.assign({}, props)),
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$a,
+        lineNumber: 146,
+        columnNumber: 3
+      }
+    }));
+  });
   const RightSlot = styled('div', {
     marginLeft: 'auto',
     ':focus > &': {
@@ -21393,7 +21418,12 @@
   const StyledDropdown = styled(ButtonPrimitive, {
     display: 'flex',
     gap: '8px',
-    padding: '6px 12px'
+    padding: '6px 12px',
+    '&:disabled': {
+      '& + div': {
+        display: 'none !important'
+      }
+    }
   });
   const ButtonDropdown = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => /*#__PURE__*/React__default["default"].createElement(StyledDropdown, _extends({
     ref: ref,
@@ -21402,7 +21432,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 158,
+      lineNumber: 171,
       columnNumber: 3
     }
   }), props.children, props.rightIcon && props.rightIcon));
@@ -21420,7 +21450,7 @@
 
   // Exports
   const DropdownMenu = DropdownMenuContext;
-  const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+  const DropdownMenuTrigger = DropdownTrigger;
   const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
   const DropdownMenuContent = DropdownMenuContentContext;
   const DropdownMenuItem = StyledItem;
@@ -24629,10 +24659,10 @@
     height: '100%'
   });
   var iconStyles = css({
-    width: 32,
-    height: 32,
-    border: '1px solid $btnPrimary',
-    borderRadius: '6px'
+    width: '32px !important',
+    height: '32px !important',
+    border: '1px solid $btnPrimary !important',
+    borderRadius: '6px !important'
   });
   var ContainerImage = styled('div', cssContainerImage);
   var Img = styled('img', cssImg);
@@ -25222,6 +25252,7 @@
           }), void 0)
         }), void 0)]
       }), void 0), props.carousel && jsxRuntime.jsx(IconStyled, __assign({
+        type: "button",
         onClick: nextSlide,
         buttonType: "secondary"
       }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.55.8",
+  "version": "1.55.9",
   "dependencies": {
     "@majoo-ui/core": "^1.31.1",
     "@majoo-ui/helpers": "^1.30.5",