@majoo-ui/react 1.52.8 → 1.52.9

package/index.umd.js

@@ -2897,6 +2897,9 @@
         },
         failed: {
           color: '$hlFailed'
+        },
+        pending: {
+          color: '$orange500'
         }
       }
     },
@@ -3025,6 +3028,10 @@
         failed: {
           backgroundColor: '$bgFailed',
           border: '1px solid $hlFailed'
+        },
+        pending: {
+          backgroundColor: '$bgProcess',
+          border: '1px solid $orange500'
         }
       },
       hasAction: {
@@ -3052,6 +3059,9 @@
         },
         failed: {
           backgroundColor: '$hlFailed'
+        },
+        pending: {
+          backgroundColor: '$orange500'
         }
       }
     }
@@ -3124,7 +3134,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 205,
+        lineNumber: 212,
         columnNumber: 5
       }
     }, state => /*#__PURE__*/React__namespace.createElement(Root, _extends({
@@ -3136,7 +3146,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 216,
+        lineNumber: 223,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__namespace.createElement(StyledToast, {
@@ -3146,7 +3156,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 223,
+        lineNumber: 230,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3154,7 +3164,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 224,
+        lineNumber: 231,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3162,7 +3172,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 225,
+        lineNumber: 232,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__namespace.createElement(LeftBar, {
@@ -3170,7 +3180,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 226,
+        lineNumber: 233,
         columnNumber: 17
       }
     }), /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3182,7 +3192,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 227,
+        lineNumber: 234,
         columnNumber: 17
       }
     }, title && /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3190,7 +3200,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 235,
+        lineNumber: 242,
         columnNumber: 21
       }
     }, /*#__PURE__*/React__namespace.createElement(Heading, {
@@ -3205,7 +3215,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 236,
+        lineNumber: 243,
         columnNumber: 23
       }
     }, title)), /*#__PURE__*/React__namespace.createElement(DescriptionField, {
@@ -3214,7 +3224,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 250,
+        lineNumber: 257,
         columnNumber: 19
       }
     }, description)), /*#__PURE__*/React__namespace.createElement(CloseButton$2, {
@@ -3229,7 +3239,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 254,
+        lineNumber: 261,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
@@ -3238,7 +3248,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 264,
+        lineNumber: 271,
         columnNumber: 19
       }
     }))), (hrefOfAction || isExternalOfAction || onClickOfAction) && /*#__PURE__*/React__namespace.createElement(Link, {
@@ -3253,7 +3263,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$Z,
-        lineNumber: 268,
+        lineNumber: 275,
         columnNumber: 17
       }
     }, captionOfAction)))));
@@ -3505,6 +3515,10 @@
         failed: {
           backgroundColor: '$bgFailed',
           border: '1px solid $hlFailed'
+        },
+        pending: {
+          backgroundColor: '$bgProcess',
+          border: '1px solid $orange500'
         }
       },
       hasAction: {
@@ -3555,7 +3569,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 91,
+      lineNumber: 95,
       columnNumber: 3
     }
   }), props.children);
@@ -3577,7 +3591,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 108,
+      lineNumber: 112,
       columnNumber: 3
     }
   }), props.children);
@@ -3600,7 +3614,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 125,
+      lineNumber: 129,
       columnNumber: 3
     }
   }, value => /*#__PURE__*/React__namespace.createElement(Link, {
@@ -3612,7 +3626,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 127,
+      lineNumber: 131,
       columnNumber: 7
     }
   }, children));
@@ -3639,7 +3653,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 154,
+      lineNumber: 158,
       columnNumber: 3
     }
   }, value => /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
@@ -3651,7 +3665,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 156,
+      lineNumber: 160,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
@@ -3660,7 +3674,7 @@
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 163,
+      lineNumber: 167,
       columnNumber: 9
     }
   })));
