@majoo-ui/react 1.55.38 → 1.55.39-rc.1

package/index.esm.js

@@ -4126,7 +4126,7 @@ const Button$4 = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     iconSize: icon ? size : undefined,
     disabled: disabled,
     css: Object.assign(Object.assign({}, props.css), {
-      display: block ? 'block' : 'inline-block',
+      display: block || leftIcon || rightIcon ? 'block !important' : 'inline-block',
       width: block ? '100%' : width
     }),
     ref: forwardedRef
@@ -20776,37 +20776,39 @@ const StyledDescription$1 = styled(ADialog.Description, {
 const Flex = styled('div', {
   display: 'flex'
 });
-function Content$1(_ref) {
+const Content$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
       children
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return /*#__PURE__*/React__default.createElement(ADialog.Portal, {
-    __self: this,
+    __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 75,
-      columnNumber: 5
+      lineNumber: 74,
+      columnNumber: 3
     }
   }, /*#__PURE__*/React__default.createElement(StyledOverlay, {
     css: {
       zIndex: '$toast'
     },
-    __self: this,
+    __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 76,
-      columnNumber: 7
+      lineNumber: 75,
+      columnNumber: 5
     }
-  }), /*#__PURE__*/React__default.createElement(StyledContent$1, _extends({}, props, {
-    __self: this,
+  }), /*#__PURE__*/React__default.createElement(StyledContent$1, _extends({
+    ref: ref
+  }, props, {
+    __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 77,
-      columnNumber: 7
+      lineNumber: 76,
+      columnNumber: 5
     }
   }), children));
-}
+});
 function AlertDialogFunction(properties) {
   let props = properties;
   this.show = function () {
@@ -20832,6 +20834,16 @@ const TemplateAlertFunction = props => {
     t
   } = useTranslation('translation');
   const [open, setOpen] = React__default.useState(true);
+  const ref = useCallback(node => {
+    const appElement = document.getElementById('app');
+    if (appElement) {
+      if (node !== null) {
+        appElement.classList.add('noscroll');
+      } else {
+        appElement.classList.remove('noscroll');
+      }
+    }
+  }, []);
   const isMobileCss = props.isMobile && {
     minWidth: '100%',
     borderBottomLeftRadius: 0,
@@ -20863,10 +20875,12 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 129,
+      lineNumber: 140,
       columnNumber: 5
     }
-  }), /*#__PURE__*/React__default.createElement(Content$1, _extends({}, props, {
+  }), /*#__PURE__*/React__default.createElement(Content$1, _extends({
+    ref: ref
+  }, props, {
     css: Object.assign({
       zIndex: '$tooltip'
     }, isMobileCss, props.css),
@@ -20880,14 +20894,14 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 130,
+      lineNumber: 141,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 141,
+      lineNumber: 153,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -20895,7 +20909,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 142,
+      lineNumber: 154,
       columnNumber: 11
     }
   }, props.title), /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -20903,7 +20917,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 143,
+      lineNumber: 155,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -20914,7 +20928,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 144,
+      lineNumber: 156,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -20922,7 +20936,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 145,
+      lineNumber: 157,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -20930,14 +20944,14 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 149,
+      lineNumber: 161,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription$1, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 150,
+      lineNumber: 162,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -20948,7 +20962,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 151,
+      lineNumber: 163,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box, {
@@ -20958,7 +20972,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 155,
+      lineNumber: 167,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -20966,7 +20980,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 156,
+      lineNumber: 168,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -20980,7 +20994,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 157,
+      lineNumber: 169,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -20988,7 +21002,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 159,
+      lineNumber: 171,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21000,7 +21014,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 160,
+      lineNumber: 172,
       columnNumber: 17
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -21008,7 +21022,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 172,
+      lineNumber: 184,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21024,7 +21038,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 173,
+      lineNumber: 185,
       columnNumber: 19
     }
   }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -21032,7 +21046,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 187,
