@majoo-ui/react 1.48.0 → 1.48.3

package/index.umd.js

@@ -4118,7 +4118,7 @@
   const _excluded$t = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
   var _jsxFileName$S = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
   const CardComponent = styled('div', {
-    padding: '20px',
+    padding: '12px',
     height: 'auto',
     width: 'auto',
     borderRadius: '$lg',
@@ -4267,7 +4267,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$S,
-        lineNumber: 103,
+        lineNumber: 102,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(CardLineColor, {
@@ -4275,14 +4275,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$S,
-        lineNumber: 114,
+        lineNumber: 113,
         columnNumber: 7
       }
     }), title !== '' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$S,
-        lineNumber: 118,
+        lineNumber: 117,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledIcon$1, {
@@ -4291,14 +4291,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$S,
-        lineNumber: 119,
+        lineNumber: 118,
         columnNumber: 15
       }
     }, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$S,
-        lineNumber: 125,
+        lineNumber: 124,
         columnNumber: 13
       }
     }, title)) : null, children);
@@ -5211,7 +5211,7 @@
   };
 
   const formLabelStyle = {
-    '& .form-label': {
+    '& > .form-label': {
       alignItems: 'start !important',
       '& > div': {
         width: 175
@@ -5232,7 +5232,10 @@
       }
     }
   };
-  const FormGroup = styled(Flex$1, {
+  const FormGroup = styled('div', {
+    display: 'grid',
+    gridTemplateColumns: '1fr',
+    rowGap: '$spacing-03',
     variants: {
       responsive: {
         input: Object.assign({
@@ -5287,7 +5290,7 @@
             '& *:nth-child(3)': {
               gridColumn: 'unset'
             },
-            '& .retina-error': {
+            '& > *:nth-child(n+4)': {
               gridColumn: '2/3'
             }
           }
@@ -5296,14 +5299,6 @@
     }
   });
   FormGroup.displayName = 'FormGroup';
-  FormGroup.propTypes = {
-    gap: PropTypes__default["default"].number,
-    direction: PropTypes__default["default"].string
-  };
-  FormGroup.defaultProps = {
-    gap: 3,
-    direction: 'column'
-  };
 
   const _excluded$n = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
   var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
@@ -7360,7 +7355,7 @@
     readOnly: false
   };
 
-  const _excluded$f = ["size", "isInvalid", "placeholder", "onChange", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern"];
+  const _excluded$f = ["size", "isInvalid", "placeholder", "onChange", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText"];
   var _jsxFileName$A = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
   const Wrapper$2 = styled('div', {
     margin: 0,
@@ -7477,7 +7472,8 @@
       readOnly,
       max,
       maxChar,
-      pattern
+      pattern,
+      helperText
     } = _ref,
         props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
@@ -7531,7 +7527,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 163,
+        lineNumber: 164,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputTagsComponent, _extends({
@@ -7544,7 +7540,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 164,
+        lineNumber: 165,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Input$7, {
@@ -7559,7 +7555,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 172,
+        lineNumber: 173,
         columnNumber: 9
       }
     })), regexError && pattern && (pattern !== null && pattern !== void 0 && pattern.errorMessage ? /*#__PURE__*/React__default["default"].createElement(FormHelper, {
@@ -7567,7 +7563,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 186,
+        lineNumber: 187,
         columnNumber: 11
       }
     }, pattern.errorMessage) : /*#__PURE__*/React__default["default"].createElement(FormHelper, {
@@ -7575,14 +7571,28 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 188,
+        lineNumber: 189,
         columnNumber: 11
       }
-    }, "Invalid Input")), /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
+    }, "Invalid Input")), helperText && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
+      shortContentRegular: true,
+      css: {
+        paddingTop: 8,
+        paddingBottom: 3,
+        fontSize: 12,
+        color: '$textSecondary'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$A,
+        lineNumber: 193,
+        columnNumber: 9
+      }
+    }, helperText), /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 191,
+        lineNumber: 197,
         columnNumber: 7
       }
     }, tags.map((tag, index) => /*#__PURE__*/React__default["default"].createElement(Tag, {
@@ -7595,7 +7605,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$A,
-        lineNumber: 193,
+        lineNumber: 199,
         columnNumber: 11
       }
     }, tag))));
@@ -7611,6 +7621,7 @@
     isInvalid: PropTypes__default["default"].bool,
     disabled: PropTypes__default["default"].bool,
     readOnly: PropTypes__default["default"].bool,
+    helperText: PropTypes__default["default"].string,
     pattern: PropTypes__default["default"].shape({
       regex: PropTypes__default["default"].string.isRequired,
       errorMessage: PropTypes__default["default"].string
@@ -8285,11 +8296,13 @@
   });
   var SelectItem = styled('div', {
     overflow: 'hidden',
-    borderBottom: '1px solid $bgBorder',
     padding: '$spacing-05 0',
     backgroundColor: 'rgb(235, 245, 255)',
     cursor: 'pointer',
-    lineHeight: '20px'
+    lineHeight: '20px',
+    '&:not(:last-child)': {
+      borderBottom: '1px solid $bgBorder'
+    }
   });
   var StyledDiv$2 = styled('div', {
     color: '$textDisable',
@@ -9070,7 +9083,7 @@
     }
   }));
 