@@ -3670,7 +3684,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 171,
+        lineNumber: 175,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3680,7 +3694,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 172,
+        lineNumber: 176,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3693,21 +3707,21 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 173,
+        lineNumber: 177,
         columnNumber: 9
       }
     }, props.title && /*#__PURE__*/React__namespace.createElement(BannerTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 181,
+        lineNumber: 185,
         columnNumber: 27
       }
     }, props.title), props.description && /*#__PURE__*/React__namespace.createElement(BannerDescription, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 182,
+        lineNumber: 186,
         columnNumber: 33
       }
     }, props.description)), props.link && /*#__PURE__*/React__namespace.createElement(BannerLink, {
@@ -3716,7 +3730,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 185,
+        lineNumber: 189,
         columnNumber: 11
       }
     }, props.linkText)), /*#__PURE__*/React__namespace.createElement(CloseButton$1, {
@@ -3729,7 +3743,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 190,
+        lineNumber: 194,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__namespace.createElement(icons.CloseOutline, {
@@ -3738,7 +3752,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 198,
+        lineNumber: 202,
         columnNumber: 9
       }
     })));
@@ -3767,7 +3781,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 206,
+        lineNumber: 210,
         columnNumber: 5
       }
     }), children ? /*#__PURE__*/React__namespace.createElement(Flex$1, {
@@ -3784,7 +3798,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 208,
+        lineNumber: 212,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(Context$2.Provider, {
@@ -3795,7 +3809,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 215,
+        lineNumber: 219,
         columnNumber: 11
       }
     }, children)) : /*#__PURE__*/React__namespace.createElement(SingleTagBanner, {
@@ -3809,7 +3823,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$V,
-        lineNumber: 218,
+        lineNumber: 222,
         columnNumber: 9
       }
     }));
@@ -5724,9 +5738,9 @@
     },
     '&:disabled': {
       pointerEvents: 'none',
+      border: '1.5px solid $gray200',
       '&[data-state=checked]': {
         backgroundColor: '$gray200',
-        border: '1.5px solid $gray200',
         color: 'white'
       }
     }
@@ -9471,6 +9485,8 @@
     alignItems: 'center'
   });
   const InputSelectCheck = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+    var _selectedItems$filter;
+
     let {
       placeholder,
       option,
@@ -9835,7 +9851,7 @@
         lineNumber: 549,
         columnNumber: 11
       }
-    }, selectedItems.map((selectedItem, index) => /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
+    }, selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter === void 0 ? void 0 : _selectedItems$filter.map((selectedItem, index) => /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
       disabled: disabled,
       isRemovable: readOnly || disabled || unremovableTags.includes(selectedItem.id) ? false : true,
       size: size,
@@ -9856,8 +9872,8 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 551,
-        columnNumber: 15
+        lineNumber: 553,
+        columnNumber: 17
       }
     }), selectedItem.name))), /*#__PURE__*/React__default["default"].createElement(OptionWrapper$1, {
       placement: placement,
@@ -9868,7 +9884,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 572,
+        lineNumber: 574,
         columnNumber: 9
       }
     }, items.length !== 0 ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({}, {
@@ -9877,7 +9893,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 577,
+        lineNumber: 579,
         columnNumber: 13
       }
     }), isOpen && items.map((item, index) => /*#__PURE__*/React__default["default"].createElement(ItemWrapper$1, _extends({
@@ -9895,7 +9911,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 580,
+        lineNumber: 582,
         columnNumber: 19
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -9908,7 +9924,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 593,
+        lineNumber: 595,
         columnNumber: 21
       }
     }, item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -9916,7 +9932,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 602,
+        lineNumber: 604,
         columnNumber: 25
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -9924,21 +9940,21 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 606,
+        lineNumber: 608,
         columnNumber: 27
       }
     }), showSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 613,
+        lineNumber: 615,
         columnNumber: 25
       }
     }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 615,
+        lineNumber: 617,
         columnNumber: 25
       }
     })), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -9948,7 +9964,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 618,
