@majoo-ui/react 1.49.3-rc.1 → 1.49.3-rc.4

package/index.esm.js

@@ -3836,7 +3836,7 @@ const applyGlobalStyles = additionaStyles => {
 };
 
 function _extends$1() {
-  _extends$1 = Object.assign || function (target) {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -3849,7 +3849,6 @@ function _extends$1() {
 
     return target;
   };
-
   return _extends$1.apply(this, arguments);
 }
 
@@ -5730,6 +5729,12 @@ const ToastContainer = ({
     removeToast
   } = react.exports.useContext(ToastContext);
   return /*#__PURE__*/react.exports.createElement(Portal, {
+    style: {
+      top: 0,
+      left: 0,
+      position: 'absolute',
+      zIndex: 2147483647
+    },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
@@ -7837,7 +7842,7 @@ FormLabel.propTypes = {
 };
 FormLabel.displayName = 'FormLabel';
 
-const _excluded$n = ["children", "error"];
+const _excluded$n = ["children", "error", "errorMessage"];
 var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
 const StyledHelper = styled(Text$1, {
   display: 'inline-block',
@@ -7854,20 +7859,42 @@ const StyledHelper = styled(Text$1, {
 const FormHelper = _ref => {
   let {
     children,
-    error
+    error,
+    errorMessage
   } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
+  const errorByMessage = !!errorMessage;
+
+  if (error === undefined && errorByMessage) {
+    return /*#__PURE__*/React.createElement(StyledHelper, _extends$1({
+      error: true,
+      variant: "helper",
+      className: "retina-error"
+    }, props, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$M,
+        lineNumber: 22,
+        columnNumber: 7
+      }
+    }), errorMessage);
+  }
+
+  if (children === undefined) {
+    return null;
+  }
+
   return /*#__PURE__*/React.createElement(StyledHelper, _extends$1({
     error: error,
     variant: "helper",
-    className: "retina-error"
+    classname: "retina-error"
   }, props, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$M,
-      lineNumber: 19,
-      columnNumber: 3
+      lineNumber: 31,
+      columnNumber: 5
     }
   }), children);
 };
@@ -51043,12 +51070,13 @@ const itemStyles = {
 };
 const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
 const StyledCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, Object.assign({}, itemStyles));
-const StyledRadioItem = styled(DropdownMenuPrimitive.RadioItem, Object.assign({}, itemStyles));
-const StyledTriggerItem = styled(DropdownMenuPrimitive.TriggerItem, Object.assign({
-  '&[data-state="open"]': {
-    backgroundColor: colors$4.gray50
-  }
-}, itemStyles));
+const StyledRadioItem = styled(DropdownMenuPrimitive.RadioItem, Object.assign({}, itemStyles)); // const StyledTriggerItem = styled(DropdownMenuPrimitive.TriggerItem, {
+//   '&[data-state="open"]': {
+//     backgroundColor: colors.gray50,
+//   },
+//   ...itemStyles,
+// });
+
 const StyledLabel = styled(DropdownMenuPrimitive.Label, {
   padding: '8px 0',
   fontSize: 12,
@@ -51107,7 +51135,7 @@ const DropdownMenuContentContext = props => {
     align
   } = React.useContext(Context);
   const ref = react.exports.useCallback(node => {
-    const appElement = document.getElementById("app");
+    const appElement = document.getElementById('app');
 
     if (appElement) {
       if (node !== null) {
@@ -51175,8 +51203,8 @@ const DropdownMenuItem = StyledItem;
 const DropdownMenuCheckboxItem = StyledCheckboxItem;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 const DropdownMenuRadioItem = StyledRadioItem;
-const DropdownMenuItemIndicator = StyledItemIndicator;
-const DropdownMenuTriggerItem = StyledTriggerItem;
+const DropdownMenuItemIndicator = StyledItemIndicator; // export const DropdownMenuTriggerItem = StyledTriggerItem;
+
 const DropdownMenuLabel = StyledLabel;
 const DropdownMenuSeparator = StyledSeparator;
 const DropdownMenuArrow = StyledArrow;
@@ -51187,8 +51215,8 @@ DropdownMenuItem.displayName = 'DropdownMenuItem';
 DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';
 DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';
 DropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';
-DropdownMenuItemIndicator.displayName = 'DropdownMenuItemIndicator';
-DropdownMenuTriggerItem.displayName = 'DropdownMenuTriggerItem';
+DropdownMenuItemIndicator.displayName = 'DropdownMenuItemIndicator'; // DropdownMenuTriggerItem.displayName = 'DropdownMenuTriggerItem';
+
 DropdownMenuLabel.displayName = 'DropdownMenuLabel';
 DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
 DropdownMenuArrow.displayName = 'DropdownMenuArrow';
@@ -53146,6 +53174,7 @@ const IconStateFull = props => {
 };
 
 const Upload = ({
+  placeholder,
   listType,
   multiple,
   fileList,
@@ -53592,7 +53621,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 557,
+        lineNumber: 558,
         columnNumber: 7
       }
     }, /*#__PURE__*/React.createElement(ButtonText, {
@@ -53602,7 +53631,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 558,
+        lineNumber: 559,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah ${isFile ? 'Berkas' : 'Gambar'}`));
@@ -53618,7 +53647,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 568,
+            lineNumber: 569,
             columnNumber: 16
           }
         });
@@ -53630,7 +53659,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 571,
+          lineNumber: 572,
           columnNumber: 9
         }
       }, /*#__PURE__*/React.createElement(Box, {
@@ -53640,7 +53669,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 572,
+          lineNumber: 573,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React.createElement(IconStateFull, {
@@ -53649,7 +53678,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 573,
+          lineNumber: 574,
           columnNumber: 27
         }
       }), /*#__PURE__*/React.createElement(Box, {
@@ -53662,7 +53691,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 574,
+          lineNumber: 575,
           columnNumber: 13
         }
       }, /*#__PURE__*/React.createElement(IconStateFull, {
@@ -53671,7 +53700,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 582,
+          lineNumber: 583,
           columnNumber: 15
         }
       })), /*#__PURE__*/React.createElement(Image, {
@@ -53681,7 +53710,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 584,
+          lineNumber: 585,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -53700,7 +53729,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 595,
+            lineNumber: 596,
             columnNumber: 16
           }
         });
@@ -53711,7 +53740,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 598,
+          lineNumber: 599,
           columnNumber: 9
         }
       }, /*#__PURE__*/React.createElement(Box, {
@@ -53721,7 +53750,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 599,
+          lineNumber: 600,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React.createElement(IconStateFull, {
@@ -53730,7 +53759,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 600,
+          lineNumber: 601,
           columnNumber: 27
         }
       }), /*#__PURE__*/React.createElement(Box, {
@@ -53743,7 +53772,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 601,
+          lineNumber: 602,
           columnNumber: 13
         }
       }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -53753,14 +53782,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 609,
+          lineNumber: 610,
           columnNumber: 15
         }
       }, /*#__PURE__*/React.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 610,
+          lineNumber: 611,
           columnNumber: 17
         }
       }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React.createElement(Tooltip$1, {
@@ -53768,7 +53797,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 611,
+          lineNumber: 612,
           columnNumber: 17
         }
       }, /*#__PURE__*/React.createElement(Text, {
@@ -53783,7 +53812,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 612,
+          lineNumber: 613,
           columnNumber: 19
         }
       }, item.name)))), /*#__PURE__*/React.createElement(Box, {
@@ -53796,7 +53825,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 627,
+          lineNumber: 628,
           columnNumber: 13
         }
       }, /*#__PURE__*/React.createElement(IconStateFull, {
@@ -53805,7 +53834,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 635,
+          lineNumber: 636,
           columnNumber: 15
         }
       })), /*#__PURE__*/React.createElement(Blank, {
@@ -53813,7 +53842,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 637,
+          lineNumber: 638,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -53829,7 +53858,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 648,
+        lineNumber: 649,
         columnNumber: 7
       }
     }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -53843,7 +53872,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 649,
+        lineNumber: 650,
         columnNumber: 9
       }
     }, /*#__PURE__*/React.createElement(LoadingBar, {
@@ -53869,7 +53898,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 650,
+        lineNumber: 651,
         columnNumber: 11
       }
     }), /*#__PURE__*/React.createElement(Text, {
@@ -53877,14 +53906,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 663,
+        lineNumber: 664,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 664,
+        lineNumber: 665,
         columnNumber: 11
       }
     }, `${isFile ? 'Berkas' : 'Gambar'} sedang diunggah`)));
@@ -53897,7 +53926,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 672,
+        lineNumber: 673,
         columnNumber: 7
       }
     }, /*#__PURE__*/React.createElement(ContainerUpload, {
@@ -53913,7 +53942,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 673,
+        lineNumber: 674,
         columnNumber: 9
       }
     }, /*#__PURE__*/React.createElement(Input$2, {
@@ -53925,21 +53954,21 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 684,
+        lineNumber: 685,
         columnNumber: 11
       }
     }), /*#__PURE__*/React.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 685,
+        lineNumber: 686,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React.createElement(React.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 687,
+        lineNumber: 688,
         columnNumber: 15
       }
     }, /*#__PURE__*/React.createElement(IconCard, {
@@ -53948,7 +53977,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 688,
+        lineNumber: 689,
         columnNumber: 17
       }
     }, /*#__PURE__*/React.createElement(UploadOutline, {
@@ -53956,7 +53985,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 689,
+        lineNumber: 690,
         columnNumber: 19
       }
     })), /*#__PURE__*/React.createElement(Text, {
@@ -53966,14 +53995,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 691,
+        lineNumber: 692,
         columnNumber: 17
       }
-    }, `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} di sini`)))), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+    }, placeholder != null ? placeholder : `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} di sini`)))), error && /*#__PURE__*/React.createElement(ErrorMessage, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 698,
+        lineNumber: 699,
         columnNumber: 19
       }
     }, error));
@@ -53984,7 +54013,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 705,
+        lineNumber: 706,
         columnNumber: 7
       }
     }, /*#__PURE__*/React.createElement(ModalDialogTrigger, {
@@ -53992,7 +54021,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 706,
+        lineNumber: 707,
         columnNumber: 9
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -54000,7 +54029,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 707,
+        lineNumber: 708,
         columnNumber: 11
       }
     })), /*#__PURE__*/React.createElement(ModalDialogTitle, {
@@ -54013,7 +54042,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 709,
+        lineNumber: 710,
         columnNumber: 9
       }
     }, cropperTitle), /*#__PURE__*/React.createElement(ModalDialogContent, {
@@ -54024,7 +54053,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 712,
+        lineNumber: 713,
         columnNumber: 9
       }
     }, /*#__PURE__*/React.createElement(ReactCrop, {
@@ -54035,7 +54064,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 713,
+        lineNumber: 714,
         columnNumber: 11
       }
     }, /*#__PURE__*/React.createElement(Image, {
@@ -54049,14 +54078,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 714,
+        lineNumber: 715,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 717,
+        lineNumber: 718,
         columnNumber: 9
       }
     }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -54068,7 +54097,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 718,
+        lineNumber: 719,
         columnNumber: 11
       }
     }, /*#__PURE__*/React.createElement(Tooltip$1, {
@@ -54076,7 +54105,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 719,
+        lineNumber: 720,
         columnNumber: 13
       }
     }, /*#__PURE__*/React.createElement(ImageOutline, {
@@ -54088,7 +54117,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 720,
+        lineNumber: 721,
         columnNumber: 15
       }
     })), /*#__PURE__*/React.createElement(Flex$1, {
@@ -54096,7 +54125,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 726,
+        lineNumber: 727,
         columnNumber: 13
       }
     }, /*#__PURE__*/React.createElement(Button$2, {
@@ -54105,7 +54134,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 727,
+        lineNumber: 728,
         columnNumber: 15
       }
     }, "Batal"), /*#__PURE__*/React.createElement(Button$2, {
@@ -54113,7 +54142,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 730,
+        lineNumber: 731,
         columnNumber: 15
       }
     }, `${completedCrop != null && completedCrop.width && completedCrop != null && completedCrop.height ? 'Potong & Simpan' : 'Simpan'}`)))));
@@ -54129,7 +54158,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 741,
+      lineNumber: 742,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React.createElement(UploadProgress, {
@@ -54138,7 +54167,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 744,
+      lineNumber: 745,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -54158,6 +54187,11 @@ Upload.defaultProps = {
   disabled: false
 };
 Upload.propTypes = {
+  /**
+   Placeholder label of upload.
+  */
+  placeholder: PropTypes.string,
+
   /**
    Disabled state of upload.
   */
@@ -62198,4 +62232,4 @@ const useToggle = initialValue => {
   return react.exports.useReducer(toggleReducer, initialValue);
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$2 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, ColorPicker$1 as ColorPicker, Colors, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCombobox, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MajooProvider, MapPicker, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, SelectBox, SelectContainer, SelectInputSearch, SelectItem, SelectOption, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$2 as TableBody, TableColumn, TableContent$2 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$2 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptions, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$2 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, ColorPicker$1 as ColorPicker, Colors, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCombobox, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MajooProvider, MapPicker, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, SelectBox, SelectContainer, SelectInputSearch, SelectItem, SelectOption, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$2 as TableBody, TableColumn, TableContent$2 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$2 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptions, defaultFetchDataParams, pickerReducer, useListOption, useToggle };

package/index.umd.js

@@ -3952,7 +3952,7 @@
 	};
 
 	function _extends$1() {
-	  _extends$1 = Object.assign || function (target) {
+	  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
 	      var source = arguments[i];
 
@@ -3965,7 +3965,6 @@
 
 	    return target;
 	  };
-
 	  return _extends$1.apply(this, arguments);
 	}
 
@@ -5790,6 +5789,12 @@
 	    removeToast
 	  } = react.exports.useContext(ToastContext);
 	  return /*#__PURE__*/react.exports.createElement(helpers.Portal, {
+	    style: {
+	      top: 0,
+	      left: 0,
+	      position: 'absolute',
+	      zIndex: 2147483647
+	    },
 	    __self: undefined,
 	    __source: {
 	      fileName: _jsxFileName$X,
@@ -7898,7 +7903,7 @@
 	};
 	FormLabel.displayName = 'FormLabel';
 
-	const _excluded$n = ["children", "error"];
+	const _excluded$n = ["children", "error", "errorMessage"];
 	var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
 	const StyledHelper = styled(Text$1, {
 	  display: 'inline-block',
@@ -7915,20 +7920,42 @@
 	const FormHelper = _ref => {
 	  let {
 	    children,
-	    error
+	    error,
+	    errorMessage
 	  } = _ref,
 	      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
+	  const errorByMessage = !!errorMessage;
+
+	  if (error === undefined && errorByMessage) {
+	    return /*#__PURE__*/React.createElement(StyledHelper, _extends$1({
+	      error: true,
+	      variant: "helper",
+	      className: "retina-error"
+	    }, props, {
+	      __self: undefined,
+	      __source: {
+	        fileName: _jsxFileName$M,
+	        lineNumber: 22,
+	        columnNumber: 7
+	      }
+	    }), errorMessage);
+	  }
+
+	  if (children === undefined) {
+	    return null;
+	  }
+
 	  return /*#__PURE__*/React.createElement(StyledHelper, _extends$1({
 	    error: error,
 	    variant: "helper",
-	    className: "retina-error"
+	    classname: "retina-error"
 	  }, props, {
 	    __self: undefined,
 	    __source: {
 	      fileName: _jsxFileName$M,
-	      lineNumber: 19,
-	      columnNumber: 3
+	      lineNumber: 31,
+	      columnNumber: 5
 	    }
 	  }), children);
 	};
@@ -51352,12 +51379,13 @@
 	};
 	const StyledItem = styled(DropdownMenuPrimitive__namespace.Item, Object.assign({}, itemStyles));
 	const StyledCheckboxItem = styled(DropdownMenuPrimitive__namespace.CheckboxItem, Object.assign({}, itemStyles));
-	const StyledRadioItem = styled(DropdownMenuPrimitive__namespace.RadioItem, Object.assign({}, itemStyles));
-	const StyledTriggerItem = styled(DropdownMenuPrimitive__namespace.TriggerItem, Object.assign({
-	  '&[data-state="open"]': {
-	    backgroundColor: colors$4.gray50
-	  }
-	}, itemStyles));
+	const StyledRadioItem = styled(DropdownMenuPrimitive__namespace.RadioItem, Object.assign({}, itemStyles)); // const StyledTriggerItem = styled(DropdownMenuPrimitive.TriggerItem, {
+	//   '&[data-state="open"]': {
+	//     backgroundColor: colors.gray50,
+	//   },
+	//   ...itemStyles,
+	// });
+
 	const StyledLabel = styled(DropdownMenuPrimitive__namespace.Label, {
 	  padding: '8px 0',
 	  fontSize: 12,
@@ -51416,7 +51444,7 @@
 	    align
 	  } = React.useContext(Context);
 	  const ref = react.exports.useCallback(node => {
-	    const appElement = document.getElementById("app");
+	    const appElement = document.getElementById('app');
 
 	    if (appElement) {
 	      if (node !== null) {
@@ -51484,8 +51512,8 @@
 	const DropdownMenuCheckboxItem = StyledCheckboxItem;
 	const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
 	const DropdownMenuRadioItem = StyledRadioItem;
-	const DropdownMenuItemIndicator = StyledItemIndicator;
-	const DropdownMenuTriggerItem = StyledTriggerItem;
+	const DropdownMenuItemIndicator = StyledItemIndicator; // export const DropdownMenuTriggerItem = StyledTriggerItem;
+
 	const DropdownMenuLabel = StyledLabel;
 	const DropdownMenuSeparator = StyledSeparator;
 	const DropdownMenuArrow = StyledArrow;
@@ -51496,8 +51524,8 @@
 	DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';
 	DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';
 	DropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';
-	DropdownMenuItemIndicator.displayName = 'DropdownMenuItemIndicator';
-	DropdownMenuTriggerItem.displayName = 'DropdownMenuTriggerItem';
+	DropdownMenuItemIndicator.displayName = 'DropdownMenuItemIndicator'; // DropdownMenuTriggerItem.displayName = 'DropdownMenuTriggerItem';
+
 	DropdownMenuLabel.displayName = 'DropdownMenuLabel';
 	DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
 	DropdownMenuArrow.displayName = 'DropdownMenuArrow';
@@ -53489,6 +53517,7 @@
 	};
 
 	const Upload = ({
+	  placeholder,
 	  listType,
 	  multiple,
 	  fileList,
@@ -53935,7 +53964,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 557,
+	        lineNumber: 558,
 	        columnNumber: 7
 	      }
 	    }, /*#__PURE__*/React.createElement(ButtonText, {
@@ -53945,7 +53974,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 558,
+	        lineNumber: 559,
 	        columnNumber: 9
 	      }
 	    }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah ${isFile ? 'Berkas' : 'Gambar'}`));
@@ -53961,7 +53990,7 @@
 	          __self: undefined,
 	          __source: {
 	            fileName: _jsxFileName$9,
-	            lineNumber: 568,
+	            lineNumber: 569,
 	            columnNumber: 16
 	          }
 	        });
@@ -53973,7 +54002,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 571,
+	          lineNumber: 572,
 	          columnNumber: 9
 	        }
 	      }, /*#__PURE__*/React.createElement(Box, {
@@ -53983,7 +54012,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 572,
+	          lineNumber: 573,
 	          columnNumber: 11
 	        }
 	      }, !disabled && /*#__PURE__*/React.createElement(IconStateFull, {
@@ -53992,7 +54021,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 573,
+	          lineNumber: 574,
 	          columnNumber: 27
 	        }
 	      }), /*#__PURE__*/React.createElement(Box, {
@@ -54005,7 +54034,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 574,
+	          lineNumber: 575,
 	          columnNumber: 13
 	        }
 	      }, /*#__PURE__*/React.createElement(IconStateFull, {
@@ -54014,7 +54043,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 582,
+	          lineNumber: 583,
 	          columnNumber: 15
 	        }
 	      })), /*#__PURE__*/React.createElement(Image, {
@@ -54024,7 +54053,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 584,
+	          lineNumber: 585,
 	          columnNumber: 13
 	        }
 	      })), !disabled && renderButtonReplace(index));