+      lineNumber: 199,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21047,7 +21061,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 188,
+      lineNumber: 200,
       columnNumber: 19
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));
@@ -21056,6 +21070,16 @@ function AlertDialog(props) {
   const {
     t
   } = useTranslation('translation');
+  const ref = useCallback(node => {
+    const appElement = document.getElementById('app');
+    if (appElement) {
+      if (node !== null) {
+        appElement.classList.add('noscroll');
+      } else {
+        appElement.classList.remove('noscroll');
+      }
+    }
+  }, []);
   const isMobileCss = props.isMobile && {
     minWidth: '100%',
     borderBottomLeftRadius: 0,
@@ -21074,10 +21098,12 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 220,
+      lineNumber: 244,
       columnNumber: 5
     }
-  }, /*#__PURE__*/React__default.createElement(Content$1, _extends({}, props, {
+  }, /*#__PURE__*/React__default.createElement(Content$1, _extends({
+    ref: ref
+  }, props, {
     css: Object.assign({
       zIndex: '$tooltip'
     }, isMobileCss, props.css),
@@ -21087,14 +21113,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 221,
+      lineNumber: 245,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 229,
+      lineNumber: 254,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -21102,7 +21128,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 230,
+      lineNumber: 255,
       columnNumber: 11
     }
   }, props.title), /*#__PURE__*/React__default.createElement(AlertDialogCancel, {
@@ -21110,7 +21136,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 231,
+      lineNumber: 256,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -21121,7 +21147,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 232,
+      lineNumber: 257,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -21129,7 +21155,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 233,
+      lineNumber: 258,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -21137,14 +21163,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 237,
+      lineNumber: 262,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription$1, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 238,
+      lineNumber: 263,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -21155,7 +21181,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 239,
+      lineNumber: 264,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box, {
@@ -21165,7 +21191,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 243,
+      lineNumber: 268,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -21173,7 +21199,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 244,
+      lineNumber: 269,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -21187,7 +21213,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 245,
+      lineNumber: 270,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -21195,7 +21221,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 247,
+      lineNumber: 272,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21210,7 +21236,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 248,
+      lineNumber: 273,
       columnNumber: 17
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -21218,7 +21244,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 261,
+      lineNumber: 286,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21234,7 +21260,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 262,
+      lineNumber: 287,
       columnNumber: 19
     }
   }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -21242,7 +21268,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 276,
+      lineNumber: 301,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, _extends({
@@ -21257,7 +21283,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 277,
+      lineNumber: 302,
       columnNumber: 19
     }
   }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));

package/index.umd.js

@@ -4204,7 +4204,7 @@
       iconSize: icon ? size : undefined,
       disabled: disabled,
       css: __assign(__assign({}, props.css), {
-        display: block ? 'block' : 'inline-block',
+        display: block || leftIcon || rightIcon ? 'block !important' : 'inline-block',
         width: block ? '100%' : width
       }),
       ref: forwardedRef
@@ -21121,37 +21121,39 @@
   const Flex = styled('div', {
     display: 'flex'
   });
-  function Content$1(_ref) {
+  const Content$1 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     let {
         children
       } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
     return /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Portal, {
-      __self: this,
+      __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 75,
-        columnNumber: 5
+        lineNumber: 74,
+        columnNumber: 3
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledOverlay, {
       css: {
         zIndex: '$toast'
       },
-      __self: this,
+      __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 76,
-        columnNumber: 7
+        lineNumber: 75,
+        columnNumber: 5
       }
-    }), /*#__PURE__*/React__default["default"].createElement(StyledContent$1, _extends({}, props, {
-      __self: this,
+    }), /*#__PURE__*/React__default["default"].createElement(StyledContent$1, _extends({
+      ref: ref
+    }, props, {
+      __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 77,
-        columnNumber: 7
+        lineNumber: 76,
+        columnNumber: 5
       }
     }), children));
