@majoo-ui/react 1.29.1 → 1.29.2

package/index.umd.js

@@ -46,7 +46,7 @@
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
   var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
-  var _jsxFileName$Q = "/home/omegalord666/work/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
+  var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
   function ThemeProvider({
     theme,
@@ -76,7 +76,7 @@
 
   // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
   var global$A =
-    // eslint-disable-next-line es-x/no-global-this -- safe
+    // eslint-disable-next-line es/no-global-this -- safe
     check(typeof globalThis == 'object' && globalThis) ||
     check(typeof window == 'object' && window) ||
     // eslint-disable-next-line no-restricted-globals -- safe
@@ -99,14 +99,13 @@
 
   // Detect IE8's incomplete defineProperty implementation
   var descriptors = !fails$j(function () {
-    // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
     return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
   });
 
   var fails$i = fails$k;
 
   var functionBindNative = !fails$i(function () {
-    // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
     var test = (function () { /* empty */ }).bind();
     // eslint-disable-next-line no-prototype-builtins -- safe
     return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -123,7 +122,7 @@
   var objectPropertyIsEnumerable = {};
 
   var $propertyIsEnumerable = {}.propertyIsEnumerable;
-  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
   var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
 
   // Nashorn ~ JDK8 bug
@@ -264,12 +263,12 @@
 
   var engineV8Version = version;
 
-  /* eslint-disable es-x/no-symbol -- required for testing */
+  /* eslint-disable es/no-symbol -- required for testing */
 
   var V8_VERSION = engineV8Version;
   var fails$g = fails$k;
 
-  // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
+  // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
   var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$g(function () {
     var symbol = Symbol();
     // Chrome 38 Symbol has incorrect toString conversion
@@ -279,7 +278,7 @@
       !Symbol.sham && V8_VERSION && V8_VERSION < 41;
   });
 
-  /* eslint-disable es-x/no-symbol -- required for testing */
+  /* eslint-disable es/no-symbol -- required for testing */
 
   var NATIVE_SYMBOL$1 = nativeSymbol;
 
@@ -356,7 +355,7 @@
 
   var global$r = global$A;
 
-  // eslint-disable-next-line es-x/no-object-defineproperty -- safe
+  // eslint-disable-next-line es/no-object-defineproperty -- safe
   var defineProperty$3 = Object.defineProperty;
 
   var setGlobal$3 = function (key, value) {
@@ -380,10 +379,10 @@
   (shared$4.exports = function (key, value) {
     return store$2[key] || (store$2[key] = value !== undefined ? value : {});
   })('versions', []).push({
-    version: '3.22.0',
+    version: '3.21.1',
     mode: 'global',
     copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-    license: 'https://github.com/zloirock/core-js/blob/v3.22.0/LICENSE',
+    license: 'https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE',
     source: 'https://github.com/zloirock/core-js'
   });
 
@@ -405,7 +404,6 @@
 
   // `HasOwnProperty` abstract operation
   // https://tc39.es/ecma262/#sec-hasownproperty
-  // eslint-disable-next-line es-x/no-object-hasown -- safe
   var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
     return hasOwnProperty(toObject$3(it), key);
   };
@@ -499,7 +497,7 @@
 
   // Thanks to IE8 for its funny defineProperty
   var ie8DomDefine = !DESCRIPTORS$8 && !fails$f(function () {
-    // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
     return Object.defineProperty(createElement('div'), 'a', {
       get: function () { return 7; }
     }).a != 7;
@@ -514,7 +512,7 @@
   var hasOwn$7 = hasOwnProperty_1;
   var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
-  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
   var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
   // `Object.getOwnPropertyDescriptor` method
@@ -536,7 +534,7 @@
   // V8 ~ Chrome 36-
   // https://bugs.chromium.org/p/v8/issues/detail?id=3334
   var v8PrototypeDefineBug = DESCRIPTORS$6 && fails$e(function () {
-    // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
     return Object.defineProperty(function () { /* empty */ }, 'prototype', {
       value: 42,
       writable: false
@@ -563,9 +561,9 @@
   var toPropertyKey$1 = toPropertyKey$3;
 
   var TypeError$6 = global$k.TypeError;
-  // eslint-disable-next-line es-x/no-object-defineproperty -- safe
+  // eslint-disable-next-line es/no-object-defineproperty -- safe
   var $defineProperty = Object.defineProperty;
-  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
   var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
   var ENUMERABLE = 'enumerable';
   var CONFIGURABLE$1 = 'configurable';
@@ -721,7 +719,7 @@
   var hasOwn$5 = hasOwnProperty_1;
 
   var FunctionPrototype$1 = Function.prototype;
-  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
   var getDescriptor = DESCRIPTORS$3 && Object.getOwnPropertyDescriptor;
 
   var EXISTS = hasOwn$5(FunctionPrototype$1, 'name');
@@ -898,14 +896,14 @@
 
   // `Object.getOwnPropertyNames` method
   // https://tc39.es/ecma262/#sec-object.getownpropertynames
-  // eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
+  // eslint-disable-next-line es/no-object-getownpropertynames -- safe
   objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
     return internalObjectKeys$1(O, hiddenKeys$1);
   };
 
   var objectGetOwnPropertySymbols = {};
 
-  // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
+  // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
   objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
   var getBuiltIn$2 = getBuiltIn$5;
@@ -1024,7 +1022,7 @@
 
   // `Object.keys` method
   // https://tc39.es/ecma262/#sec-object.keys
-  // eslint-disable-next-line es-x/no-object-keys -- safe
+  // eslint-disable-next-line es/no-object-keys -- safe
   var objectKeys$2 = Object.keys || function keys(O) {
     return internalObjectKeys(O, enumBugKeys$1);
   };
@@ -1039,9 +1037,9 @@
   var toObject$2 = toObject$4;
   var IndexedObject = indexedObject;
 
-  // eslint-disable-next-line es-x/no-object-assign -- safe
+  // eslint-disable-next-line es/no-object-assign -- safe
   var $assign = Object.assign;
-  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   var defineProperty$2 = Object.defineProperty;
   var concat$1 = uncurryThis$f([].concat);
 
@@ -1061,7 +1059,7 @@
     // should work with symbols and should have deterministic property order (V8 bug)
     var A = {};
     var B = {};
-    // eslint-disable-next-line es-x/no-symbol -- safe
+    // eslint-disable-next-line es/no-symbol -- safe
     var symbol = Symbol();
     var alphabet = 'abcdefghijklmnopqrst';
     A[symbol] = 7;
@@ -1091,7 +1089,7 @@
 
   // `Object.assign` method
   // https://tc39.es/ecma262/#sec-object.assign
-  // eslint-disable-next-line es-x/no-object-assign -- required for testing
+  // eslint-disable-next-line es/no-object-assign -- required for testing
   $$6({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
     assign: assign
   });
@@ -1379,7 +1377,7 @@
 
   // `Object.defineProperties` method
   // https://tc39.es/ecma262/#sec-object.defineproperties
-  // eslint-disable-next-line es-x/no-object-defineproperties -- safe
+  // eslint-disable-next-line es/no-object-defineproperties -- safe
   objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
     anObject$9(O);
     var props = toIndexedObject$1(Properties);
@@ -1467,7 +1465,6 @@
 
   // `Object.create` method
   // https://tc39.es/ecma262/#sec-object.create
-  // eslint-disable-next-line es-x/no-object-create -- safe
   var objectCreate = Object.create || function create(O, Properties) {
     var result;
     if (O !== null) {
@@ -1508,7 +1505,7 @@
   var correctPrototypeGetter = !fails$b(function () {
     function F() { /* empty */ }
     F.prototype.constructor = null;
-    // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
+    // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
     return Object.getPrototypeOf(new F()) !== F.prototype;
   });
 
@@ -1547,7 +1544,7 @@
   // https://tc39.es/ecma262/#sec-%iteratorprototype%-object
   var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
 
-  /* eslint-disable es-x/no-array-prototype-keys -- safe */
+  /* eslint-disable es/no-array-prototype-keys -- safe */
   if ([].keys) {
     arrayIterator = [].keys();
     // Safari 8 has buggy iterators w/o `next`
@@ -1628,13 +1625,13 @@
   // `Object.setPrototypeOf` method
   // https://tc39.es/ecma262/#sec-object.setprototypeof
   // Works with __proto__ only. Old v8 can't work with null proto objects.
-  // eslint-disable-next-line es-x/no-object-setprototypeof -- safe
+  // eslint-disable-next-line es/no-object-setprototypeof -- safe
   var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
     var CORRECT_SETTER = false;
     var test = {};
     var setter;
     try {
-      // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+      // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
       setter = uncurryThis$e(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
       setter(test, []);
       CORRECT_SETTER = test instanceof Array;
@@ -1889,7 +1886,7 @@
   handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
   const _excluded$v = ["className", "children", "color", "textColor", "padding"];
-  var _jsxFileName$P = "/home/omegalord666/work/majoo-ui/packages/react/src/layout/box/Box.js";
+  var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\box\\Box.js";
   const BoxComponent = styled('div', {
     height: 'auto',
     background: 'none',
@@ -2065,7 +2062,7 @@
 
   const _excluded$u = ["children"],
         _excluded2$3 = ["children"];
-  var _jsxFileName$O = "/home/omegalord666/work/majoo-ui/packages/react/src/layout/grid/Grid.js";
+  var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
     variants: {
@@ -2324,7 +2321,7 @@
   GridItem.displayName = 'Grid Item';
 
   const _excluded$t = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
-  var _jsxFileName$N = "/home/omegalord666/work/majoo-ui/packages/react/src/components/button/Button.js";
+  var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
   const ButtonPrimary = {
     backgroundColor: '$btnPrimary',
     color: '$textWhite',
@@ -2611,7 +2608,7 @@
   };
 
   const _excluded$s = ["id", "message", "dismissAfter", "variant", "onAction", "actionText", "onRemove"];
-  var _jsxFileName$M = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/Toast.js";
+  var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
   const TOAST_WIDTH = 360;
   const ANIMATION_DURATION = 400; // export interface ToastProps extends Omit<ToastSettings, 'status'>, BoxProps {
   //   variant?: ToastVariants;
@@ -2831,7 +2828,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.createContext({});
 
-  var _jsxFileName$L = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
+  var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
   const ToastBox = styled(Box$1, {
     display: 'block',
     position: 'fixed',
@@ -2877,7 +2874,7 @@
   };
 
   const _excluded$r = ["id"];
-  var _jsxFileName$K = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
+  var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
   let toastCount = 0;
 
   const ToastProvider = ({
@@ -2929,7 +2926,7 @@
     }));
   };
 
-  var _jsxFileName$J = "/home/omegalord666/work/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
+  var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
   function MajooProvider({
     children,
@@ -3001,7 +2998,7 @@
       return t;
   }
 
-  var _jsxFileName$I = "/home/omegalord666/work/majoo-ui/packages/react/src/components/alert/AlertProvider.js";
+  var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alert\\AlertProvider.js";
   const StatusContext = /*#__PURE__*/React.createContext();
 
   const AlertProvider = ({
@@ -3025,7 +3022,7 @@
     }, children);
   };
 
-  var _jsxFileName$H = "/home/omegalord666/work/majoo-ui/packages/react/src/components/alert/Alert.js";
+  var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alert\\Alert.js";
   const AlertStyle = styled('div', {
     backgroundColor: 'white',
     borderWidth: 0,
@@ -3295,7 +3292,7 @@
   AlertTitle.displayName = 'AlertTitle';
 
   const _excluded$q = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-  var _jsxFileName$G = "/home/omegalord666/work/majoo-ui/packages/react/src/components/card/Card.js";
+  var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
   const CardComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -3719,7 +3716,7 @@
   Paragraph.displayName = 'Paragraph';
 
   const _excluded$p = ["children"];
-  var _jsxFileName$F = "/home/omegalord666/work/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
+  var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
   const BreadcrumbStyle = styled('nav', {
     wordWrap: 'break-word',
     '& li+li:before': {
@@ -3994,7 +3991,7 @@
   Badge.displayName = 'Badge';
 
   const _excluded$o = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-  var _jsxFileName$E = "/home/omegalord666/work/majoo-ui/packages/react/src/components/avatar/Avatar.js";
+  var _jsxFileName$E = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
   const StyledAvatar = styled(AvatarPrimitive__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4097,7 +4094,7 @@
   };
 
   const _excluded$n = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-  var _jsxFileName$D = "/home/omegalord666/work/majoo-ui/packages/react/src/components/image/Image.js";
+  var _jsxFileName$D = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
   const StyledImage = styled('img', {
     display: 'inline-block',
     alignItems: 'center',
@@ -4156,7 +4153,7 @@
   };
 
   const _excluded$m = ["children", "label", "color", "contentCss", "withClick"];
-  var _jsxFileName$C = "/home/omegalord666/work/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
+  var _jsxFileName$C = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
   const slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
@@ -4318,7 +4315,7 @@
   };
 
   const _excluded$l = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-  var _jsxFileName$B = "/home/omegalord666/work/majoo-ui/packages/react/src/components/progress/Progress.js";
+  var _jsxFileName$B = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
   const StyledProgress = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -4489,7 +4486,7 @@
   };
 
   const _excluded$k = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount"];
-  var _jsxFileName$A = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
+  var _jsxFileName$A = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
   const StyledLabel = styled(LabelPrimitive__namespace.Root, Text$1, {
     display: 'inline-block',
     fontSize: '$label',
@@ -4601,7 +4598,7 @@
   FormLabel.displayName = 'FormLabel';
 
   const _excluded$j = ["children", "error"];
-  var _jsxFileName$z = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
+  var _jsxFileName$z = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
   const StyledHelper = styled(Text$1, {
     display: 'inline-block',
     color: '$textSecondary',
@@ -4639,7 +4636,7 @@
   };
   FormHelper.displayName = 'FormHelper';
 
-  var _jsxFileName$y = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
+  var _jsxFileName$y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
 
   const CheckOutline$1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4687,7 +4684,7 @@
     }
   }));
 
-  var _jsxFileName$x = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
+  var _jsxFileName$x = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
 
   const SvgMinusOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4736,7 +4733,7 @@
   }));
 
   const _excluded$i = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label"];
-  var _jsxFileName$w = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
+  var _jsxFileName$w = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
   const StyledIndicator$1 = styled(CheckboxPrimitive__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -4885,7 +4882,7 @@
   InputCheckbox.displayName = 'InputCheckbox';
 
   const _excluded$h = ["children", "size"];
-  var _jsxFileName$v = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
+  var _jsxFileName$v = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
   const InputGroupStyle = styled('div', {
     display: 'flex',
     width: '100%',
@@ -5336,7 +5333,7 @@
   InputRadioGroup.displayName = 'InputRadioGroup';
 
   const _excluded$g = ["id", "disabled"];
-  var _jsxFileName$u = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
+  var _jsxFileName$u = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
   const INDICATOR_BASE_STYLES = {
     alignItems: 'center',
     display: 'flex',
@@ -5498,7 +5495,7 @@
   InputRightElement.name = 'InputRightElement';
 
   const _excluded$f = ["className", "children", "onClick", "color", "size", "leftIcon", "rightIcon"];
-  var _jsxFileName$t = "/home/omegalord666/work/majoo-ui/packages/react/src/components/tag/Tag.js";
+  var _jsxFileName$t = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
   const TagComponent = styled('span', {
     boxSizing: 'border-box',
     color: '$white',
@@ -5620,7 +5617,7 @@
   };
 
   const _excluded$e = ["className", "size", "isInvalid", "placeholder", "onChange", "value", "disabled", "readOnly", "max"];
-  var _jsxFileName$s = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
+  var _jsxFileName$s = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
   const InputTagsComponent = styled('div', {
     display: 'flex',
     position: 'relative',
@@ -5841,7 +5838,7 @@
   };
 
   const _excluded$d = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-  var _jsxFileName$r = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
+  var _jsxFileName$r = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
   const StyledThumb$1 = styled(SwitchPrimitive__namespace.Thumb, {
     display: 'block',
     width: '16px',
@@ -5949,7 +5946,7 @@
   };
   InputSwitch.displayName = 'InputSwitch';
 
-  var _jsxFileName$q = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
+  var _jsxFileName$q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
 
   const SvgCloseFilled = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -6010,7 +6007,7 @@
     size: 24
   };
 
-  var _jsxFileName$p = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
+  var _jsxFileName$p = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
 
   const SvgSearchOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -6053,7 +6050,7 @@
   };
 
   const _excluded$c = ["size", "onChange"];
-  var _jsxFileName$o = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
+  var _jsxFileName$o = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
 
   const InputSearchbox = _ref => {
     let {
@@ -6473,7 +6470,7 @@
 
   // `SameValue` abstract operation
   // https://tc39.es/ecma262/#sec-samevalue
-  // eslint-disable-next-line es-x/no-object-is -- safe
+  // eslint-disable-next-line es/no-object-is -- safe
   var sameValue$1 = Object.is || function is(x, y) {
     // eslint-disable-next-line no-self-compare -- NaN check
     return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
@@ -6587,7 +6584,7 @@
   var requireObjectCoercible$6 = requireObjectCoercible$a;
   var correctIsRegExpLogic$1 = correctIsRegexpLogic;
 
-  // eslint-disable-next-line es-x/no-string-prototype-startswith -- safe
+  // eslint-disable-next-line es/no-string-prototype-startswith -- safe
   var un$StartsWith = uncurryThis$b(''.startsWith);
   var stringSlice$5 = uncurryThis$b(''.slice);
   var min$2 = Math.min;
@@ -6613,8 +6610,29 @@
     }
   });
 
-  const _excluded$b = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "css"];
-  var _jsxFileName$n = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelect/InputSelect.js";
+  var $$2 = _export;
+  var uncurryThis$a = functionUncurryThis;
+  var notARegExp = notARegexp;
+  var requireObjectCoercible$5 = requireObjectCoercible$a;
+  var toString$6 = toString$a;
+  var correctIsRegExpLogic = correctIsRegexpLogic;
+
+  var stringIndexOf$1 = uncurryThis$a(''.indexOf);
+
+  // `String.prototype.includes` method
+  // https://tc39.es/ecma262/#sec-string.prototype.includes
+  $$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+    includes: function includes(searchString /* , position = 0 */) {
+      return !!~stringIndexOf$1(
+        toString$6(requireObjectCoercible$5(this)),
+        toString$6(notARegExp(searchString)),
+        arguments.length > 1 ? arguments[1] : undefined
+      );
+    }
+  });
+
+  const _excluded$b = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css"];
+  var _jsxFileName$n = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
   const Box = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -6779,6 +6797,9 @@
       iconColor,
       icon,
       placement,
+      valueSelector,
+      textSelector,
+      disabledOptions,
       css
     } = _ref,
         props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
@@ -6794,6 +6815,30 @@
       }
     };
 
+    React__namespace.useEffect(() => {
+      if (valueSelector && textSelector) setItem(generateOptions(option, valueSelector, textSelector));
+    }, [option, valueSelector, textSelector]);
+
+    const generateOptions = (data, valueSelector = '', textSelector = '') => {
+      return data.map(option => {
+        if (typeof option === 'object') {
+          const name = textSelector ? option[textSelector] : Object.values(option)[1];
+          const value = valueSelector ? option[valueSelector] : Object.values(option)[0];
+          return {
+            name,
+            value,
+            isDisabled: disabledOptions.includes(value)
+          };
+        }
+
+        return {
+          name: option,
+          value: option,
+          isDisabled: disabledOptions.includes(option)
+        };
+      });
+    };
+
     return /*#__PURE__*/React__namespace.createElement(Downshift__default["default"], _extends({}, props, {
       onChange: onChange,
       itemToString: item => item ? item.name : '',
@@ -6801,7 +6846,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 181,
+        lineNumber: 207,
         columnNumber: 5
       }
     }), ({
@@ -6820,7 +6865,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 199,
+        lineNumber: 225,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(BoxSelect, _extends({}, getRootProps({}, {
@@ -6831,7 +6876,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 200,
+        lineNumber: 226,
         columnNumber: 11
       }
     }), search ? /*#__PURE__*/React__namespace.createElement("div", _extends({}, getToggleButtonProps(), {
@@ -6841,7 +6886,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 202,
+        lineNumber: 228,
         columnNumber: 15
       }
     }), /*#__PURE__*/React__namespace.createElement(Input$1, _extends({
@@ -6853,7 +6898,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 203,
+        lineNumber: 229,
         columnNumber: 17
       }
     }))) : /*#__PURE__*/React__namespace.createElement(Button, _extends({}, getToggleButtonProps(), {
@@ -6862,7 +6907,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 210,
+        lineNumber: 236,
         columnNumber: 15
       }
     }), selectedItem ? /*#__PURE__*/React__namespace.createElement(Paragraph, {
@@ -6870,7 +6915,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 212,
+        lineNumber: 238,
         columnNumber: 19
       }
     }, selectedItem.name) : /*#__PURE__*/React__namespace.createElement(Paragraph, {
@@ -6878,14 +6923,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 214,
+        lineNumber: 240,
         columnNumber: 19
       }
     }, placeholder)), /*#__PURE__*/React__namespace.createElement(IconContainer, _extends({}, getToggleButtonProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 218,
+        lineNumber: 244,
         columnNumber: 13
       }
     }), icon ? icon : /*#__PURE__*/React__namespace.createElement(MajooIcons.CaretDownOutline, {
@@ -6893,7 +6938,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 219,
+        lineNumber: 245,
         columnNumber: 30
       }
     }))), /*#__PURE__*/React__namespace.createElement(BoxItem, {
@@ -6904,22 +6949,22 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 222,
+        lineNumber: 248,
         columnNumber: 11
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.createElement(SelectOption, _extends({}, getMenuProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 224,
+        lineNumber: 250,
         columnNumber: 15
       }
     }), item.map((item, index) => {
       var _item$value;
 
-      return /*#__PURE__*/React__namespace.createElement(SelectItem, _extends({}, getItemProps({
+      return /*#__PURE__*/React__namespace.createElement(SelectItem, _extends({}, !item.isDisabled ? Object.assign({}, getItemProps({
         item
-      }), {
+      })) : {}, {
         key: (_item$value = item.value) != null ? _item$value : index,
         css: item.isDisabled ? {
           backgroundColor: '$formDisable',
@@ -6934,7 +6979,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$n,
-          lineNumber: 226,
+          lineNumber: 252,
           columnNumber: 19
         }
       }), item.name);
@@ -6942,14 +6987,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 245,
+        lineNumber: 275,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__namespace.createElement(StyledDiv, {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 246,
+        lineNumber: 276,
         columnNumber: 17
       }
     }, "Item yang anda cari tidak ada")))));
@@ -6964,7 +7009,10 @@
     value: PropTypes__default["default"].object,
     iconColor: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object]),
     icon: PropTypes__default["default"].node,
-    placement: PropTypes__default["default"].oneOf(['top', 'bottom'])
+    placement: PropTypes__default["default"].oneOf(['top', 'bottom']),
+    textSelector: PropTypes__default["default"].string,
+    valueSelector: PropTypes__default["default"].string,
+    disabledOptions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
   };
   Select$1.defaultProps = {
     placeholder: 'Select Item',
@@ -6973,31 +7021,11 @@
     search: false,
     iconColor: 'currentColor',
     icon: undefined,
-    placement: 'bottom'
+    placement: 'bottom',
+    disabledOptions: []
   };
 
-  var $$2 = _export;
-  var uncurryThis$a = functionUncurryThis;
-  var notARegExp = notARegexp;
-  var requireObjectCoercible$5 = requireObjectCoercible$a;
-  var toString$6 = toString$a;
-  var correctIsRegExpLogic = correctIsRegexpLogic;
-
-  var stringIndexOf$1 = uncurryThis$a(''.indexOf);
-
-  // `String.prototype.includes` method
-  // https://tc39.es/ecma262/#sec-string.prototype.includes
-  $$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
-    includes: function includes(searchString /* , position = 0 */) {
-      return !!~stringIndexOf$1(
-        toString$6(requireObjectCoercible$5(this)),
-        toString$6(notARegExp(searchString)),
-        arguments.length > 1 ? arguments[1] : undefined
-      );
-    }
-  });
-
-  var _jsxFileName$m = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelectTag/icon/CheckOutline.js";
+  var _jsxFileName$m = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\icon\\CheckOutline.js";
 
   const CheckOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -7045,7 +7073,7 @@
     }
   }));
 
-  var _jsxFileName$l = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
+  var _jsxFileName$l = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
   const Wrapper = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -7527,7 +7555,7 @@
   const PopoverAnchor = StyledAnchor;
 
   const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-  var _jsxFileName$k = "/home/omegalord666/work/majoo-ui/packages/react/src/components/slider/Slider.js";
+  var _jsxFileName$k = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
   const StyledSlider = react.styled(SliderPrimitive__namespace.Root, {
     position: 'relative',
     display: 'flex',
@@ -7935,7 +7963,7 @@
 
   const _excluded$9 = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size"],
         _excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
-  var _jsxFileName$j = "/home/omegalord666/work/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
+  var _jsxFileName$j = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
   const ButtonGroupComponent = styled(ToggleGroupPrimitive__namespace.Root, {
     display: 'inline-flex',
     borderRadius: '$md',
@@ -8163,7 +8191,7 @@
   };
 
   const _excluded$8 = ["children", "value"];
-  var _jsxFileName$i = "/home/omegalord666/work/majoo-ui/packages/react/src/components/notificationBadge/notificationBadge.js";
+  var _jsxFileName$i = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\notificationBadge.js";
   const NotificationBadgeRootStyle = styled('span', {
     position: 'relative',
     display: 'inline-flex',
@@ -8327,7 +8355,7 @@
   };
 
   const _excluded$7 = ["className", "children", "radius", "padding", "width", "height"];
-  var _jsxFileName$h = "/home/omegalord666/work/majoo-ui/packages/react/src/components/paper/Paper.js";
+  var _jsxFileName$h = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
   const PaperComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -8379,7 +8407,6 @@
   };
 
   const IconButton = styled('button', {
-    all: 'unset',
     cursor: 'pointer',
     borderRadius: '$round',
     size: '24px',
@@ -8387,6 +8414,8 @@
     display: 'inline-flex',
     alignItems: 'center',
     justifyContent: 'center',
+    border: 'none',
+    appearance: 'none',
     // '&:focus': {
     //   outline: '2px solid #82C4E0',
     // },
@@ -8420,7 +8449,7 @@
   });
 
   const _excluded$6 = ["children"];
-  var _jsxFileName$g = "/home/omegalord666/work/majoo-ui/packages/react/src/components/modalDialog/ModalDialog.js";
+  var _jsxFileName$g = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\modalDialog\\ModalDialog.js";
   const overlayShow = keyframes({
     '0%': {
       opacity: 0
@@ -8514,7 +8543,7 @@
   const DialogClose = DialogPrimitive__namespace.Close;
 
   const _excluded$5 = ["children"];
-  var _jsxFileName$f = "/home/omegalord666/work/majoo-ui/packages/react/src/components/drawer/Drawer.js";
+  var _jsxFileName$f = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
   const fadeIn = keyframes({
     from: {
       opacity: '0'
@@ -8670,7 +8699,7 @@
   const _excluded$4 = ["children", "disabled"],
         _excluded2$1 = ["children", "hasContent", "arrowColor"],
         _excluded3$1 = ["children"];
-  var _jsxFileName$e = "/home/omegalord666/work/majoo-ui/packages/react/src/components/accordion/Accordion.js";
+  var _jsxFileName$e = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\accordion\\Accordion.js";
   //   from: { height: 0 },
   //   to: { height: 'var(--radix-accordion-content-height)' },
   // });
@@ -8842,7 +8871,7 @@
     return matches;
   }
 
-  var _jsxFileName$d = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/AdvancedOption.js";
+  var _jsxFileName$d = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\AdvancedOption.js";
   const ButtonGroup = styled(ToggleGroupPrimitive__namespace.Root, {
     width: '100%'
   });
@@ -8955,7 +8984,7 @@
   });
   DateNumber.displayName = 'DateNumber';
 
-  var _jsxFileName$c = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/components/Calendar.js";
+  var _jsxFileName$c = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\components\\Calendar.js";
 
   const getVariant$1 = ({
     selectable,
@@ -9622,7 +9651,7 @@
     return null;
   };
 
-  var _jsxFileName$b = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/components/MobileCalendar.js";
+  var _jsxFileName$b = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\components\\MobileCalendar.js";
 
   const getVariant = ({
     selectable,
@@ -10278,7 +10307,7 @@
   const _excluded$3 = ["multiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled"],
         _excluded2 = ["multiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled"],
         _excluded3 = ["type"];
-  var _jsxFileName$a = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/DatePicker.js";
+  var _jsxFileName$a = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\DatePicker.js";
   const SINGLE_PICKER = 'single';
   const RANGE_PICKER = 'range';
   const ADVANCE_PICKER = 'advance';
@@ -10460,7 +10489,7 @@
     }));
   };
 
-  var _jsxFileName$9 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/InputDatePicker.js";
+  var _jsxFileName$9 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\InputDatePicker.js";
   const UPDATE = 'UPDATE';
   const TODAY = 'TODAY';
   const YESTERDAY = 'YESTERDAY';
@@ -10673,7 +10702,7 @@
       }),
       type: type,
       disabled: disabled,
-      date: date ? date == null ? void 0 : date[1] : selectedDate == null ? void 0 : selectedDate[1],
+      date: date ? date === null || date === void 0 ? void 0 : date[1] : selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate[1],
       selected: selectedDate,
       multiDatePicker: type !== SINGLE_PICKER,
       onChange: date => {
@@ -10782,6 +10811,14 @@
     return res;
   }
 
+  const removeUndefinedFields = obj => {
+    let newObj = {};
+    Object.keys(obj).forEach(key => {
+      if (obj[key] === Object(obj[key])) newObj[key] = removeUndefinedFields(obj[key]);else if (obj[key] !== undefined) newObj[key] = obj[key];
+    });
+    return newObj;
+  };
+
   var uncurryThis$9 = functionUncurryThis;
   var PROPER_FUNCTION_NAME = functionName.PROPER;
   var redefine = redefine$5.exports;
@@ -10813,7 +10850,7 @@
   }
 
   const _excluded$2 = ["isActive", "onClick"];
-  var _jsxFileName$8 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
+  var _jsxFileName$8 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
 
   const PageButton = _ref => {
     let {
@@ -10850,11 +10887,15 @@
     const isLg = useMediaQuery('(max-width: 800px)');
 
     const handleSelectPage = page => {
-      if (onSelect) {
+      if (onSelect && page > 0 && page <= totalPages) {
         onSelect(page);
       }
     };
 
+    const inputPageRef = React.useRef();
+    React.useEffect(() => {
+      inputPageRef.current.value = '';
+    }, [currentPage]);
     const debouncedGoToPage = React.useCallback(debounce__default["default"](handleSelectPage, 1000), []);
 
     const generatePages = () => {
@@ -10903,7 +10944,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 75,
+        lineNumber: 81,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -10912,7 +10953,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 76,
+        lineNumber: 82,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -10922,14 +10963,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 77,
+        lineNumber: 83,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.DoubleChevronLeftOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 82,
+        lineNumber: 88,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -10939,14 +10980,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 84,
+        lineNumber: 90,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.ChevronLeftOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 89,
+        lineNumber: 95,
         columnNumber: 11
       }
     })), generatePages().map((page, index) => {
@@ -10957,7 +10998,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$8,
-          lineNumber: 93,
+          lineNumber: 99,
           columnNumber: 13
         }
       }, page);
@@ -10968,14 +11009,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 102,
+        lineNumber: 108,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.ChevronRightOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 107,
+        lineNumber: 113,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -10985,14 +11026,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 109,
+        lineNumber: 115,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.DoubleChevronRightOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 116,
+        lineNumber: 122,
         columnNumber: 11
       }
     }))), /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -11004,7 +11045,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 120,
