@majoo-ui/react 1.50.1 → 1.50.2-rc.2

package/index.umd.js

@@ -4865,6 +4865,9 @@
 
   const _excluded$q = ["children", "label", "color", "css", "withClick", "side", "align"];
   var _jsxFileName$P = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+  const {
+    zIndices: zIndices$1
+  } = core.foundations;
   const slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
@@ -4906,6 +4909,7 @@
     }
   });
   const StyledContent$6 = styled(TooltipPrimitive__namespace.Content, {
+    zIndex: zIndices$1.tooltip,
     borderRadius: 8,
     padding: '8px',
     fontSize: '$helper',
@@ -4981,7 +4985,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 89,
+        lineNumber: 91,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(TooltipBase, _extends({}, rest, {
@@ -4989,7 +4993,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 90,
+        lineNumber: 92,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(TooltipTrigger, {
@@ -4997,7 +5001,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 91,
+        lineNumber: 93,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(TriggerSpan, {
@@ -5005,10 +5009,17 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 92,
+        lineNumber: 94,
         columnNumber: 11
       }
-    }, children)), /*#__PURE__*/React__default["default"].createElement(StyledContent$6, {
+    }, children)), /*#__PURE__*/React__default["default"].createElement(TooltipPrimitive__namespace.Portal, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$P,
+        lineNumber: 96,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(StyledContent$6, {
       align: align,
       side: side,
       sideOffset: 5,
@@ -5016,8 +5027,8 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 94,
-        columnNumber: 9
+        lineNumber: 97,
+        columnNumber: 11
       }
     }, label, /*#__PURE__*/React__default["default"].createElement(StyledArrow$1, {
       offset: 10,
@@ -5025,10 +5036,10 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 101,
-        columnNumber: 11
+        lineNumber: 104,
+        columnNumber: 13
       }
-    }))));
+    })))));
   };
 
   Tooltip$1.propTypes = {
@@ -5047,7 +5058,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$P,
-        lineNumber: 121,
+        lineNumber: 125,
         columnNumber: 13
       }
     })
@@ -11410,6 +11421,16 @@
     },
     '&[data-orientation=vertical]': {
       width: 1
+    },
+    variants: {
+      responsive: {
+        true: {
+          display: 'none',
+          '@md': {
+            display: 'block'
+          }
+        }
+      }
     }
   });
   const Separator$2 = StyledSeparator$1;
@@ -15057,6 +15078,7 @@
     fontWeight: 600,
     fontStyle: 'normal',
     fontSize: 28,
+    color: '$textPrimary',
     margin: 0,
     letterSpacing: 2,
     userSelect: 'none',
@@ -15146,7 +15168,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 100,
+        lineNumber: 101,
         columnNumber: 5
       }
     })) : /*#__PURE__*/React__default["default"].createElement(IconDown, _extends({}, props, {
@@ -15156,7 +15178,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 107,
+        lineNumber: 108,
         columnNumber: 5
       }
     }));
@@ -15213,7 +15235,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
       direction: "column",
-      gap: 3,
+      gap: size === 'sm' ? 4 : 5,
       align: "center",
       justify: "center",
       css: {
@@ -15222,7 +15244,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 158,
+        lineNumber: 159,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15231,7 +15253,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 159,
+        lineNumber: 160,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$1, {
@@ -15241,7 +15263,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 160,
+        lineNumber: 161,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$1, {
@@ -15251,7 +15273,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 161,
+        lineNumber: 162,
         columnNumber: 9
       }
     })), /*#__PURE__*/React__default["default"].createElement(Input$3, {
@@ -15262,7 +15284,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 163,
+        lineNumber: 164,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Time, {
@@ -15270,7 +15292,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 164,
+        lineNumber: 165,
         columnNumber: 7
       }
     }, moment__default["default"](date).format(format)), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15279,7 +15301,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 165,
+        lineNumber: 166,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$1, {
@@ -15289,7 +15311,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 166,
+        lineNumber: 167,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$1, {
@@ -15299,7 +15321,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 167,
+        lineNumber: 168,
         columnNumber: 9
       }
     })));
@@ -15349,14 +15371,13 @@
       size: size,
       disabled: disabled,
       direction: "column",
-      gap: 3,
       justify: "center",
       align: "center",
       css: css,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 202,
+        lineNumber: 203,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(NativeTimePicker, {
@@ -15370,7 +15391,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$k,
-        lineNumber: 203,
+        lineNumber: 204,
         columnNumber: 7
       }
     }));
@@ -15435,6 +15456,7 @@
     placement,
     css,
     disabled,