-  }
+  });
   function AlertDialogFunction(properties) {
     let props = properties;
     this.show = function () {
@@ -21177,6 +21179,16 @@
       t
     } = reactI18next.useTranslation('translation');
     const [open, setOpen] = React__default["default"].useState(true);
+    const ref = React.useCallback(node => {
+      const appElement = document.getElementById('app');
+      if (appElement) {
+        if (node !== null) {
+          appElement.classList.add('noscroll');
+        } else {
+          appElement.classList.remove('noscroll');
+        }
+      }
+    }, []);
     const isMobileCss = props.isMobile && {
       minWidth: '100%',
       borderBottomLeftRadius: 0,
@@ -21208,10 +21220,12 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 129,
+        lineNumber: 140,
         columnNumber: 5
       }
-    }), /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
+    }), /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({
+      ref: ref
+    }, props, {
       css: Object.assign({
         zIndex: '$tooltip'
       }, isMobileCss, props.css),
@@ -21225,14 +21239,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 130,
+        lineNumber: 141,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 141,
+        lineNumber: 153,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -21240,7 +21254,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 142,
+        lineNumber: 154,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
@@ -21248,7 +21262,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 143,
+        lineNumber: 155,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21259,7 +21273,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 144,
+        lineNumber: 156,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -21267,7 +21281,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 145,
+        lineNumber: 157,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21275,14 +21289,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 149,
+        lineNumber: 161,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 150,
+        lineNumber: 162,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -21293,7 +21307,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 151,
+        lineNumber: 163,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21303,7 +21317,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 155,
+        lineNumber: 167,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21311,7 +21325,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 156,
+        lineNumber: 168,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -21325,7 +21339,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 157,
+        lineNumber: 169,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -21333,7 +21347,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 159,
+        lineNumber: 171,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21345,7 +21359,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 160,
+        lineNumber: 172,
         columnNumber: 17
       }
     }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
@@ -21353,7 +21367,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 172,
+        lineNumber: 184,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21369,7 +21383,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 173,
+        lineNumber: 185,
         columnNumber: 19
       }
     }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -21377,7 +21391,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 187,
+        lineNumber: 199,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21392,7 +21406,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 188,
+        lineNumber: 200,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));
@@ -21401,6 +21415,16 @@
     const {
       t
     } = reactI18next.useTranslation('translation');
+    const ref = React.useCallback(node => {
+      const appElement = document.getElementById('app');
+      if (appElement) {
+        if (node !== null) {
+          appElement.classList.add('noscroll');
+        } else {
+          appElement.classList.remove('noscroll');
+        }
+      }
+    }, []);
     const isMobileCss = props.isMobile && {
       minWidth: '100%',
       borderBottomLeftRadius: 0,
@@ -21419,10 +21443,12 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 220,
+        lineNumber: 244,
         columnNumber: 5
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
+    }, /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({
+      ref: ref
+    }, props, {
       css: Object.assign({
         zIndex: '$tooltip'
       }, isMobileCss, props.css),
@@ -21432,14 +21458,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 221,
+        lineNumber: 245,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 229,
+        lineNumber: 254,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -21447,7 +21473,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 230,
+        lineNumber: 255,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
@@ -21455,7 +21481,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 231,
+        lineNumber: 256,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21466,7 +21492,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 232,
+        lineNumber: 257,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -21474,7 +21500,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 233,
+        lineNumber: 258,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21482,14 +21508,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 237,
+        lineNumber: 262,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription$1, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 238,
+        lineNumber: 263,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -21500,7 +21526,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 239,
+        lineNumber: 264,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21510,7 +21536,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 243,
+        lineNumber: 268,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21518,7 +21544,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 244,
+        lineNumber: 269,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -21532,7 +21558,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 245,
+        lineNumber: 270,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -21540,7 +21566,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 247,
+        lineNumber: 272,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21555,7 +21581,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 248,
+        lineNumber: 273,
         columnNumber: 17
       }
     }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
@@ -21563,7 +21589,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 261,
+        lineNumber: 286,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21579,7 +21605,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 262,
+        lineNumber: 287,
         columnNumber: 19
       }
     }), props.labelCancel ? props.labelCancel : t('label.cancel', 'Batal'))), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -21587,7 +21613,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 276,
+        lineNumber: 301,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21602,7 +21628,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 277,
+        lineNumber: 302,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.55.38",
+  "version": "1.55.39-rc.1",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",