@majoo-ui/react 1.55.10 → 1.55.11

package/index.esm.js

@@ -3466,7 +3466,8 @@ const Title$2 = styled(Heading, {
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   maxWidth: '956px',
-  marginInlineEnd: 12
+  marginInlineEnd: 12,
+  color: '$textPrimary !important'
 });
 const Description = styled(Paragraph, {
   lineHeight: '$long-content-regular',
@@ -3501,7 +3502,7 @@ const BannerTitle = props => /*#__PURE__*/React.createElement(Title$2, _extends(
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 95,
+    lineNumber: 96,
     columnNumber: 3
   }
 }), props.children);
@@ -3522,7 +3523,7 @@ const BannerDescription = props => /*#__PURE__*/React.createElement(Description,
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 112,
+    lineNumber: 113,
     columnNumber: 3
   }
 }), props.children);
@@ -3544,7 +3545,7 @@ const BannerLink = ({
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 129,
+    lineNumber: 130,
     columnNumber: 3
   }
 }, value => /*#__PURE__*/React.createElement(Link, {
@@ -3556,7 +3557,7 @@ const BannerLink = ({
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 131,
+    lineNumber: 132,
     columnNumber: 7
   }
 }, children));
@@ -3581,7 +3582,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 158,
+    lineNumber: 159,
     columnNumber: 3
   }
 }, value => /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -3593,7 +3594,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 160,
+    lineNumber: 161,
     columnNumber: 7
   }
 }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -3602,7 +3603,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$X,
-    lineNumber: 167,
+    lineNumber: 168,
     columnNumber: 9
   }
 })));
@@ -3611,7 +3612,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 175,
+      lineNumber: 176,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -3621,7 +3622,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 176,
+      lineNumber: 177,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -3634,21 +3635,21 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 177,
+      lineNumber: 178,
       columnNumber: 9
     }
   }, props.title && /*#__PURE__*/React.createElement(BannerTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 185,
+      lineNumber: 186,
       columnNumber: 27
     }
   }, props.title), props.description && /*#__PURE__*/React.createElement(BannerDescription, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 186,
+      lineNumber: 187,
       columnNumber: 33
     }
   }, props.description)), props.link && /*#__PURE__*/React.createElement(BannerLink, {
@@ -3657,7 +3658,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 189,
+      lineNumber: 190,
       columnNumber: 11
     }
   }, props.linkText)), /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -3670,7 +3671,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 194,
+      lineNumber: 195,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -3679,7 +3680,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 202,
+      lineNumber: 203,
       columnNumber: 9
     }
   })));
@@ -3706,7 +3707,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 210,
+      lineNumber: 211,
       columnNumber: 5
     }
   }), children ? /*#__PURE__*/React.createElement(Flex$1, {
@@ -3723,7 +3724,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 212,
+      lineNumber: 213,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(Context$2.Provider, {
@@ -3734,7 +3735,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 219,
+      lineNumber: 220,
       columnNumber: 11
     }
   }, children)) : /*#__PURE__*/React.createElement(SingleTagBanner, {
@@ -3748,7 +3749,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$X,
-      lineNumber: 222,
+      lineNumber: 223,
       columnNumber: 9
     }
   }));
@@ -23086,7 +23087,7 @@ const IconStateFull = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 119,
+      lineNumber: 118,
       columnNumber: 5
     }
   })) : /*#__PURE__*/React__default.createElement(EyeIcon, _extends({}, props, {
@@ -23096,7 +23097,7 @@ const IconStateFull = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 126,
+      lineNumber: 125,
       columnNumber: 5
     }
   }));
@@ -23502,21 +23503,14 @@ const Upload = ({
     if (extension === 'pdf') {
       window.open(file === null || file === void 0 ? void 0 : file.url);
     } else {
-      request.get(file === null || file === void 0 ? void 0 : file.url).end((err, res) => {
-        if (err) {
-          console.error(err.message);
-        }
-        if (res && res !== null && res !== void 0 && res.ok) {
-          const response = res === null || res === void 0 ? void 0 : res.text;
-          const url = window.URL.createObjectURL(new Blob([response]));
-          const link = document.createElement('a');
-          link.href = url;
-          link.setAttribute('download', file === null || file === void 0 ? void 0 : file.name);
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-        }
-      });
+      if (file !== null && file !== void 0 && file.url) {
+        const link = document.createElement('a');
+        link.href = file.url;
+        link.setAttribute('download', file === null || file === void 0 ? void 0 : file.name);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
     }
   }
   function handleDragEnter(e) {
@@ -23558,7 +23552,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 608,
+        lineNumber: 599,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -23568,7 +23562,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 609,
+        lineNumber: 600,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -23583,7 +23577,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 619,
+            lineNumber: 610,
             columnNumber: 16
           }
         });
@@ -23594,7 +23588,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 622,
+          lineNumber: 613,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -23604,7 +23598,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 623,
+          lineNumber: 614,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -23613,7 +23607,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 624,
+          lineNumber: 615,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -23626,7 +23620,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 626,
+          lineNumber: 617,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -23635,7 +23629,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 634,
+          lineNumber: 625,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -23645,7 +23639,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 637,
+          lineNumber: 628,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -23662,7 +23656,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 648,
+            lineNumber: 639,
             columnNumber: 16
           }
         });