-  const _excluded$c = ["placeholder", "option", "value", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectedTag", "css"];
+  const _excluded$c = ["placeholder", "option", "value", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectedTag", "helperText", "css"];
   var _jsxFileName$u = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
   const Wrapper$1 = styled('div', {
     margin: 0,
@@ -9290,6 +9303,7 @@
       isInvalid,
       sortBy,
       showSelectedTag,
+      helperText,
       css
     } = _ref,
         props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
@@ -9487,7 +9501,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 401,
+        lineNumber: 402,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__namespace.createElement(Select, {
@@ -9497,7 +9511,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 402,
+        lineNumber: 403,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -9508,7 +9522,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 403,
+        lineNumber: 404,
         columnNumber: 9
       }
     }), search ? /*#__PURE__*/React__namespace.createElement(Input$5, _extends({}, getInputProps({
@@ -9519,7 +9533,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 408,
+        lineNumber: 409,
         columnNumber: 13
       }
     })) : /*#__PURE__*/React__namespace.createElement(Button, _extends({}, getToggleButtonProps({
@@ -9531,7 +9545,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 414,
+        lineNumber: 415,
         columnNumber: 13
       }
     }), placeholder)), /*#__PURE__*/React__namespace.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -9542,7 +9556,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 424,
+        lineNumber: 425,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__namespace.createElement(IconCaretDown, {
@@ -9550,15 +9564,28 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 429,
+        lineNumber: 430,
         columnNumber: 11
       }
-    }))), showSelectedTag && selectedItems.length !== 0 && /*#__PURE__*/React__namespace.createElement(TagWrapper$1, {
+    }))), helperText && /*#__PURE__*/React__namespace.createElement(Paragraph, {
+      shortContentRegular: true,
+      css: {
+        paddingTop: 8,
+        fontSize: 12,
+        color: '$textSecondary'
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$u,
+        lineNumber: 434,
+        columnNumber: 9
+      }
+    }, helperText), showSelectedTag && selectedItems.length !== 0 && /*#__PURE__*/React__namespace.createElement(TagWrapper$1, {
       disabled: disabled,
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 433,
+        lineNumber: 439,
         columnNumber: 9
       }
     }, selectedItems.map((selectedItem, index) => /*#__PURE__*/React__namespace.createElement(Tag, _extends({
@@ -9582,7 +9609,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 435,
+        lineNumber: 441,
         columnNumber: 13
       }
     }), selectedItem.name))), /*#__PURE__*/React__namespace.createElement(OptionWrapper$1, {
@@ -9594,14 +9621,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 456,
+        lineNumber: 462,
         columnNumber: 7
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(Option, _extends({}, getMenuProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 461,
+        lineNumber: 467,
         columnNumber: 11
       }
     }), isOpen && item.map((item, index) => /*#__PURE__*/React__namespace.createElement(ItemWrapper$1, _extends({
@@ -9619,7 +9646,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 464,
+        lineNumber: 470,
         columnNumber: 17
       }
     }), /*#__PURE__*/React__namespace.createElement(IconWrapper, {
@@ -9632,7 +9659,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 477,
+        lineNumber: 483,
         columnNumber: 19
       }
     }, item.isDisabled ? /*#__PURE__*/React__namespace.createElement(CheckOutline, {
@@ -9640,7 +9667,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 486,
+        lineNumber: 492,
         columnNumber: 23
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__namespace.createElement(CheckOutline, {
@@ -9648,7 +9675,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 490,
+        lineNumber: 496,
         columnNumber: 25
       }
     })), /*#__PURE__*/React__namespace.createElement(Item$2, {
@@ -9658,7 +9685,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 494,
+        lineNumber: 500,
         columnNumber: 19
       }
     }, item.name)))) : /*#__PURE__*/React__namespace.createElement(Option, _extends({
@@ -9669,14 +9696,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 499,
+        lineNumber: 505,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__namespace.createElement(StyledDiv$1, {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 500,
+        lineNumber: 506,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -9686,7 +9713,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 501,
+        lineNumber: 507,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CircleInfoOutline, {
@@ -9698,7 +9725,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 502,
+        lineNumber: 508,
         columnNumber: 17
       }
     })), textEmptyItem))));
@@ -9718,7 +9745,8 @@
     placement: PropTypes__default["default"].oneOf(['top', 'bottom']),
     disabledOptions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
     textEmptyItem: PropTypes__default["default"].string,