+        lineNumber: 126,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Box$1, {
@@ -11016,7 +11057,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 122,
+        lineNumber: 128,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -11024,10 +11065,11 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 123,
+        lineNumber: 129,
         columnNumber: 9
       }
     }, "Ke Halaman"), /*#__PURE__*/React__default["default"].createElement(InputText, {
+      ref: inputPageRef,
       type: "number",
       onChange: e => {
         if (e.target.value) {
@@ -11047,14 +11089,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 124,
+        lineNumber: 130,
         columnNumber: 9
       }
     })));
   };
 
   const _excluded$1 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
-  var _jsxFileName$7 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
+  var _jsxFileName$7 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
 
   function PaginationInfo(_ref) {
     let {
@@ -11150,7 +11192,7 @@
   }
 
   const _excluded = ["limit", "currentPage", "totalData", "onLimitChange", "onPageChange"];
-  var _jsxFileName$6 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/Pagination.js";
+  var _jsxFileName$6 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
 
   function Pagination(_ref) {
     let {
@@ -11210,9 +11252,9 @@
   };
   Pagination.displayName = 'Pagination';
 
-  var _jsxFileName$5 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/MobileTable.js";
+  var _jsxFileName$5 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\MobileTable.js";
   const TableContainer$1 = styled(Flex, {
-    position: 'fixed',
+    position: 'relative',
     flexDirection: 'column',
     width: '100%',
     height: '100%',
@@ -11478,7 +11520,7 @@
     }, footer)))));
   }
 