+    readOnly,
     minDate,
     maxDate
   }) {
@@ -15451,10 +15473,11 @@
       size: size,
       disabled: disabled,
       onClick: handleChange,
+      readOnly: readOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 40,
+        lineNumber: 41,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
@@ -15462,14 +15485,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$j,
-          lineNumber: 41,
+          lineNumber: 42,
           columnNumber: 35
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 41,
+        lineNumber: 42,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, {
@@ -15481,7 +15504,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 42,
+        lineNumber: 43,
         columnNumber: 7
       }
     }));
@@ -15497,7 +15520,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 5
       }
     });
@@ -15509,7 +15532,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 65,
+        lineNumber: 66,
         columnNumber: 5
       }
     }, disabled ? /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -15517,14 +15540,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 67,
+        lineNumber: 68,
         columnNumber: 9
       }
     }, renderInputGroup()) : /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 69,
+        lineNumber: 70,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -15532,14 +15555,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 70,
+        lineNumber: 71,
         columnNumber: 11
       }
     }, renderInputGroup())), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 73,
+        lineNumber: 74,
         columnNumber: 7
       }
     }, renderTimePicker())) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -15547,7 +15570,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 77,
+        lineNumber: 78,
         columnNumber: 7
       }
     }, renderInputGroup()), /*#__PURE__*/React__default["default"].createElement(Drawer, {
@@ -15557,7 +15580,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 78,
+        lineNumber: 79,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(DrawerContent, {
@@ -15568,7 +15591,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 79,
+        lineNumber: 80,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15580,7 +15603,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 85,
+        lineNumber: 86,
         columnNumber: 11
       }
     }, renderTimePicker()))));
@@ -15600,6 +15623,11 @@
     */
     disabled: PropTypes__default["default"].bool,
 
+    /**
+     ReadOnly state.
+    */
+    readOnly: PropTypes__default["default"].bool,
+
     /**
      Resize time picker.
     */
@@ -16052,7 +16080,8 @@
         css = _a.css,
         showTimePicker = _a.showTimePicker,
         minDate = _a.minDate,
-        maxDate = _a.maxDate;
+        maxDate = _a.maxDate,
+        readOnly = _a.readOnly;
 
     var _f = React.useState(date || dateValue),
         value = _f[0],
@@ -16098,6 +16127,7 @@
     var renderInputGroup = function renderInputGroup() {
       return jsxRuntime.jsxs(InputGroup, __assign({
         disabled: disabled,
+        readOnly: readOnly,
         onClick: handleChange,
         size: size
       }, {
@@ -17425,8 +17455,6 @@
 
                 if (customRowsStyle && customRowsStyle(row.values).length) {
                   for (var i_1 = 0; i_1 < customRowsStyle(row.values).length; i_1++) {
-                    console.log(customRowsStyle(row.values)[i_1]);
-
                     if (customRowsStyle(row.values)[i_1].predicate) {
                       customStyle = customRowsStyle(row.values)[i_1].css;
                     }
@@ -18859,7 +18887,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 74,
+        lineNumber: 75,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledOverlay, {
@@ -18869,14 +18897,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 75,
+        lineNumber: 76,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledContent$1, _extends({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 76,
+        lineNumber: 77,
         columnNumber: 7
       }
     }), children));
@@ -18890,14 +18918,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$b,
-          lineNumber: 85,
+          lineNumber: 86,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(TemplateAlertFunction, _extends({}, props, {
         __self: this,
         __source: {
           fileName: _jsxFileName$b,
-          lineNumber: 86,
+          lineNumber: 87,
           columnNumber: 9
         }
       }))), document.getElementById('a-dialog'));
@@ -18941,7 +18969,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 127,
+        lineNumber: 128,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -18958,14 +18986,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 128,
+        lineNumber: 129,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 139,
+        lineNumber: 140,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -18973,15 +19001,24 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 140,
+        lineNumber: 141,
         columnNumber: 11
       }
-    }, props.title), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
-      asChild: true,
+    }, props.title), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
+      condition: !props.onCancel,
+      wrapper: children => /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
+        asChild: true,
+        __self: undefined,
+        __source: {
+          fileName: _jsxFileName$b,
+          lineNumber: 144,
+          columnNumber: 34
+        }
+      }, children),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 141,
+        lineNumber: 142,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18992,7 +19029,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 142,
+        lineNumber: 146,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -19000,7 +19037,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 143,
+        lineNumber: 147,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -19008,14 +19045,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 147,
+        lineNumber: 151,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 148,
+        lineNumber: 152,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -19026,7 +19063,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 149,
+        lineNumber: 153,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -19036,7 +19073,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 153,
+        lineNumber: 157,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -19044,7 +19081,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 154,
+        lineNumber: 158,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -19058,7 +19095,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 155,
+        lineNumber: 159,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -19066,7 +19103,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 157,
+        lineNumber: 161,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$3, _extends({
@@ -19078,15 +19115,24 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 158,
+        lineNumber: 162,
         columnNumber: 17
       }
-    }), props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
-      asChild: true,
+    }), props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
+      condition: !props.onCancel,
+      wrapper: children => /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
+        asChild: true,
+        __self: undefined,
+        __source: {
+          fileName: _jsxFileName$b,
+          lineNumber: 176,
+          columnNumber: 40
+        }
+      }, children),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 170,
+        lineNumber: 174,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$3, _extends({
@@ -19102,7 +19148,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 171,
+        lineNumber: 178,
         columnNumber: 19
       }
     }), props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -19110,7 +19156,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 185,