-    css: PropTypes__default["default"].object
+    css: PropTypes__default["default"].object,
+    helperText: PropTypes__default["default"].string
   };
   InputSelectCheck.defaultProps = {
     placeholder: 'Select Item',
@@ -9761,7 +9789,8 @@
     search: PropTypes__default["default"].bool,
     placement: PropTypes__default["default"].oneOf(['top', 'bottom']),
     disabledOptions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-    textEmptyItem: PropTypes__default["default"].string
+    textEmptyItem: PropTypes__default["default"].string,
+    helperText: PropTypes__default["default"].string
   };
   InputSelectTag.defaultProps = {
     placeholder: 'Select Item',
@@ -11568,7 +11597,7 @@
     borderRadius: '$round',
     size: '24px',
     padding: '$spacing-01',
-    display: 'inline-flex',
+    display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     border: 'none',
@@ -12835,23 +12864,23 @@
     return result;
   };
   /**
-  * ModalDialog are used to focus and display content that contains one specific task that requires interaction from the user and is separate from the main page.
-  * https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
-  * @param size - default fullsize
-  * @param layer - z-index default 1400
-  * @param isMobile - force mobile/desktop view, default is responsive
-  * @param onOpenAutoFocus - set default open behaviour
-  *
-  * @example
-  * // Uncontrolled Example
-  *  <ModalDialog>
-  *    <ModalDialogTrigger>Button Trigger</ModalDialogTrigger>
-  *    <ModalDialogTitle>Title</ModalDialogTitle>
-  *    <ModalDialogContent>Content</ModalDialogContent>
-  *    <ModalDialogFooter>Footer</ModalDialogFooter>
-  *  </ModalDialog>
-  * @component
-  */
+   * ModalDialog are used to focus and display content that contains one specific task that requires interaction from the user and is separate from the main page.
+   * https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
+   * @param size - default fullsize
+   * @param layer - z-index default 1400
+   * @param isMobile - force mobile/desktop view, default is responsive
+   * @param onOpenAutoFocus - set default open behaviour
+   *
+   * @example
+   * // Uncontrolled Example
+   *  <ModalDialog>
+   *    <ModalDialogTrigger>Button Trigger</ModalDialogTrigger>
+   *    <ModalDialogTitle>Title</ModalDialogTitle>
+   *    <ModalDialogContent>Content</ModalDialogContent>
+   *    <ModalDialogFooter>Footer</ModalDialogFooter>
+   *  </ModalDialog>
+   * @component
+   */
 
 
   var ModalDialog = function ModalDialog(props) {
@@ -12870,7 +12899,7 @@
     var modalDialogContent = findNodeChild$1(childArray, 'ModalDialogContent');
     var modalDialogTrigger = findNodeChild$1(childArray, 'ModalDialogTrigger');
     var ref = React.useCallback(function (node) {
-      var appElement = document.getElementById("app");
+      var appElement = document.getElementById('app');
 
       if (appElement) {
         if (node !== null) {
@@ -12895,7 +12924,13 @@
           }),
           ref: ref,
           isMobile: isMobile,
-          onOpenAutoFocus: onOpenAutoFocus
+          onOpenAutoFocus: function (e) {
+            if (!onOpenAutoFocus) {
+              e.preventDefault();
+            } else {
+              onOpenAutoFocus(e);
+            }
+          }
         }, {
           children: jsxRuntime.jsxs(Box, __assign({
             css: {
@@ -12935,7 +12970,7 @@
                     as: "p",
                     heading: "pageTitle"
                   }, modalDialogTitle.props), void 0)
-                }), void 0), jsxRuntime.jsx(DialogClose, __assign({
+                }), void 0), !props.hideCloseButton && jsxRuntime.jsx(DialogClose, __assign({
                   asChild: true
                 }, {
                   children: jsxRuntime.jsx(Box, __assign({
@@ -13396,27 +13431,6 @@
   var AccordionItem = StyledItem$1;
   var AccordionContent = AccordionPrimitive__namespace.Content;
 
-  const monthNamesFull = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
-  const weekdayNamesShort = ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'];
-  const yearRangesList = rangeStart => {
-    let start = rangeStart;
-    let end = start + 9;
-    return new Array(10).fill(undefined).map(_ => {
-      const yearRange = {
-        start,
-        end
-      };
-      start = end + 1;
-      end = end + 10;
-      return yearRange;
-    });
-  };
-  const getCalendarStartYear = year => year - year % 10 + 1;
-  const getCalendarStartYearRange = year => year - year % 100 + 1;
-  const toDateFormat = (date, dateStyle = 'long') => Intl.DateTimeFormat('id-ID', {
-    dateStyle
-  }).format(date);
-
   function useMediaQuery(query) {
     const [matches, setMatches] = React.useState(false);
     React.useEffect(() => {
@@ -13470,6 +13484,27 @@
     }), void 0);
   };
 
+  const monthNamesFull = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
+  const weekdayNamesShort = ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'];
+  const yearRangesList = rangeStart => {
+    let start = rangeStart;
+    let end = start + 9;
+    return new Array(10).fill(undefined).map(_ => {
+      const yearRange = {
+        start,
+        end
+      };
+      start = end + 1;
+      end = end + 10;
+      return yearRange;
+    });
+  };
+  const getCalendarStartYear = year => year - year % 10 + 1;
+  const getCalendarStartYearRange = year => year - year % 100 + 1;
+  const toDateFormat = (date, dateStyle = 'long') => Intl.DateTimeFormat('id-ID', {
+    dateStyle
+  }).format(date);
+
   var DateNumber = styled('div', {
     display: 'inline-flex',
     alignItems: 'center',
@@ -13526,6 +13561,11 @@
           height: '32px',
           width: '45.5px'
         }
+      },
+      isSunday: {
+        true: {
+          color: '$textDisable'
+        }
       }
     },
     compoundVariants: [{
@@ -13606,7 +13646,7 @@
   });
   var CalendarsContainer$1 = styled(Box, {
     width: '100%',
-    padding: '$spacing-01',
+    padding: '$spacing-03',
     display: 'inline-flex',
     borderRadius: '$lg',
     boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12)',
@@ -13927,7 +13967,8 @@
             });
             dateProps = dateProps['disabled'] ? {} : dateProps;
             return jsxRuntime.jsx(DateNumber, __assign({}, dateProps, {
-              variant: disabled ? 'disabled' : getVariant$1(dateObj, calendar.month, selected)
+              variant: disabled ? 'disabled' : getVariant$1(dateObj, calendar.month, selected),
+              isSunday: date.getDay() === 0
             }, {
               children: date.getDate()
             }), key);
@@ -14036,7 +14077,8 @@
             paragraph: "shortContentBold",
             css: {
               color: '$textSecondary',
-              fontSize: '$label'
+              fontSize: '$label',
+              textAlign: 'center !important'
             }
           }, {
             children: weekday
@@ -14300,6 +14342,7 @@
   });
   var TitleButton = styled(Heading, {
     padding: '2px $spacing-04',
+    color: '$textPrimary',
     '&:hover': {
       backgroundColor: '$bgSuccess',
       color: '$textGreen'
@@ -14533,7 +14576,8 @@
             return jsxRuntime.jsx(DateNumber, __assign({
               size: "small"
             }, dateProps, {
-              variant: disabled ? 'disabled' : getVariant(dateObj, calendar.month, selected)
+              variant: disabled ? 'disabled' : getVariant(dateObj, calendar.month, selected),
+              isSunday: date.getDay() === 0
             }, {
               children: date.getDate()
             }), key);
@@ -14638,7 +14682,8 @@
             children: jsxRuntime.jsx(Paragraph, __assign({
               paragraph: "shortContentBold",
               css: {
-                color: '$textSecondary'
+                color: '$textSecondary',
+                textAlign: 'center !important'
               }
             }, {
               children: weekday
@@ -14664,7 +14709,10 @@
             }
           }, {
             children: [jsxRuntime.jsx(Text$1, __assign({
-              variant: "contentButton"
+              variant: "contentButton",
+              css: {
+                color: '$textPrimary'
+              }
             }, {
               children: "Pilih Rentang Waktu"
             }), void 0), expandAdvanceView ? jsxRuntime.jsx(icons.ChevronDownOutline, {}, void 0) : jsxRuntime.jsx(icons.ChevronUpOutline, {}, void 0)]
@@ -14675,7 +14723,7 @@
           }, void 0)]
         }, void 0), jsxRuntime.jsx(Text$1, __assign({
           css: {
-            textAlign: 'center'
+            textAlign: 'center !important'
           },
           variant: "status",
           color: selected && selected.length > 1 ? 'primary' : 'disable'
@@ -15584,6 +15632,77 @@
         }
     }
   }
+  function advancePickerDate(type) {
+    var tempDate = new Date();
+    var today = new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), 0, 0, 0, 0);
+
+    switch (type) {
+      case TODAY:
+        {
+          return [today, today];
+        }
+
+      case YESTERDAY:
+        {
+          var yesterday = new Date(today);
+          yesterday.setDate(today.getDate() - 1);
+          return [yesterday, yesterday];
+        }
+
+      case LAST_7_DAYS:
+        {
+          var last7Days = new Date(today);
+          last7Days.setDate(today.getDate() - 7);
+          return [last7Days, today];
+        }
+
+      case LAST_WEEK:
+        {
+          var startThisWeek = new Date(today);
+          startThisWeek.setDate(today.getDate() - today.getDay() - 7);
+          var endThisWeek = new Date(today);
+          endThisWeek.setDate(today.getDate() - today.getDay() - 1);
+          return [startThisWeek, endThisWeek];
+        }
+
+      case THIS_WEEK:
+        {
+          var startThisWeek = new Date(today);
+          startThisWeek.setDate(today.getDate() - today.getDay());
+          var endThisWeek = new Date(today);
+          endThisWeek.setDate(today.getDate() - today.getDay() + 6);
+          return [startThisWeek, endThisWeek];
+        }
+
+      case LAST_MONTH:
+        {
+          var startThisMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1, 0);
+          var endThisMonth = new Date(today.getFullYear(), today.getMonth(), 0, 0);
+          return [startThisMonth, endThisMonth];
+        }
+
+      case LAST_TWO_MONTHS:
+        {
+          var last2Months = new Date(today);
+          last2Months.setDate(today.getDate() - 60);
+          return [last2Months, today];
+        }
+
+      case THIS_MONTH:
+        {
+          var startThisMonth = new Date(today.getFullYear(), today.getMonth(), 1, 0);
+          var endThisMonth = new Date(startThisMonth.getFullYear(), startThisMonth.getMonth() + 1, 0, 0);
+          return [startThisMonth, endThisMonth];
+        }
+
+      default:
+        {
+          throw new Error("Unhandled action type: ".concat(type));
+        }
+    }
+  }
+
+  moment__default["default"].locale('id');
 
   var getInputPickerValue = function getInputPickerValue(type, date) {
     if (!date) return '';
@@ -15593,7 +15712,7 @@
         dateStyle: 'long'
       }).format(date);
     } else {
-      return "".concat(toDateFormat(date[0], 'medium'), " - ").concat(toDateFormat(date[1], 'medium'));
+      return "".concat(moment__default["default"](date[0]).format('ll'), " - ").concat(moment__default["default"](date[1]).format('ll'));
     }
   };
 