-  var _jsxFileName$4 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/Table.js";
+  var _jsxFileName$4 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\Table.js";
   const TableContainer = styled('div', {
     display: 'block',
     flexDirection: 'column',
@@ -11620,21 +11662,35 @@
     }
   };
 
+  const defaultFetchDataParams = {
+    pageIndex: 0,
+    pageSize: 10
+  };
+
   function Table({
     columns,
     data,
+    pageIndex: controlledPageIndex,
     totalData,
     fetchData,
     css,
     onSelectedChange
   }) {
+    const [limit, setLimit] = React.useState(10);
     const instance = reactTable.useTable({
       columns,
       data,
       initialState: {
-        pageIndex: 0
+        pageIndex: controlledPageIndex
       },
-      manualPagination: !!fetchData
+      manualPagination: !!fetchData,
+      manualSortBy: !!fetchData,
+      defaultCanSort: true,
+      pageCount: Math.ceil(totalData / limit),
+      autoResetSortBy: false,
+      autoResetExpanded: false,
+      autoResetPage: false,
+      autoResetSelectedRows: false
     }, reactTable.useSortBy, reactTable.useExpanded, reactTable.usePagination, reactTable.useRowSelect);
     const {
       getTableProps,
@@ -11648,21 +11704,43 @@
       setPageSize,
       state: {
         pageIndex,
-        pageSize
+        pageSize,
+        sortBy
       },
       selectedFlatRows
     } = instance;
 
+    const doFetchData = (pageIndex, pageSize, sortAccessor = sortBy.length > 0 ? sortBy[0].id : undefined, sortDirection = sortBy.length > 0 ? sortBy[0].desc ? 'DESC' : 'ASC' : undefined) => {
+      const fetchParams = removeUndefinedFields({
+        pageIndex,
+        pageSize,
+        sortAccessor,
+        sortDirection
+      });
+      if (fetchData) fetchData(fetchParams);
+    };
+
+    React.useEffect(() => {
+      gotoPage(controlledPageIndex);
+    }, [controlledPageIndex]);
+    React.useEffect(() => {
+      if (data && data.length > 0) doFetchData(0, pageSize);
+    }, [sortBy]);
+    const isMobile = useMediaQuery('(max-width: 1024px)');
+
     const renderFooter = () => /*#__PURE__*/React__default["default"].createElement(Pagination, {
       limit: pageSize,
       currentPage: pageIndex + 1,
       totalData: totalData,
       onLimitChange: selectedItem => {
         if (selectedItem) {
+          doFetchData(pageIndex, selectedItem);
           setPageSize(selectedItem);
+          setLimit(selectedItem);
         }
       },
       onPageChange: page => {
+        doFetchData(page - 1, pageSize);
         gotoPage(page - 1);
       },
       css: {
@@ -11674,18 +11752,11 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 194,
+        lineNumber: 225,
         columnNumber: 5
       }
     });
 
-    const isMobile = useMediaQuery('(max-width: 1024px)');
-    React.useEffect(() => {
-      if (fetchData) fetchData({
-        pageIndex,
-        pageSize
-      });
-    }, [fetchData, pageIndex, pageSize]);
     React.useEffect(() => {
       if (isMobile) {
         allColumns.map(column => {
@@ -11710,28 +11781,28 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 240,
+        lineNumber: 268,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableContent, _extends({}, getTableProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 241,
+        lineNumber: 269,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(TableHead, {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 242,
+        lineNumber: 270,
         columnNumber: 9
       }
     }, headerGroups.map(headerGroup => /*#__PURE__*/React__default["default"].createElement(TableHeadRow, _extends({}, headerGroup.getHeaderGroupProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 244,
+        lineNumber: 272,
         columnNumber: 13
       }
     }), headerGroup.headers.filter(column => !column.isSubRow).map(column => {
@@ -11740,14 +11811,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 250,
+          lineNumber: 278,
           columnNumber: 21
         }
       }), typeof headerRender === 'string' ? /*#__PURE__*/React__default["default"].createElement(TableHeaderCellContainer, {
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 252,
+          lineNumber: 280,
           columnNumber: 25
         }
       }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TableHeadCellContent, {
@@ -11755,7 +11826,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 254,
+          lineNumber: 282,
           columnNumber: 29
         }
       }, headerRender.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(MajooIcons.SortingOutline, {
@@ -11764,7 +11835,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 257,
+          lineNumber: 285,
           columnNumber: 29
         }
       }))) : headerRender);
@@ -11772,7 +11843,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 269,
+        lineNumber: 297,
         columnNumber: 9
       }
     }), page.map((row, i) => {
@@ -11788,21 +11859,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 277,
+          lineNumber: 305,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(TableRow, _extends({}, row.getRowProps(), {
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 278,
+          lineNumber: 306,
           columnNumber: 17
         }
       }), row.cells.filter(cell => !cell.column.isSubRow).map(cell => /*#__PURE__*/React__default["default"].createElement(TableCell, _extends({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 282,
+          lineNumber: 310,
           columnNumber: 23
         }
       }), cell.render('Cell')))), row.isExpanded ? cellArrays.map((cells, index) => {
@@ -11812,7 +11883,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 290,
+            lineNumber: 318,
             columnNumber: 25
           }
         }, leftAddOnCells.map((_, index) => /*#__PURE__*/React__default["default"].createElement("td", {
@@ -11820,7 +11891,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 292,
+            lineNumber: 320,
             columnNumber: 29
           }
         })), cells.map((cell, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
@@ -11828,7 +11899,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 295,
+            lineNumber: 323,
             columnNumber: 29
           }
         }, /*#__PURE__*/React__default["default"].createElement(TableCell, {
@@ -11837,7 +11908,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 296,
+            lineNumber: 324,
             columnNumber: 31
           }
         }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11845,7 +11916,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 297,