@@ -54043,7 +54072,7 @@
 	          __self: undefined,
 	          __source: {
 	            fileName: _jsxFileName$9,
-	            lineNumber: 595,
+	            lineNumber: 596,
 	            columnNumber: 16
 	          }
 	        });
@@ -54054,7 +54083,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 598,
+	          lineNumber: 599,
 	          columnNumber: 9
 	        }
 	      }, /*#__PURE__*/React.createElement(Box, {
@@ -54064,7 +54093,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 599,
+	          lineNumber: 600,
 	          columnNumber: 11
 	        }
 	      }, !disabled && /*#__PURE__*/React.createElement(IconStateFull, {
@@ -54073,7 +54102,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 600,
+	          lineNumber: 601,
 	          columnNumber: 27
 	        }
 	      }), /*#__PURE__*/React.createElement(Box, {
@@ -54086,7 +54115,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 601,
+	          lineNumber: 602,
 	          columnNumber: 13
 	        }
 	      }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -54096,14 +54125,14 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 609,
+	          lineNumber: 610,
 	          columnNumber: 15
 	        }
 	      }, /*#__PURE__*/React.createElement(FileExtension, {
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 610,
+	          lineNumber: 611,
 	          columnNumber: 17
 	        }
 	      }, ".", item == null ? void 0 : (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React.createElement(Tooltip$1, {
@@ -54111,7 +54140,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 611,
+	          lineNumber: 612,
 	          columnNumber: 17
 	        }
 	      }, /*#__PURE__*/React.createElement(Text, {
@@ -54126,7 +54155,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 612,
+	          lineNumber: 613,
 	          columnNumber: 19
 	        }
 	      }, item.name)))), /*#__PURE__*/React.createElement(Box, {
@@ -54139,7 +54168,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 627,
+	          lineNumber: 628,
 	          columnNumber: 13
 	        }
 	      }, /*#__PURE__*/React.createElement(IconStateFull, {
@@ -54148,7 +54177,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 635,
+	          lineNumber: 636,
 	          columnNumber: 15
 	        }
 	      })), /*#__PURE__*/React.createElement(Blank, {
@@ -54156,7 +54185,7 @@
 	        __self: undefined,
 	        __source: {
 	          fileName: _jsxFileName$9,
-	          lineNumber: 637,
+	          lineNumber: 638,
 	          columnNumber: 13
 	        }
 	      })), !disabled && renderButtonReplace(index));
