@majoo-ui/react 1.52.8 → 1.52.9

package/index.esm.js

@@ -2820,6 +2820,9 @@ const StyledLink = styled('a', {
       },
       failed: {
         color: '$hlFailed'
+      },
+      pending: {
+        color: '$orange500'
       }
     }
   },
@@ -2946,6 +2949,10 @@ const StyledToast = styled(Flex$1, {
       failed: {
         backgroundColor: '$bgFailed',
         border: '1px solid $hlFailed'
+      },
+      pending: {
+        backgroundColor: '$bgProcess',
+        border: '1px solid $orange500'
       }
     },
     hasAction: {
@@ -2973,6 +2980,9 @@ const LeftBar = styled('div', {
       },
       failed: {
         backgroundColor: '$hlFailed'
+      },
+      pending: {
+        backgroundColor: '$orange500'
       }
     }
   }
@@ -3045,7 +3055,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 205,
+      lineNumber: 212,
       columnNumber: 5
     }
   }, state => /*#__PURE__*/React.createElement(Root, _extends({
@@ -3057,7 +3067,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 216,
+      lineNumber: 223,
       columnNumber: 9
     }
   }), /*#__PURE__*/React.createElement(StyledToast, {
@@ -3067,7 +3077,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 223,
+      lineNumber: 230,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -3075,7 +3085,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 224,
+      lineNumber: 231,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -3083,7 +3093,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 225,
+      lineNumber: 232,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(LeftBar, {
@@ -3091,7 +3101,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 226,
+      lineNumber: 233,
       columnNumber: 17
     }
   }), /*#__PURE__*/React.createElement(Flex$1, {
@@ -3103,7 +3113,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 227,
+      lineNumber: 234,
       columnNumber: 17
     }
   }, title && /*#__PURE__*/React.createElement(Flex$1, {
@@ -3111,7 +3121,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 235,
+      lineNumber: 242,
       columnNumber: 21
     }
   }, /*#__PURE__*/React.createElement(Heading, {
@@ -3126,7 +3136,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 236,
+      lineNumber: 243,
       columnNumber: 23
     }
   }, title)), /*#__PURE__*/React.createElement(DescriptionField, {
@@ -3135,7 +3145,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 250,
+      lineNumber: 257,
       columnNumber: 19
     }
   }, description)), /*#__PURE__*/React.createElement(CloseButton$2, {
@@ -3150,7 +3160,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 254,
+      lineNumber: 261,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -3159,7 +3169,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 264,
+      lineNumber: 271,
       columnNumber: 19
     }
   }))), (hrefOfAction || isExternalOfAction || onClickOfAction) && /*#__PURE__*/React.createElement(Link, {
@@ -3174,7 +3184,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$Z,
-      lineNumber: 268,
+      lineNumber: 275,
       columnNumber: 17
     }
   }, captionOfAction)))));
@@ -3426,6 +3436,10 @@ const StyledBanner = styled(Flex$1, {
       failed: {
         backgroundColor: '$bgFailed',
         border: '1px solid $hlFailed'
+      },
+      pending: {
+        backgroundColor: '$bgProcess',
+        border: '1px solid $orange500'
       }
     },
     hasAction: {
@@ -3476,7 +3490,7 @@ const BannerTitle = props => /*#__PURE__*/React.createElement(Title$2, _extends(
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 91,
+    lineNumber: 95,
     columnNumber: 3
   }
 }), props.children);
@@ -3498,7 +3512,7 @@ const BannerDescription = props => /*#__PURE__*/React.createElement(Description,
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 108,
+    lineNumber: 112,
     columnNumber: 3
   }
 }), props.children);
@@ -3521,7 +3535,7 @@ const BannerLink = ({
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 125,
+    lineNumber: 129,
     columnNumber: 3
   }
 }, value => /*#__PURE__*/React.createElement(Link, {
@@ -3533,7 +3547,7 @@ const BannerLink = ({
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 127,
+    lineNumber: 131,
     columnNumber: 7
   }
 }, children));
@@ -3560,7 +3574,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 154,
+    lineNumber: 158,
     columnNumber: 3
   }
 }, value => /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -3572,7 +3586,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 156,
+    lineNumber: 160,
     columnNumber: 7
   }
 }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -3581,7 +3595,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$V,
-    lineNumber: 163,
+    lineNumber: 167,
     columnNumber: 9
   }
 })));
@@ -3591,7 +3605,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 171,
+      lineNumber: 175,
       columnNumber: 5
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -3601,7 +3615,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 172,
+      lineNumber: 176,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -3614,21 +3628,21 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 173,
+      lineNumber: 177,
       columnNumber: 9
     }
   }, props.title && /*#__PURE__*/React.createElement(BannerTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 181,
+      lineNumber: 185,
       columnNumber: 27
     }
   }, props.title), props.description && /*#__PURE__*/React.createElement(BannerDescription, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 182,
+      lineNumber: 186,
       columnNumber: 33
     }
   }, props.description)), props.link && /*#__PURE__*/React.createElement(BannerLink, {
@@ -3637,7 +3651,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 185,
+      lineNumber: 189,
       columnNumber: 11
     }
   }, props.linkText)), /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -3650,7 +3664,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 190,