+            lineNumber: 325,
             columnNumber: 33
           }
         }, cell.column.Header)), /*#__PURE__*/React__default["default"].createElement(TableCell, {
@@ -11854,7 +11925,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 299,
+            lineNumber: 327,
             columnNumber: 31
           }
         }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11862,7 +11933,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 310,
+            lineNumber: 338,
             columnNumber: 33
           }
         }, cell.render('Cell'))))));
@@ -11871,14 +11942,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 322,
+        lineNumber: 350,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableFootRow, {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 323,
+        lineNumber: 351,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableFootCell, {
@@ -11886,7 +11957,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 324,
+        lineNumber: 352,
         columnNumber: 13
       }
     }, renderFooter()))))) : /*#__PURE__*/React__default["default"].createElement(MobileTable, {
@@ -11896,7 +11967,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 330,
+        lineNumber: 358,
         columnNumber: 5
       }
     });
@@ -11905,11 +11976,14 @@
   Table.propTypes = {
     data: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
     column: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
+    totalData: PropTypes__default["default"].number,
+    fetchData: PropTypes__default["default"].func,
+    css: PropTypes__default["default"].object,
     onSelectedChange: PropTypes__default["default"].func
   };
   Table.displayName = 'Table';
 
-  var _jsxFileName$3 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
+  var _jsxFileName$3 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
 
   const DateColumn = ({
     value
@@ -12168,7 +12242,7 @@
   var apply$2 = FunctionPrototype.apply;
   var call$2 = FunctionPrototype.call;
 
-  // eslint-disable-next-line es-x/no-reflect -- safe
+  // eslint-disable-next-line es/no-reflect -- safe
   var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? call$2.bind(apply$2) : function () {
     return call$2.apply(apply$2, arguments);
   });
@@ -12746,7 +12820,7 @@
     return addThousandSeparator(param);
   };
 