@@ -15683,9 +15802,12 @@
           options: advancePickerOptions,
           disabled: disabled,
           optionHandler: function (value) {
-            return dispatch({
-              type: value
+            dispatch({
+              type: 'UPDATE',
+              payload: advancePickerDate(value)
             });
+            if (onChange) onChange(advancePickerDate(value));
+            setOpenPicker(false);
           }
         }, void 0) : {
           advanceView: advanceView
@@ -15867,15 +15989,18 @@
       return pageButtons;
     };
 
+    const isMobilePagination = useMediaQuery('(max-width: 360px)');
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
       align: "center",
+      direction: isMobilePagination ? 'column' : 'row',
+      gap: isMobilePagination ? 2 : 0,
       css: {
-        height: 28
+        height: isMobilePagination ? 'unset' : 28
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 99,
+        lineNumber: 101,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15884,7 +16009,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 100,
+        lineNumber: 107,
         columnNumber: 7
       }
     }, currentPage > 1 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isLg && /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -15894,7 +16019,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 104,
+        lineNumber: 111,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ArrowLeftOutline, {
@@ -15902,7 +16027,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 105,
+        lineNumber: 112,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default["default"].createElement(PrevNextButton, {
@@ -15913,7 +16038,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 108,
+        lineNumber: 115,
         columnNumber: 13
       }
     }, "Sebelumnya")), generatePages().map((page, index) => {
@@ -15924,7 +16049,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$i,
-          lineNumber: 120,
+          lineNumber: 127,
           columnNumber: 13
         }
       }, page);
@@ -15936,7 +16061,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 131,
+        lineNumber: 138,
         columnNumber: 13
       }
     }, "Selanjutnya"), !isLg && /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -15946,7 +16071,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 140,
+        lineNumber: 147,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.ArrowRightOutline, {
@@ -15954,31 +16079,33 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 145,
+        lineNumber: 152,
         columnNumber: 17
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       orientation: "vertical",
       css: {
         height: '100%',
-        margin: '0 $spacing-03 0 $spacing-01'
+        margin: '0 $spacing-03 0 $spacing-01',
+        display: isMobilePagination ? 'none' : 'inherit'
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 152,
+        lineNumber: 159,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Box, {
       css: {
         display: 'flex',
         alignItems: 'center',
-        gap: 8
+        gap: 8,
+        flex: isMobilePagination ? 1 : 'unset'
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 154,
+        lineNumber: 168,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -15986,12 +16113,15 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 155,
+        lineNumber: 169,
         columnNumber: 9
       }
-    }, "Ke Halaman"), /*#__PURE__*/React__default["default"].createElement(InputText, {
+    }, "Ke Halaman"), /*#__PURE__*/React__default["default"].createElement(InputNumber, {
       ref: inputPageRef,
-      type: "number",
+      isAllowed: ({
+        floatValue
+      }) => floatValue === undefined || floatValue > 0 && floatValue <= totalPages,
+      allowNegative: false,
       onChange: e => {
         if (e.target.value) {
           debouncedGoToPage(Number(e.target.value));
@@ -16010,7 +16140,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$i,
-        lineNumber: 156,
+        lineNumber: 170,
         columnNumber: 9
       }
     })));