+        lineNumber: 620,
         columnNumber: 21
       }
     }, item.name)))) : /*#__PURE__*/React__default["default"].createElement(Option, _extends({
@@ -9961,14 +9977,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 623,
+        lineNumber: 625,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDiv$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 624,
+        lineNumber: 626,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9978,7 +9994,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 625,
+        lineNumber: 627,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -9990,7 +10006,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$v,
-        lineNumber: 626,
+        lineNumber: 628,
         columnNumber: 19
       }
     })), textEmptyItem))));
@@ -17679,6 +17695,35 @@
     return {};
   };
 
+  var stickyShadowStyling = function stickyShadowStyling(column) {
+    var cssAfter = {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      width: 5,
+      transition: 'box-shadow 0.3s',
+      content: '',
+      pointerEvents: 'none',
+      boxSizing: 'border'
+    };
+
+    if ((column === null || column === void 0 ? void 0 : column.sticky) && (column === null || column === void 0 ? void 0 : column.shadow)) {
+      return column.sticky === 'left' ? {
+        '&::after': __assign(__assign({}, cssAfter), {
+          right: 0,
+          boxShadow: 'inset 10px 0 10px -10px #00000026'
+        })
+      } : {
+        '&::after': __assign(__assign({}, cssAfter), {
+          left: 0,
+          boxShadow: 'inset -10px 0 10px -10px #00000026'
+        })
+      };
+    }
+
+    return {};
+  };
+
   var formattingData = function formattingData(rawData, groupKey) {
     if (groupKey) {
       rawData.forEach(function (item, index) {
@@ -17733,7 +17778,8 @@
         hiddenColumns = _a.hiddenColumns,
         columnOrder = _a.columnOrder,
         customRowsStyle = _a.customRowsStyle,
-        isMobileLayout = _a.isMobileLayout;
+        isMobileLayout = _a.isMobileLayout,
+        showDuplicatedData = _a.showDuplicatedData;
 
     var _o = React.useState(rowLimit),
         limit = _o[0],
@@ -17769,7 +17815,7 @@
       autoResetExpanded: true,
       autoResetPage: false,
       autoResetSelectedRows: false,
-      getRowId: function (row) {
+      getRowId: showDuplicatedData ? undefined : function (row) {
         return row[keyId] || JSON.stringify(row);
       }
     }, reactTable.useSortBy, reactTable.useExpanded, reactTable.usePagination, reactTable.useRowSelect, reactTableSticky.useSticky, reactTable.useColumnOrder);
@@ -17948,7 +17994,7 @@
                         }
                       }];
                     }), {
-                      css: stickyPositionStyling(column)
+                      css: __assign(__assign({}, stickyPositionStyling(column)), stickyShadowStyling(column))
                     }, {
                       children: typeof headerRender === 'string' ? jsxRuntime.jsx(TableHeaderCellContainer, __assign({
                         isSortedDesc: column.isSortedDesc,
@@ -18000,10 +18046,10 @@
                       return !cell.column.isSubRow;
                     }).map(function (cell) {
                       return jsxRuntime.jsx(TableCell$3, __assign({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
-                        css: __assign({
+                        css: __assign(__assign({
                           padding: cell.column.accessor ? '20px 8px' : '20px 20px',
                           verticalAlign: cell.column.accessor ? cellAlign : 'center'
-                        }, stickyPositionStyling(cell.column))
+                        }, stickyPositionStyling(cell.column)), stickyShadowStyling(cell.column))
                       }, {
                         children: cell.render('Cell')
                       }), void 0);
@@ -18853,7 +18899,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 35,
+          lineNumber: 36,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuTrigger, {
@@ -18861,7 +18907,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 36,
+          lineNumber: 37,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18874,7 +18920,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 37,
+          lineNumber: 38,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -18882,17 +18928,24 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 38,
+          lineNumber: 39,
           columnNumber: 15
         }
       }, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 38,
+          lineNumber: 39,
           columnNumber: 70
         }
-      })))), /*#__PURE__*/React__default["default"].createElement(DropdownMenuContent, {
+      })))), /*#__PURE__*/React__default["default"].createElement(DropdownMenuPortal, {
+        __self: undefined,
+        __source: {
+          fileName: _jsxFileName$d,
+          lineNumber: 42,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuContent, {
         onInteractOutside: () => setOpenDrop(false),
         css: Object.assign({
           width: 'auto',
@@ -18912,16 +18965,16 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 41,
-          columnNumber: 11
+          lineNumber: 43,
+          columnNumber: 13
         }
       }, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         key: `${option.title}dd-${index}`,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 61,
-          columnNumber: 15
+          lineNumber: 63,
+          columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(DropdownMenuItem, {
         onClick: () => {
@@ -18932,8 +18985,8 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 62,
-          columnNumber: 17
+          lineNumber: 64,
+          columnNumber: 19
         }
       }, option.title), /*#__PURE__*/React__default["default"].createElement(DropdownMenuSeparator, {
         key: `${option.title}ds`,
@@ -18943,10 +18996,10 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 71,
-          columnNumber: 17
+          lineNumber: 73,
+          columnNumber: 19
         }
-      }))))), /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
+      })))))), /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
         isMobile: true,
         modal: true,
         open: openModal,