@@ -54172,7 +54201,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 648,
+	        lineNumber: 649,
 	        columnNumber: 7
 	      }
 	    }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -54186,7 +54215,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 649,
+	        lineNumber: 650,
 	        columnNumber: 9
 	      }
 	    }, /*#__PURE__*/React.createElement(LoadingBar, {
@@ -54212,7 +54241,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 650,
+	        lineNumber: 651,
 	        columnNumber: 11
 	      }
 	    }), /*#__PURE__*/React.createElement(Text, {
@@ -54220,14 +54249,14 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 663,
+	        lineNumber: 664,
 	        columnNumber: 11
 	      }
 	    }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React.createElement(Text, {
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 664,
+	        lineNumber: 665,
 	        columnNumber: 11
 	      }
 	    }, `${isFile ? 'Berkas' : 'Gambar'} sedang diunggah`)));
@@ -54240,7 +54269,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 672,
+	        lineNumber: 673,
 	        columnNumber: 7
 	      }
 	    }, /*#__PURE__*/React.createElement(ContainerUpload, {
@@ -54256,7 +54285,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 673,
+	        lineNumber: 674,
 	        columnNumber: 9
 	      }
 	    }, /*#__PURE__*/React.createElement(Input$2, {
@@ -54268,21 +54297,21 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 684,
+	        lineNumber: 685,
 	        columnNumber: 11
 	      }
 	    }), /*#__PURE__*/React.createElement(Children, {
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 685,
+	        lineNumber: 686,
 	        columnNumber: 11
 	      }
 	    }, children != null ? children : /*#__PURE__*/React.createElement(React.Fragment, {
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 687,
+	        lineNumber: 688,
 	        columnNumber: 15
 	      }
 	    }, /*#__PURE__*/React.createElement(IconCard, {
@@ -54291,7 +54320,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 688,
+	        lineNumber: 689,
 	        columnNumber: 17
 	      }
 	    }, /*#__PURE__*/React.createElement(icons.UploadOutline, {
@@ -54299,7 +54328,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 689,
+	        lineNumber: 690,
 	        columnNumber: 19
 	      }
 	    })), /*#__PURE__*/React.createElement(Text, {
@@ -54309,14 +54338,14 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 691,
+	        lineNumber: 692,
 	        columnNumber: 17
 	      }
-	    }, `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} di sini`)))), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+	    }, placeholder != null ? placeholder : `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} di sini`)))), error && /*#__PURE__*/React.createElement(ErrorMessage, {
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 698,
+	        lineNumber: 699,
 	        columnNumber: 19
 	      }
 	    }, error));