@@ -16170,7 +16300,7 @@
 
     const totalPages = Math.ceil(totalData / limit);
     const isMobile = useMediaQuery('(max-width: 700px)');
-    return /*#__PURE__*/React__default["default"].createElement(Flex$1, _extends({
+    return !hideDataInfo || totalPages > 1 ? /*#__PURE__*/React__default["default"].createElement(Flex$1, _extends({
       direction: isMobile ? 'columnReverse' : 'row',
       align: "center",
       justify: "between",
@@ -16211,7 +16341,14 @@
         lineNumber: 33,
         columnNumber: 26
       }
-    }));
+    })) : /*#__PURE__*/React__default["default"].createElement(Box, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$g,
+        lineNumber: 36,
+        columnNumber: 5
+      }
+    });
   }
 
   Pagination.propTypes = {
@@ -16272,7 +16409,8 @@
         isLoading = _a.isLoading,
         rowGroup = _a.rowGroup;
         _a.hiddenColumns;
-        var css = _a.css;
+        var css = _a.css,
+        customRowsStyle = _a.customRowsStyle;
     var getTableProps = instance.getTableProps,
         getTableBodyProps = instance.getTableBodyProps,
         headerGroups = instance.headerGroups,
@@ -16319,8 +16457,22 @@
             var actionCells = row.allCells.filter(function (cell) {
               return cell.column.id === 'menu' || cell.column.isAction;
             });
+            var customStyle = {};
+
+            if (customRowsStyle && customRowsStyle(row.values).length) {
+              for (var i = 0; i < customRowsStyle(row.values).length; i++) {
+                console.log(customRowsStyle(row.values)[i]);
+
+                if (customRowsStyle(row.values)[i].predicate) {
+                  customStyle = customRowsStyle(row.values)[i].css;
+                }
+              }
+            }
+
             return jsxRuntime.jsxs(React__default["default"].Fragment, {
-              children: [sortBy.length <= 0 && row.original['isTopChild'] && /*#__PURE__*/React.createElement(TableRow$3, __assign({}, row.getRowProps(), {
+              children: [sortBy.length <= 0 && row.original['isTopChild'] && /*#__PURE__*/React.createElement(TableRow$3, __assign({
+                css: customStyle
+              }, row.getRowProps(), {
                 key: "".concat(row.id, "-group_header")
               }), jsxRuntime.jsx(TableCell$3, __assign({
                 colSpan: 100
@@ -16330,7 +16482,9 @@
                 }, {
                   children: row.cells[0].render('Cell')
                 }), void 0)
-              }), void 0)), jsxRuntime.jsx(TableRow$3, __assign({}, row.getRowProps(), {
+              }), void 0)), jsxRuntime.jsx(TableRow$3, __assign({
+                css: customStyle
+              }, row.getRowProps(), {
                 children: row.cells.filter(function (cell) {
                   return cell.column.isMobileHeader || cell.column.id === 'selection';
                 }).map(function (cell) {
@@ -16368,6 +16522,7 @@
                       return jsxRuntime.jsxs(Flex$1, __assign({
                         align: "center",
                         justify: "between",
+                        gap: 5,
                         css: {
                           backgroundColor: colors$1.bgGray,
                           padding: "$spacing-03 $spacing-05 ".concat('selection' in row.values ? '$spacing-03 $spacing-07' : ''),
@@ -16378,7 +16533,7 @@
                           heading: "headerTable",
                           color: "secondary"
                         }, {
-                          children: (_a = cell.column.Header) === null || _a === void 0 ? void 0 : _a.toUpperCase()
+                          children: typeof cell.column.Header === 'string' ? (_a = cell.column.Header) === null || _a === void 0 ? void 0 : _a.toUpperCase() : cell.render('Header')
                         }), void 0), cell.render('Cell')]
                       }), "".concat(cell.column.id, "-").concat(row.id));
                     })
@@ -16679,7 +16834,8 @@
         selectedIds = _a.selectedIds,
         rowGroup = _a.rowGroup,
         hiddenColumns = _a.hiddenColumns,
-        columnOrder = _a.columnOrder;
+        columnOrder = _a.columnOrder,
+        customRowsStyle = _a.customRowsStyle;
 
     var _o = React.useState(rowLimit),
         limit = _o[0],
@@ -16941,8 +17097,22 @@
                 var notNullHeaderColumns = visibleColumns.filter(function (column) {
                   return typeof column.Header !== 'function' && column.Header !== null && !column.isSubRow;
                 });
+                var customStyle = {};
+
+                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;
+                    }
+                  }
+                }
+
                 return jsxRuntime.jsxs(React__namespace.Fragment, {
-                  children: [sortBy.length <= 0 && row.original['isTopChild'] && /*#__PURE__*/React.createElement(TableRow$2, __assign({}, row.getRowProps(), {
+                  children: [sortBy.length <= 0 && row.original['isTopChild'] && /*#__PURE__*/React.createElement(TableRow$2, __assign({
+                    css: customStyle
+                  }, row.getRowProps(), {
                     key: "".concat(row.id, "-group_header")
                   }), jsxRuntime.jsx(TableCell$2, __assign({
                     colSpan: 100,
@@ -16956,7 +17126,9 @@
                     }, {
                       children: row.cells[0].render('Cell')
                     }), void 0)
-                  }), void 0)), jsxRuntime.jsx(TableRow$2, __assign({}, row.getRowProps(), {
+                  }), void 0)), jsxRuntime.jsx(TableRow$2, __assign({
+                    css: customStyle
+                  }, row.getRowProps(), {
                     children: row.cells.filter(function (cell) {
                       return !cell.column.isSubRow;
                     }).map(function (cell) {
@@ -16969,7 +17141,7 @@
                         children: cell.render('Cell')
                       }), void 0);
                     })
-                  }), void 0), row.isExpanded ? subRowCells.map(function (cell) {
+                  }), void 0), row.isExpanded ? subRowCells.map(function (cell, index) {
                     return jsxRuntime.jsxs(TableRow$2, __assign({
                       subRow: true
                     }, {
@@ -16981,8 +17153,8 @@
                           colSpan: notNullHeaderColumns.length > 5 ? 2 : 1,
                           headerSubCell: true,
                           css: {
-                            paddingTop: '$spacing-03 !important',
-                            paddingBottom: '$spacing-03 !important'
+                            paddingTop: "".concat(index === 0 ? '24px' : '13px', " !important"),
+                            paddingBottom: "".concat(index === subRowCells.length - 1 ? '24px' : '13px', " !important")
                           }
                         }, {
                           children: jsxRuntime.jsx(Paragraph, __assign({
@@ -16994,8 +17166,8 @@
                           subCell: true,
                           colSpan: visibleColumns.length - subRowCells.length,
                           css: {
-                            paddingTop: '$spacing-03 !important',
-                            paddingBottom: '$spacing-03 !important'
+                            paddingTop: "".concat(index === 0 ? '24px' : '13px', " !important"),
+                            paddingBottom: "".concat(index === subRowCells.length - 1 ? '24px' : '13px', " !important")
                           }
                         }, {
                           children: jsxRuntime.jsx(Paragraph, __assign({
@@ -17042,7 +17214,8 @@
         isLoading: isLoading,
         rowGroup: rowGroup,
         hiddenColumns: hiddenColumns,
-        css: css
+        css: css,
+        customRowsStyle: customRowsStyle
       }, void 0)]
     }), void 0);
   } //Dummy component for mdx docs purpose only
@@ -18112,23 +18285,23 @@
   var HEADER_HEIGHT = 56;
   var HEADER_HEIGHT_MOBILE = 76;
   /**
-  * PageDialog are used to focus and display content that contains one specific task that requires interaction from the user and is separate from the main page.
-  * https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
-  * @param size - default fullsize
-  * @param layer - z-index default 1400
-  * @param isMobile - force mobile/desktop view, default is responsive
-  * @param onOpenAutoFocus - set default open behaviour
-  *
-  * @example
-  * // Uncontrolled Example
-  *  <PageDialog>
-  *    <PageDialogTrigger>Button Trigger</PageDialogTrigger>
-  *    <PageDialogTitle>Title</PageDialogTitle>
-  *    <PageDialogContent>Content</PageDialogContent>
-  *    <PageDialogFooter>Footer</PageDialogFooter>
-  *  </PageDialog>
-  * @component
-  */
+   * PageDialog are used to focus and display content that contains one specific task that requires interaction from the user and is separate from the main page.
+   * https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
+   * @param size - default fullsize
+   * @param layer - z-index default 1400
+   * @param isMobile - force mobile/desktop view, default is responsive
+   * @param onOpenAutoFocus - set default open behaviour
+   *
+   * @example
+   * // Uncontrolled Example
+   *  <PageDialog>
+   *    <PageDialogTrigger>Button Trigger</PageDialogTrigger>
+   *    <PageDialogTitle>Title</PageDialogTitle>
+   *    <PageDialogContent>Content</PageDialogContent>
+   *    <PageDialogFooter>Footer</PageDialogFooter>
+   *  </PageDialog>
+   * @component
+   */
 
   var PageDialog = function PageDialog(props) {
     var children = props.children,
@@ -18163,7 +18336,13 @@
             zIndex: layer
           }),
           ref: ref,
-          onOpenAutoFocus: onOpenAutoFocus
+          onOpenAutoFocus: function (e) {
+            if (!onOpenAutoFocus) {
+              e.preventDefault();
+            } else {
+              onOpenAutoFocus(e);
+            }
+          }
         }, {
           children: jsxRuntime.jsxs(Box, __assign({
             css: {
@@ -18326,7 +18505,7 @@
     left: '50%',
     transform: 'translate(-50%, -50%)',
     width: '90vw',
-    maxWidth: '500px',
+    maxWidth: '422px',
     maxHeight: '100vh',
     '@media (prefers-reduced-motion: no-preference)': {
       animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1) forwards`
@@ -18368,7 +18547,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 75,
+        lineNumber: 74,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledOverlay, {
@@ -18378,14 +18557,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 76,
+        lineNumber: 75,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledContent$1, _extends({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 77,
+        lineNumber: 76,
         columnNumber: 7
       }
     }), children));
@@ -18399,14 +18578,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$b,
-          lineNumber: 86,
+          lineNumber: 85,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(TemplateAlertFunction, _extends({}, props, {
         __self: this,
         __source: {
           fileName: _jsxFileName$b,
-          lineNumber: 87,
+          lineNumber: 86,
           columnNumber: 9
         }
       }))), document.getElementById('a-dialog'));
@@ -18450,7 +18629,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 128,
+        lineNumber: 127,
         columnNumber: 5
       }
     }), /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -18458,17 +18637,24 @@
         zIndex: '$tooltip',
         minHeight: 230
       }, isMobileCss, props.css),
+      onOpenAutoFocus: e => {
+        if (!props.onOpenAutoFocus) {
+          e.preventDefault();
+        } else {
+          props === null || props === void 0 ? void 0 : props.onOpenAutoFocus();
+        }
+      },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 129,
+        lineNumber: 128,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 130,
+        lineNumber: 139,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -18476,7 +18662,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 131,
+        lineNumber: 140,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Cancel, {
@@ -18484,7 +18670,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 132,
+        lineNumber: 141,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18495,7 +18681,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 133,
+        lineNumber: 142,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -18503,7 +18689,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 134,
+        lineNumber: 143,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18511,24 +18697,25 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 138,
+        lineNumber: 147,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 139,
+        lineNumber: 148,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
+      paragraph: "longContentRegular",
       css: {
         textAlign: 'justify'
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 140,
+        lineNumber: 149,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18540,7 +18727,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 142,
+        lineNumber: 153,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18548,7 +18735,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 143,
+        lineNumber: 154,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -18562,7 +18749,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 144,
+        lineNumber: 155,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18570,7 +18757,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 146,
+        lineNumber: 157,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({
@@ -18582,7 +18769,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 147,
+        lineNumber: 158,
         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, {
@@ -18590,7 +18777,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 159,
+        lineNumber: 170,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({
@@ -18606,7 +18793,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 160,
+        lineNumber: 171,
         columnNumber: 19
       }
     }), props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18614,7 +18801,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 171,
+        lineNumber: 182,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({
@@ -18629,7 +18816,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 172,
+        lineNumber: 183,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -18654,7 +18841,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 203,
+        lineNumber: 214,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Content$1, _extends({}, props, {
@@ -18662,17 +18849,20 @@
         zIndex: '$tooltip',
         minHeight: 230
       }, isMobileCss, props.css),
+      onOpenAutoFocus: e => {
+        if (!props.onOpenAutoFocus) e.preventDefault();else props.onOpenAutoFocus(e);
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 204,
+        lineNumber: 215,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledTitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 205,
+        lineNumber: 223,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Heading, {
@@ -18680,7 +18870,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 206,
+        lineNumber: 224,
         columnNumber: 11
       }
     }, props.title), /*#__PURE__*/React__default["default"].createElement(AlertDialogCancel, {
@@ -18688,7 +18878,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 207,
+        lineNumber: 225,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18699,7 +18889,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 208,
+        lineNumber: 226,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutline, {
@@ -18707,7 +18897,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 209,
+        lineNumber: 227,
         columnNumber: 15
       }
     })))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18715,14 +18905,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 213,
+        lineNumber: 231,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDescription, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 214,
+        lineNumber: 232,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -18732,7 +18922,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 215,
+        lineNumber: 233,
         columnNumber: 11
       }
     }, props.description)), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18744,7 +18934,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 217,
+        lineNumber: 235,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -18752,7 +18942,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 218,
+        lineNumber: 236,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -18766,7 +18956,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 219,
+        lineNumber: 237,
         columnNumber: 11
       }
     }, props.singleButton ? /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18774,7 +18964,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 221,
+        lineNumber: 239,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({
@@ -18789,7 +18979,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 222,
+        lineNumber: 240,
         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, {
@@ -18797,7 +18987,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 235,
+        lineNumber: 253,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({
@@ -18813,7 +19003,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 236,
+        lineNumber: 254,
         columnNumber: 19
       }
     }), props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default["default"].createElement(ADialog__namespace.Action, {
@@ -18821,7 +19011,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 247,
+        lineNumber: 265,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({
@@ -18836,7 +19026,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 248,
+        lineNumber: 266,
         columnNumber: 19
       }
     }), props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
@@ -20952,6 +21142,8 @@
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
+            crop.height = Math.ceil(crop.height);
+            crop.width = Math.ceil(crop.width);
             canvas = document.createElement('canvas');
             canvasPreview(image, canvas, crop, scale, rotate);
             return [4
@@ -21256,13 +21448,27 @@
       borderRadius: 8,
       width: width,
       height: height - 36,
-      objectFit: 'cover'
+      objectFit: 'cover',
+      variants: {
+        disabled: {
+          true: {
+            height
+          }
+        }
+      }
     });
     const Blank = styled('div', {
       borderRadius: 8,
       width: width,
       height: height - 36,
-      background: '$gray50'
+      background: '$gray50',
+      variants: {
+        disabled: {
+          true: {
+            height
+          }
+        }
+      }
     });
 
     function handleClick() {
@@ -21545,7 +21751,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 543,
+          lineNumber: 557,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ButtonText, {
@@ -21555,7 +21761,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 544,
+          lineNumber: 558,
           columnNumber: 9
         }
       }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah ${isFile ? 'Berkas' : 'Gambar'}`));
@@ -21571,7 +21777,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 554,
+              lineNumber: 568,
               columnNumber: 16
             }
           });
@@ -21583,7 +21789,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 557,
+            lineNumber: 571,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21593,17 +21799,17 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 558,
+            lineNumber: 572,
             columnNumber: 11
           }
-        }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
+        }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
           type: "close",
           onClick: () => handleRemove(item),
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 559,
-            columnNumber: 13
+            lineNumber: 573,
+            columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
           css: {
@@ -21615,7 +21821,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 560,
+            lineNumber: 574,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -21624,18 +21830,20 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 568,
+            lineNumber: 582,
             columnNumber: 15
           }
         })), /*#__PURE__*/React__default["default"].createElement(Image, {
           src: item.url,
+          alt: "upload-content",
+          disabled: disabled,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 570,
+            lineNumber: 584,
             columnNumber: 13
           }
-        })), renderButtonReplace(index));
+        })), !disabled && renderButtonReplace(index));
       });
     };
 