@@ -18954,7 +19007,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 76,
+          lineNumber: 79,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -18962,7 +19015,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 77,
+          lineNumber: 80,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -18975,28 +19028,28 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 78,
+          lineNumber: 81,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 79,
+          lineNumber: 82,
           columnNumber: 15
         }
       }, icon || /*#__PURE__*/React__default["default"].createElement(icons.EllipsisHorizontalOutline, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 79,
+          lineNumber: 82,
           columnNumber: 36
         }
       })))), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 82,
+          lineNumber: 85,
           columnNumber: 11
         }
       }, mobileTitle), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -19006,7 +19059,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 83,
+          lineNumber: 86,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -19021,7 +19074,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 84,
+          lineNumber: 87,
           columnNumber: 13
         }
       }, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
@@ -19029,7 +19082,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 86,
+          lineNumber: 89,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -19045,7 +19098,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 87,
+          lineNumber: 90,
           columnNumber: 19
         }
       }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -19054,7 +19107,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 98,
+          lineNumber: 101,
           columnNumber: 21
         }
       }, option.title)), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
@@ -19062,7 +19115,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$d,
-          lineNumber: 102,
+          lineNumber: 105,
           columnNumber: 19
         }
       })))))));
@@ -20201,6 +20254,7 @@
 
   const DropdownMenu = DropdownMenuContext;
   const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+  const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
   const DropdownMenuContent = DropdownMenuContentContext;
   const DropdownMenuItem = StyledItem;
   const DropdownMenuCheckboxItem = StyledCheckboxItem;
@@ -23204,7 +23258,7 @@
           lineNumber: 745,
           columnNumber: 15
         }
-      }, `${completedCrop !== null && completedCrop !== void 0 && completedCrop.width && completedCrop !== null && completedCrop !== void 0 && completedCrop.height ? 'Potong & Simpan' : 'Simpan'}`)))));
+      }, "Simpan")))));
     }
 
     return /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -23217,7 +23271,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 756,
+        lineNumber: 754,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -23226,7 +23280,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 759,
+        lineNumber: 757,
         columnNumber: 32
       }
     }) : renderUpload(), showCropper && renderCropper());
@@ -32578,6 +32632,7 @@
   exports.DropdownMenuItem = DropdownMenuItem;
   exports.DropdownMenuItemIndicator = DropdownMenuItemIndicator;
   exports.DropdownMenuLabel = DropdownMenuLabel;
+  exports.DropdownMenuPortal = DropdownMenuPortal;
   exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
   exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
   exports.DropdownMenuSeparator = DropdownMenuSeparator;