@@ -54327,7 +54356,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 705,
+	        lineNumber: 706,
 	        columnNumber: 7
 	      }
 	    }, /*#__PURE__*/React.createElement(ModalDialogTrigger, {
@@ -54335,7 +54364,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 706,
+	        lineNumber: 707,
 	        columnNumber: 9
 	      }
 	    }, /*#__PURE__*/React.createElement("div", {
@@ -54343,7 +54372,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 707,
+	        lineNumber: 708,
 	        columnNumber: 11
 	      }
 	    })), /*#__PURE__*/React.createElement(ModalDialogTitle, {
@@ -54356,7 +54385,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 709,
+	        lineNumber: 710,
 	        columnNumber: 9
 	      }
 	    }, cropperTitle), /*#__PURE__*/React.createElement(ModalDialogContent, {
@@ -54367,7 +54396,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 712,
+	        lineNumber: 713,
 	        columnNumber: 9
 	      }
 	    }, /*#__PURE__*/React.createElement(ReactCrop__default["default"], {
@@ -54378,7 +54407,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 713,
+	        lineNumber: 714,
 	        columnNumber: 11
 	      }
 	    }, /*#__PURE__*/React.createElement(Image, {
@@ -54392,14 +54421,14 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 714,
+	        lineNumber: 715,
 	        columnNumber: 13
 	      }
 	    }))), /*#__PURE__*/React.createElement(ModalDialogFooter, {
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 717,
+	        lineNumber: 718,
 	        columnNumber: 9
 	      }
 	    }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -54411,7 +54440,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 718,