@@ -21651,7 +21859,7 @@
             __self: undefined,
             __source: {
               fileName: _jsxFileName$9,
-              lineNumber: 581,
+              lineNumber: 595,
               columnNumber: 16
             }
           });
@@ -21662,7 +21870,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 584,
+            lineNumber: 598,
             columnNumber: 9
           }
         }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21672,17 +21880,17 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 585,
+            lineNumber: 599,
             columnNumber: 11
           }
-        }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
+        }, !disabled && /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
           type: "close",
           onClick: () => handleRemove(item),
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 586,
-            columnNumber: 13
+            lineNumber: 600,
+            columnNumber: 27
           }
         }), /*#__PURE__*/React__default["default"].createElement(Box, {
           css: {
@@ -21694,7 +21902,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 587,
+            lineNumber: 601,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -21704,14 +21912,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 595,
+            lineNumber: 609,
             columnNumber: 15
           }
         }, /*#__PURE__*/React__default["default"].createElement(FileExtension, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 596,
+            lineNumber: 610,
             columnNumber: 17
           }
         }, ".", item === null || item === void 0 ? void 0 : (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default["default"].createElement(Tooltip, {
@@ -21719,7 +21927,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 597,
+            lineNumber: 611,
             columnNumber: 17
           }
         }, /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -21734,7 +21942,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 598,
+            lineNumber: 612,
             columnNumber: 19
           }
         }, item.name)))), /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -21747,7 +21955,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 613,