@@ -23672,7 +23666,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 651,
+          lineNumber: 642,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -23682,7 +23676,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 652,
+          lineNumber: 643,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -23691,7 +23685,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 653,
+          lineNumber: 644,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -23704,7 +23698,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 654,
+          lineNumber: 645,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -23714,14 +23708,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 662,
+          lineNumber: 653,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 663,
+          lineNumber: 654,
           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.createElement(Tooltip$1, {
@@ -23729,7 +23723,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 664,
+          lineNumber: 655,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -23744,7 +23738,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 665,
+          lineNumber: 656,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -23757,7 +23751,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 681,
+          lineNumber: 672,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -23766,7 +23760,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 689,
+          lineNumber: 680,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -23774,7 +23768,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 692,
+          lineNumber: 683,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -23789,7 +23783,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 703,
+        lineNumber: 694,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -23803,7 +23797,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 704,
+        lineNumber: 695,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -23829,7 +23823,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 705,
+        lineNumber: 696,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -23837,14 +23831,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 718,
+        lineNumber: 709,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 719,
+        lineNumber: 710,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -23856,7 +23850,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 727,
+        lineNumber: 718,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -23872,7 +23866,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 728,
+        lineNumber: 719,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -23884,21 +23878,21 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 739,
+        lineNumber: 730,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 740,
+        lineNumber: 731,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 742,
+        lineNumber: 733,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -23907,7 +23901,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 743,
+        lineNumber: 734,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -23915,7 +23909,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 744,
+        lineNumber: 735,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -23925,7 +23919,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 746,
+        lineNumber: 737,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -23935,7 +23929,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 753,
+        lineNumber: 744,
         columnNumber: 19
       }
     }, error));
@@ -23945,7 +23939,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 760,
+        lineNumber: 751,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -23953,7 +23947,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 761,
+        lineNumber: 752,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -23961,7 +23955,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 762,
+        lineNumber: 753,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -23974,7 +23968,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 764,
+        lineNumber: 755,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -23986,7 +23980,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 767,
+        lineNumber: 758,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -23997,7 +23991,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 768,
+        lineNumber: 759,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -24011,14 +24005,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 769,
+        lineNumber: 760,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 772,
+        lineNumber: 763,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -24030,14 +24024,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 773,
+        lineNumber: 764,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 775,
+        lineNumber: 766,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -24045,7 +24039,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 777,
+        lineNumber: 768,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -24057,7 +24051,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 778,
+        lineNumber: 769,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -24065,7 +24059,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 785,
+        lineNumber: 776,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -24074,7 +24068,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 786,
+        lineNumber: 777,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -24084,7 +24078,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 789,
+        lineNumber: 780,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -24101,7 +24095,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 798,
+      lineNumber: 789,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -24110,7 +24104,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 801,
+      lineNumber: 792,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -29932,6 +29926,7 @@ const InputSearch = /*#__PURE__*/React__default.forwardRef((props, ref) => jsx(B
 }), void 0));
 const libraries = ['places'];
 function MapPicker(props) {
+  const inputRef = useRef(null);
   const {
     mapsApiKey,
     css,
@@ -29972,7 +29967,7 @@ function MapPicker(props) {
     setMap(null);
   }, []);
   const onPlacesChanged = () => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const location = mapSearch === null || mapSearch === void 0 ? void 0 : mapSearch.getPlaces();
     setPlaces(location);
     const cordinat = (_b = (_a = location === null || location === void 0 ? void 0 : location[0]) === null || _a === void 0 ? void 0 : _a.geometry) === null || _b === void 0 ? void 0 : _b.location;
@@ -29989,6 +29984,7 @@ function MapPicker(props) {
       formatted_address: (_d = location === null || location === void 0 ? void 0 : location[0]) === null || _d === void 0 ? void 0 : _d.formatted_address,
       address_components: (_e = location === null || location === void 0 ? void 0 : location[0]) === null || _e === void 0 ? void 0 : _e.address_components
     });
+    (_f = inputRef.current) === null || _f === void 0 ? void 0 : _f.click();
   };
   const handleGeoCode = e => {
     const defaultApiKey = 'AIzaSyCDItrnct4DxaJ3CvUiCTidwY3YcGiDsu0';
@@ -30158,6 +30154,7 @@ function MapPicker(props) {
         onPlacesChanged: onPlacesChanged
       }, {
         children: jsx(InputSearch, {
+          ref: inputRef,
           placeholder: "Cari ..."
         }, void 0)
       }), void 0), jsxs(Flex$1, Object.assign({
@@ -31994,10 +31991,13 @@ const Container = styled(Flex$1, {
 });
 function Skeleton(props) {
   const {
-    css
+    css,
+    variant,
+    width,
+    color
   } = props;
   const isDesktop = useMediaQuery('(min-width: 767px)');
-  return jsxs(Container, Object.assign({
+  const renderGroup = () => jsxs(Container, Object.assign({
     css: css
   }, {
     children: [jsx(StyledSkeleton, {
@@ -32051,7 +32051,16 @@ function Skeleton(props) {
       }), void 0)
     }), void 0)]
   }), void 0);
+  return variant === 'single' ? jsx(StyledSkeleton, {
+    width: width,
+    color: color
+  }, void 0) : renderGroup();
 }
+Skeleton.defaultProps = {
+  variant: 'group',
+  color: 'secondary',
+  width: '100%'
+};
 
 var _jsxFileName = "C:\\Users\\Acer\\Documents\\project\\majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
 const StyledPaper = styled(Paper, {