+	        lineNumber: 719,
 	        columnNumber: 11
 	      }
 	    }, /*#__PURE__*/React.createElement(Tooltip$1, {
@@ -54419,7 +54448,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 719,
+	        lineNumber: 720,
 	        columnNumber: 13
 	      }
 	    }, /*#__PURE__*/React.createElement(icons.ImageOutline, {
@@ -54431,7 +54460,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 720,
+	        lineNumber: 721,
 	        columnNumber: 15
 	      }
 	    })), /*#__PURE__*/React.createElement(Flex$1, {
@@ -54439,7 +54468,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 726,
+	        lineNumber: 727,
 	        columnNumber: 13
 	      }
 	    }, /*#__PURE__*/React.createElement(Button$2, {
@@ -54448,7 +54477,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 727,
+	        lineNumber: 728,
 	        columnNumber: 15
 	      }
 	    }, "Batal"), /*#__PURE__*/React.createElement(Button$2, {
@@ -54456,7 +54485,7 @@
 	      __self: this,
 	      __source: {
 	        fileName: _jsxFileName$9,
-	        lineNumber: 730,
+	        lineNumber: 731,
 	        columnNumber: 15
 	      }
 	    }, `${completedCrop != null && completedCrop.width && completedCrop != null && completedCrop.height ? 'Potong & Simpan' : 'Simpan'}`)))));