+            lineNumber: 627,
             columnNumber: 13
           }
         }, /*#__PURE__*/React__default["default"].createElement(IconStateFull, {
@@ -21756,17 +21964,18 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 621,
+            lineNumber: 635,
             columnNumber: 15
           }
         })), /*#__PURE__*/React__default["default"].createElement(Blank, {
+          disabled: disabled,
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 623,
+            lineNumber: 637,
             columnNumber: 13
           }
-        })), renderButtonReplace(index));
+        })), !disabled && renderButtonReplace(index));
       });
     };
 
@@ -21779,7 +21988,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 634,
+          lineNumber: 648,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -21793,7 +22002,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 635,
+          lineNumber: 649,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(LoadingBar, {
@@ -21819,7 +22028,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 636,
+          lineNumber: 650,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -21827,14 +22036,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 649,
+          lineNumber: 663,
           columnNumber: 11
         }
       }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default["default"].createElement(Text, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 650,
+          lineNumber: 664,
           columnNumber: 11
         }
       }, `${isFile ? 'Berkas' : 'Gambar'} sedang diunggah`)));
@@ -21847,7 +22056,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 658,
+          lineNumber: 672,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ContainerUpload, {
@@ -21863,7 +22072,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 659,
+          lineNumber: 673,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
@@ -21875,21 +22084,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 670,
+          lineNumber: 684,
           columnNumber: 11
         }
       }), /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 671,