-  var _jsxFileName$2 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
+  var _jsxFileName$2 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
   const rowExpanderColumn = {
     id: 'expander',
     Header: () => null,
@@ -12773,20 +12847,37 @@
         lineNumber: 9,
         columnNumber: 50
       }
-    }))
+    })),
+    canSort: false
   };
 
-  var _jsxFileName$1 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
+  var _jsxFileName$1 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
   const MenuContainer = styled(Flex, {
     boxShadow: '0px 0px 8px rgba(131, 131, 131, 0.16)',
     borderRadius: '$sm'
   });
-  const MenuTriggerButton = styled(PopoverTrigger, IconButton);
+  const MenuTriggerButton = styled(PopoverTrigger, {
+    cursor: 'pointer',
+    borderRadius: '$round',
+    size: '24px',
+    padding: '$spacing-01',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'white',
+    '&:hover': {
+      backgroundColor: '$bgGray',
+      color: '$textGreen'
+    },
+    '&:active': {
+      backgroundColor: '$gray100'
+    }
+  });
 
   const rowMenuColumn = options => ({
     id: 'menu',
     Header: () => null,
-    Cell: () => {
+    Cell: props => {
       const [open, setOpen] = React.useState(false);
       return /*#__PURE__*/React__default["default"].createElement(Popover, {
         open: open,
@@ -12794,29 +12885,28 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 22,
+          lineNumber: 37,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(MenuTriggerButton, {
-        buttonType: "secondary",
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 23,
+          lineNumber: 38,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.EllipsisHorizontalOutline, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 24,
+          lineNumber: 39,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 26,
+          lineNumber: 41,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(MenuContainer, {
@@ -12824,7 +12914,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 27,
+          lineNumber: 42,
           columnNumber: 11
         }
       }, options.map(option => /*#__PURE__*/React__default["default"].createElement(Button$1, {
@@ -12832,19 +12922,20 @@
         buttonType: "tableMenu",
         onClick: () => {
           setOpen(false);
-          option.onClick();
+          option.onClick(props);
         },
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 29,
+          lineNumber: 44,
           columnNumber: 15
         }
       }, option.title)))));
-    }
+    },
+    canSort: false
   });
 
-  var _jsxFileName = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
+  var _jsxFileName = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
   const rowSelectionColumn = {
     id: 'selection',
     Header: ({
@@ -12871,7 +12962,8 @@
         lineNumber: 13,
         columnNumber: 5
       }
-    }))
+    })),
+    canSort: false
   };
 
   exports.ADVANCE_PICKER = ADVANCE_PICKER;
@@ -12979,6 +13071,7 @@
   exports.ToastContext = ToastContext;
   exports.Tooltip = Tooltip;
   exports.addOnCellStyle = addOnCellStyle;
+  exports.defaultFetchDataParams = defaultFetchDataParams;
 
   Object.defineProperty(exports, '__esModule', { value: true });