+      lineNumber: 194,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
@@ -3659,7 +3673,7 @@ const SingleTagBanner = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 198,
+      lineNumber: 202,
       columnNumber: 9
     }
   })));
@@ -3688,7 +3702,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 206,
+      lineNumber: 210,
       columnNumber: 5
     }
   }), children ? /*#__PURE__*/React.createElement(Flex$1, {
@@ -3705,7 +3719,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 208,
+      lineNumber: 212,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(Context$2.Provider, {
@@ -3716,7 +3730,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 215,
+      lineNumber: 219,
       columnNumber: 11
     }
   }, children)) : /*#__PURE__*/React.createElement(SingleTagBanner, {
@@ -3730,7 +3744,7 @@ const Banner = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 218,
+      lineNumber: 222,
       columnNumber: 9
     }
   }));
@@ -5644,9 +5658,9 @@ const StyledCheckbox = styled(CheckboxPrimitive.Root, {
   },
   '&:disabled': {
     pointerEvents: 'none',
+    border: '1.5px solid $gray200',
     '&[data-state=checked]': {
       backgroundColor: '$gray200',
-      border: '1.5px solid $gray200',
       color: 'white'
     }
   }
@@ -9334,6 +9348,8 @@ const IndeterminateFilled = styled('div', {
   alignItems: 'center'
 });
 const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var _selectedItems$filter;
+
   let {
     placeholder,
     option,
@@ -9698,7 +9714,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       lineNumber: 549,
       columnNumber: 11
     }
-  }, selectedItems.map((selectedItem, index) => /*#__PURE__*/React__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.createElement(Tag, _extends({
     disabled: disabled,
     isRemovable: readOnly || disabled || unremovableTags.includes(selectedItem.id) ? false : true,
     size: size,
@@ -9719,8 +9735,8 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 551,
-      columnNumber: 15
+      lineNumber: 553,
+      columnNumber: 17
     }
   }), selectedItem.name))), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
     placement: placement,
@@ -9731,7 +9747,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 572,
+      lineNumber: 574,
       columnNumber: 9
     }
   }, items.length !== 0 ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({}, {
@@ -9740,7 +9756,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 577,
+      lineNumber: 579,
       columnNumber: 13
     }
   }), isOpen && items.map((item, index) => /*#__PURE__*/React__default.createElement(ItemWrapper$1, _extends({
@@ -9758,7 +9774,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 580,
+      lineNumber: 582,
       columnNumber: 19
     }
   }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -9771,7 +9787,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 593,
+      lineNumber: 595,
       columnNumber: 21
     }
   }, item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -9779,7 +9795,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __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.createElement(CheckOutline, {
@@ -9787,21 +9803,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __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.createElement(IndeterminateFilled, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 613,
+      lineNumber: 615,
       columnNumber: 25
     }
   }, "-") : /*#__PURE__*/React__default.createElement("div", {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 615,
+      lineNumber: 617,
       columnNumber: 25
     }
   })), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -9811,7 +9827,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 618,
+      lineNumber: 620,
       columnNumber: 21
     }
   }, item.name)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
@@ -9824,14 +9840,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 623,
+      lineNumber: 625,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(StyledDiv$1, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 624,
+      lineNumber: 626,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -9841,7 +9857,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 625,
+      lineNumber: 627,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -9853,7 +9869,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$v,
-      lineNumber: 626,
+      lineNumber: 628,
       columnNumber: 19
     }
   })), textEmptyItem))));
@@ -17388,6 +17404,35 @@ const stickyPositionStyling = column => {
   return {};
 };
 