+          lineNumber: 685,
           columnNumber: 11
         }
       }, children !== null && children !== void 0 ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 673,
+          lineNumber: 687,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -21898,7 +22107,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 674,
+          lineNumber: 688,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -21906,7 +22115,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 675,
+          lineNumber: 689,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -21916,14 +22125,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 677,
+          lineNumber: 691,
           columnNumber: 17
         }
       }, `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} di sini`)))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 684,
+          lineNumber: 698,
           columnNumber: 19
         }
       }, error));
@@ -21934,7 +22143,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 691,
+          lineNumber: 705,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -21942,7 +22151,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 692,
+          lineNumber: 706,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21950,7 +22159,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 693,
+          lineNumber: 707,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -21963,7 +22172,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 695,
+          lineNumber: 709,
           columnNumber: 9
         }
       }, cropperTitle), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -21974,7 +22183,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 698,
+          lineNumber: 712,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -21985,7 +22194,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 699,
+          lineNumber: 713,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -21995,17 +22204,18 @@
           height: '100%'
         },
         src: previewImage,
+        alt: "cropper-content",
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 700,
+          lineNumber: 714,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 703,
+          lineNumber: 717,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -22017,7 +22227,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 704,
+          lineNumber: 718,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Tooltip, {
@@ -22025,7 +22235,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 705,
+          lineNumber: 719,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -22037,7 +22247,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 706,
+          lineNumber: 720,
           columnNumber: 15
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -22045,7 +22255,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 712,
+          lineNumber: 726,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -22054,7 +22264,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 713,
+          lineNumber: 727,
           columnNumber: 15
         }
       }, "Batal"), /*#__PURE__*/React__default["default"].createElement(Button$2, {
@@ -22062,7 +22272,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 716,
+          lineNumber: 730,
           columnNumber: 15
         }
       }, `${completedCrop !== null && completedCrop !== void 0 && completedCrop.width && completedCrop !== null && completedCrop !== void 0 && completedCrop.height ? 'Potong & Simpan' : 'Simpan'}`)))));
@@ -22070,7 +22280,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
       direction: "row",
-      gap: 3,
+      gap: (fileList === null || fileList === void 0 ? void 0 : fileList.length) <= 1 && max === 1 ? 0 : 3,
       wrap: "wrap",
       css: {
         userSelect: 'none'
@@ -22078,7 +22288,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 727,
+        lineNumber: 741,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -22087,7 +22297,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 730,
+        lineNumber: 744,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());
@@ -27479,6 +27689,30 @@
         inputValue = _a[0],
         setInputValue = _a[1];
 
+    React.useEffect(function () {
+      var handleGeoCode = function handleGeoCode(e) {
+        var defaultApiKey = 'AIzaSyCDItrnct4DxaJ3CvUiCTidwY3YcGiDsu0';
+        var lat = e.lat,
+            lng = e.lng;
+        request__default["default"].get("https://maps.googleapis.com/maps/api/geocode/json?latlng=".concat(lat, ",").concat(lng, "&key=").concat(mapsApiKey !== null && mapsApiKey !== void 0 ? mapsApiKey : defaultApiKey)).end(function (err, res) {
+          var _a;
+
+          if (err) {
+            console.error(err.message);
+          }
+
+          if (res && (res === null || res === void 0 ? void 0 : res.ok)) {
+            var results = JSON.parse(res === null || res === void 0 ? void 0 : res.text).results;
+            setInputValue((_a = results === null || results === void 0 ? void 0 : results[0]) === null || _a === void 0 ? void 0 : _a.formatted_address);
+          }
+        });
+      };
+
+      if (value && value.lat && value.lng) {
+        handleGeoCode(value);
+      }
+    }, [mapsApiKey, onChange, value]);
+
     function handleClick() {
       var _a;
 
@@ -27581,11 +27815,7 @@
   InputMapPicker.defaultProps = {
     modalTitle: 'Tambah Lokasi di Map',
     buttonLabel: 'Ubah Lokasi',
-    placeholder: 'Tandai lokasi dalam peta',
-    value: {
-      lat: -6.175392,
-      lng: 106.827153
-    }
+    placeholder: 'Tandai lokasi dalam peta'
   };
 
   var _jsxFileName = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
@@ -29290,6 +29520,7 @@
   exports.Upload = Upload;
   exports.YESTERDAY = YESTERDAY;
   exports.addOnCellStyle = addOnCellStyle;
+  exports.advancePickerDate = advancePickerDate;
   exports.advancePickerOptions = advancePickerOptions;
   exports.defaultFetchDataParams = defaultFetchDataParams;
   exports.pickerReducer = pickerReducer;