@majoo-ui/react 1.55.38 → 1.55.39

package/components/button/Button.d.ts

@@ -5,6 +5,7 @@ export declare const ButtonPrimitive: import("@stitches/react/types/styled-compo
     buttonType?: "primary" | "secondary" | "ghost" | "ghost-secondary" | "negative" | "negative-secondary" | "negative-ghost" | "headerMenu" | "tableMenu" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
+    displayBlock?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -132,6 +133,7 @@ export declare const Button: React.ForwardRefExoticComponent<import("@stitches/r
     buttonType?: "primary" | "secondary" | "ghost" | "ghost-secondary" | "negative" | "negative-secondary" | "negative-ghost" | "headerMenu" | "tableMenu" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
+    displayBlock?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";

package/index.esm.js

@@ -4101,6 +4101,11 @@ const ButtonPrimitive = styled('button', {
         padding: '11px',
         borderRadius: '$md'
       }
+    },
+    displayBlock: {
+      true: {
+        display: 'block !important'
+      }
     }
   }
 });
@@ -4125,6 +4130,7 @@ const Button$4 = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     size: size,
     iconSize: icon ? size : undefined,
     disabled: disabled,
+    displayBlock: Boolean(block || leftIcon || rightIcon),
     css: Object.assign(Object.assign({}, props.css), {
       display: block ? 'block' : 'inline-block',
       width: block ? '100%' : width
@@ -20776,37 +20782,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 +20840,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 +20881,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 +20900,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 +20915,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 +20923,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 143,
+      lineNumber: 155,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -20914,7 +20934,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 144,
+      lineNumber: 156,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -20922,7 +20942,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 145,
+      lineNumber: 157,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -20930,14 +20950,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 +20968,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 +20978,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 155,
+      lineNumber: 167,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -20966,7 +20986,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 156,
+      lineNumber: 168,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -20980,7 +21000,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 +21008,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 +21020,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 +21028,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 +21044,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 +21052,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 +21067,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 +21076,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 +21104,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 +21119,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 +21134,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 +21142,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 231,
+      lineNumber: 256,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -21121,7 +21153,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 232,
+      lineNumber: 257,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -21129,7 +21161,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 233,
+      lineNumber: 258,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -21137,14 +21169,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 +21187,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 +21197,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 243,
+      lineNumber: 268,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -21173,7 +21205,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 244,
+      lineNumber: 269,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -21187,7 +21219,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 +21227,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 +21242,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 +21250,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 +21266,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 +21274,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 +21289,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

@@ -4176,6 +4176,11 @@
           padding: '11px',
           borderRadius: '$md'
         }
+      },
+      displayBlock: {
+        true: {
+          display: 'block !important'
+        }
       }
     }
   });
@@ -4203,6 +4208,7 @@
       size: size,
       iconSize: icon ? size : undefined,
       disabled: disabled,
+      displayBlock: Boolean(block || leftIcon || rightIcon),
       css: __assign(__assign({}, props.css), {
         display: block ? 'block' : 'inline-block',
         width: block ? '100%' : width
@@ -21121,37 +21127,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 +21185,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 +21226,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 +21245,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 +21260,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 +21268,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 143,
+        lineNumber: 155,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21259,7 +21279,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 144,
+        lineNumber: 156,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -21267,7 +21287,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 145,
+        lineNumber: 157,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21275,14 +21295,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 +21313,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 151,
+        lineNumber: 163,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21303,7 +21323,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 155,
+        lineNumber: 167,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21311,7 +21331,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 156,
+        lineNumber: 168,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -21325,7 +21345,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 +21353,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 159,
+        lineNumber: 171,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21345,7 +21365,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 +21373,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 172,
+        lineNumber: 184,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21369,7 +21389,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 +21397,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 187,
+        lineNumber: 199,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21392,7 +21412,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 188,
+        lineNumber: 200,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : t('label.continue', 'Ya, Lanjutkan'))))))));
@@ -21401,6 +21421,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 +21449,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 +21464,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 +21479,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 230,
+        lineNumber: 255,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
@@ -21455,7 +21487,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 231,
+        lineNumber: 256,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21466,7 +21498,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 232,
+        lineNumber: 257,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -21474,7 +21506,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 233,
+        lineNumber: 258,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21482,14 +21514,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 +21532,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 239,
+        lineNumber: 264,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21510,7 +21542,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 243,
+        lineNumber: 268,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -21518,7 +21550,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 244,
+        lineNumber: 269,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -21532,7 +21564,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 +21572,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 247,
+        lineNumber: 272,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21555,7 +21587,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 +21595,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 261,
+        lineNumber: 286,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21579,7 +21611,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 +21619,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 276,
+        lineNumber: 301,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$4, _extends({
@@ -21602,7 +21634,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",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",