+        lineNumber: 192,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$3, _extends({
@@ -19125,7 +19171,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 186,
+        lineNumber: 193,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -19150,7 +19196,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 217,
+        lineNumber: 224,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -19163,14 +19209,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 218,
+        lineNumber: 225,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 226,
+        lineNumber: 233,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -19178,15 +19224,24 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 227,
+        lineNumber: 234,
         columnNumber: 11
       }
-    }, props.title), /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
-      asChild: true,
+    }, props.title), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
+      condition: !props.onClose || !props.onCancel,
+      wrapper: children => /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
+        asChild: true,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName$b,
+          lineNumber: 237,
+          columnNumber: 34
+        }
+      }, children),
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 228,
+        lineNumber: 235,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -19197,7 +19252,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 229,
+        lineNumber: 239,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -19205,7 +19260,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 230,
+        lineNumber: 240,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -19213,14 +19268,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 234,
+        lineNumber: 244,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription$1, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 235,
+        lineNumber: 245,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -19230,7 +19285,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 236,
+        lineNumber: 246,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -19240,7 +19295,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 238,
+        lineNumber: 248,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -19248,7 +19303,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 239,
+        lineNumber: 249,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -19262,7 +19317,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 240,
+        lineNumber: 250,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -19270,7 +19325,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 242,
+        lineNumber: 252,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$3, _extends({
@@ -19285,15 +19340,24 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 243,
+        lineNumber: 253,
         columnNumber: 17
       }
-    }), props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
-      asChild: true,
+    }), props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
+      condition: !props.onCancel,
+      wrapper: children => /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
+        asChild: true,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName$b,
+          lineNumber: 268,
+          columnNumber: 40
+        }
+      }, children),
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 256,
+        lineNumber: 266,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$3, _extends({
@@ -19309,7 +19373,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 257,
+        lineNumber: 270,
         columnNumber: 19
       }
     }), props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -19317,7 +19381,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 271,
+        lineNumber: 284,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$3, _extends({
@@ -19332,7 +19396,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 272,
+        lineNumber: 285,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -19426,6 +19490,7 @@
     backgroundColor: 'white',
     borderRadius: 4,
     padding: 8,
+    zIndex: '$sticky',
     boxShadow: '0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)',
     '@media (prefers-reduced-motion: no-preference)': {
       animationDuration: '400ms',
@@ -19518,7 +19583,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 119,
+        lineNumber: 120,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Context.Provider, {
@@ -19529,7 +19594,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 120,
+        lineNumber: 121,
         columnNumber: 7
       }
     }, children));
@@ -19559,7 +19624,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 138,
+        lineNumber: 139,
         columnNumber: 5
       }
     }), props.children);
@@ -19586,7 +19651,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$a,
-      lineNumber: 157,
+      lineNumber: 158,
       columnNumber: 3
     }
   }), props.children, props.rightIcon && props.rightIcon));
@@ -22074,7 +22139,7 @@
           lineNumber: 559,
           columnNumber: 9
         }
-      }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah ${isFile ? 'Berkas' : 'Gambar'}`));
+      }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah Berkas`));
     }
 
     const renderPicture = () => {
@@ -22356,7 +22421,7 @@
           lineNumber: 665,
           columnNumber: 11
         }
-      }, `${isFile ? 'Berkas' : 'Gambar'} sedang diunggah`)));
+      }, "Berkas sedang diunggah")));
     }
 
     function renderUpload() {
@@ -22438,7 +22503,7 @@
           lineNumber: 692,
           columnNumber: 17
         }
-      }, placeholder !== null && placeholder !== void 0 ? placeholder : `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} di sini`)))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
+      }, placeholder !== null && placeholder !== void 0 ? placeholder : `Pilih atau letakkan berkas di sini`)))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,