+const stickyShadowStyling = column => {
+  const 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': Object.assign(Object.assign({}, cssAfter), {
+        right: 0,
+        boxShadow: 'inset 10px 0 10px -10px #00000026'
+      })
+    } : {
+      '&::after': Object.assign(Object.assign({}, cssAfter), {
+        left: 0,
+        boxShadow: 'inset -10px 0 10px -10px #00000026'
+      })
+    };
+  }
+
+  return {};
+};
+
 const formattingData = (rawData, groupKey) => {
   if (groupKey) {
     rawData.forEach((item, index) => {
@@ -17429,7 +17474,8 @@ function Table({
   hiddenColumns,
   columnOrder,
   customRowsStyle,
-  isMobileLayout
+  isMobileLayout,
+  showDuplicatedData
 }) {
   const [limit, setLimit] = useState(rowLimit);
 
@@ -17463,7 +17509,7 @@ function Table({
     autoResetExpanded: true,
     autoResetPage: false,
     autoResetSelectedRows: false,
-    getRowId: row => row[keyId] || JSON.stringify(row)
+    getRowId: showDuplicatedData ? undefined : row => row[keyId] || JSON.stringify(row)
   }, useSortBy, useExpanded, usePagination, useRowSelect, useSticky, useColumnOrder);
   const {
     getTableProps,
@@ -17625,7 +17671,7 @@ function Table({
                       minWidth: column.colMinWidth
                     }
                   }]), {
-                    css: stickyPositionStyling(column)
+                    css: Object.assign(Object.assign({}, stickyPositionStyling(column)), stickyShadowStyling(column))
                   }, {
                     children: typeof headerRender === 'string' ? jsx(TableHeaderCellContainer, Object.assign({
                       isSortedDesc: column.isSortedDesc,
@@ -17669,10 +17715,10 @@ function Table({
                 }, row.getRowProps(), {
                   children: row.cells.filter(cell => !cell.column.isSubRow).map(cell => {
                     return jsx(TableCell$3, Object.assign({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
-                      css: Object.assign({
+                      css: Object.assign(Object.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);
@@ -18511,7 +18557,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 35,
+        lineNumber: 36,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(DropdownMenuTrigger, {
@@ -18519,7 +18565,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 36,
+        lineNumber: 37,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Box, {
@@ -18532,7 +18578,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 37,
+        lineNumber: 38,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -18540,17 +18586,24 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 38,
+        lineNumber: 39,
         columnNumber: 15
       }
     }, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 38,
+        lineNumber: 39,
         columnNumber: 70
       }
-    })))), /*#__PURE__*/React__default.createElement(DropdownMenuContent, {
+    })))), /*#__PURE__*/React__default.createElement(DropdownMenuPortal, {
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$d,
+        lineNumber: 42,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/React__default.createElement(DropdownMenuContent, {
       onInteractOutside: () => setOpenDrop(false),
       css: Object.assign({
         width: 'auto',
@@ -18570,16 +18623,16 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 41,
-        columnNumber: 11
+        lineNumber: 43,
+        columnNumber: 13
       }
     }, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: `${option.title}dd-${index}`,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 61,
-        columnNumber: 15
+        lineNumber: 63,
+        columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(DropdownMenuItem, {
       onClick: () => {
@@ -18590,8 +18643,8 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 62,
-        columnNumber: 17
+        lineNumber: 64,
+        columnNumber: 19
       }
     }, option.title), /*#__PURE__*/React__default.createElement(DropdownMenuSeparator, {
       key: `${option.title}ds`,
@@ -18601,10 +18654,10 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 71,
-        columnNumber: 17
+        lineNumber: 73,
+        columnNumber: 19
       }
-    }))))), /*#__PURE__*/React__default.createElement(ModalDialog, {
+    })))))), /*#__PURE__*/React__default.createElement(ModalDialog, {
       isMobile: true,
       modal: true,
       open: openModal,
@@ -18612,7 +18665,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 76,
+        lineNumber: 79,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -18620,7 +18673,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 77,
+        lineNumber: 80,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Box, {
@@ -18633,28 +18686,28 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 78,
+        lineNumber: 81,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(IconButton, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 79,
+        lineNumber: 82,
         columnNumber: 15
       }
     }, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 79,
+        lineNumber: 82,
         columnNumber: 36
       }
     })))), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 82,
+        lineNumber: 85,
         columnNumber: 11
       }
     }, mobileTitle), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -18664,7 +18717,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 83,
+        lineNumber: 86,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Box, {
@@ -18679,7 +18732,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 84,
+        lineNumber: 87,
         columnNumber: 13
       }
     }, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -18687,7 +18740,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 86,
+        lineNumber: 89,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(Box, {
@@ -18703,7 +18756,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 87,
+        lineNumber: 90,
         columnNumber: 19
       }
     }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -18712,7 +18765,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 98,
+        lineNumber: 101,
         columnNumber: 21
       }
     }, option.title)), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18720,7 +18773,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$d,
-        lineNumber: 102,
+        lineNumber: 105,
         columnNumber: 19
       }
     })))))));
@@ -19857,6 +19910,7 @@ RightSlot.displayName = 'RightSlot'; // Exports
 
 const DropdownMenu = DropdownMenuContext;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 const DropdownMenuContent = DropdownMenuContentContext;
 const DropdownMenuItem = StyledItem;
 const DropdownMenuCheckboxItem = StyledCheckboxItem;
@@ -22826,7 +22880,7 @@ const Upload = ({
         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.createElement(Flex$1, {
@@ -22839,7 +22893,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 756,
+      lineNumber: 754,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -22848,7 +22902,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 759,
+      lineNumber: 757,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -31982,4 +32036,4 @@ const useToggle = initialValue => {
   return useReducer(toggleReducer, initialValue);
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$3 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MajooProvider, MapPicker, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, SelectBox, SelectContainer, SelectInputSearch, SelectItem, SelectOption, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptions, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$3 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MajooProvider, MapPicker, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, SelectBox, SelectContainer, SelectInputSearch, SelectItem, SelectOption, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptions, defaultFetchDataParams, pickerReducer, useListOption, useToggle };