@@ -54472,7 +54501,7 @@
 	    __self: undefined,
 	    __source: {
 	      fileName: _jsxFileName$9,
-	      lineNumber: 741,
+	      lineNumber: 742,
 	      columnNumber: 5
 	    }
 	  }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React.createElement(UploadProgress, {
@@ -54481,7 +54510,7 @@
 	    __self: undefined,
 	    __source: {
 	      fileName: _jsxFileName$9,
-	      lineNumber: 744,
+	      lineNumber: 745,
 	      columnNumber: 32
 	    }
 	  }) : renderUpload(), showCropper && renderCropper());
@@ -54501,6 +54530,11 @@
 	  disabled: false
 	};
 	Upload.propTypes = {
+	  /**
+	   Placeholder label of upload.
+	  */
+	  placeholder: PropTypes__default["default"].string,
+
 	  /**
 	   Disabled state of upload.
 	  */
@@ -62741,7 +62775,6 @@
 	exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
 	exports.DropdownMenuSeparator = DropdownMenuSeparator;
 	exports.DropdownMenuTrigger = DropdownMenuTrigger;
-	exports.DropdownMenuTriggerItem = DropdownMenuTriggerItem;
 	exports.EditableTable = EditableTable;
 	exports.Flex = Flex$1;
 	exports.FormGroup = FormGroup;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.49.3-rc.1",
+  "version": "1.49.3-rc.4",
   "dependencies": {
     "@majoo-ui/core": "^1.31.1",
-    "@majoo-ui/helpers": "^1.30.4",
+    "@majoo-ui/helpers": "^1.30.5",
     "@majoo-ui/icons": "^1.37.0",
     "@stitches/react": "^1.2.8",
-    "@radix-ui/react-alert-dialog": "^0.1.7",
+    "@radix-ui/react-alert-dialog": "^1.0.0",
     "@radix-ui/react-avatar": "^1.0.0",
     "@radix-ui/react-aspect-ratio": "^1.0.0",
-    "@radix-ui/react-dropdown-menu": "^0.1.6",
+    "@radix-ui/react-dropdown-menu": "^1.0.0",
     "@radix-ui/react-popover": "^1.0.0",
     "@radix-ui/react-tooltip": "^1.0.0",
     "@radix-ui/react-progress": "^1.0.0",