@majoo-ui/react 1.61.12-rc.7 → 1.61.12-rc.9

package/index.esm.js

@@ -12,7 +12,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { Transition } from 'react-transition-group';
 import { Portal } from '@majoo-ui/helpers';
-import request from 'superagent';
+import axios from 'axios';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -7260,23 +7260,32 @@ function upload({
     } else {
       formdata.append(reqKey, file);
     }
-    request.post(url).set(tokenKey, token).send(formdata).on('progress', e => {
-      onProgress === null || onProgress === void 0 ? void 0 : onProgress(e);
-      progress === null || progress === void 0 ? void 0 : progress(Math.round(e.percent));
-    }).end((err, res) => {
-      var _a, _b;
-      if (err) {
-        const error = new Error(err.message);
-        onError === null || onError === void 0 ? void 0 : onError(error, (res === null || res === void 0 ? void 0 : res.text) && JSON.parse(res.text));
-        reject(err.message);
-      }
-      if (res && (res === null || res === void 0 ? void 0 : res.ok)) {
-        const response = JSON.parse(res === null || res === void 0 ? void 0 : res.text);
-        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
-        resolve((_b = (_a = [response]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
-          return a[b];
-        }));
+    axios({
+      method: 'post',
+      url: url,
+      data: formdata,
+      headers: {
+        [tokenKey]: token,
+        'Content-Type': 'multipart/form-data'
+      },
+      onUploadProgress: progressEvent => {
+        if (progressEvent.total) {
+          const percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
+          onProgress === null || onProgress === void 0 ? void 0 : onProgress(progressEvent);
+          progress === null || progress === void 0 ? void 0 : progress(percentCompleted);
+        }
       }
+    }).then(response => {
+      var _a, _b;
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response.data);
+      resolve((_b = (_a = [response.data]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
+        return a[b];
+      }));
+    }).catch(error => {
+      var _a;
+      const errorMessage = ((_a = error.response) === null || _a === void 0 ? void 0 : _a.data) || error.message;
+      onError === null || onError === void 0 ? void 0 : onError(error, errorMessage);
+      reject(error.message);
     });
   });
   return promise;

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('@stitches/react'), require('@majoo-ui/core'), require('react-i18next'), require('moment'), require('@majoo-ui/icons'), require('react/jsx-runtime'), require('@radix-ui/react-avatar'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-progress'), require('react-transition-group'), require('@majoo-ui/helpers'), require('superagent'), require('@radix-ui/react-label'), require('@radix-ui/react-checkbox'), require('@radix-ui/react-radio-group'), require('react-hook-form'), require('@radix-ui/react-switch'), require('react-dom/server'), require('downshift'), require('react-infinite-scroller'), require('lodash.debounce'), require('@floating-ui/react'), require('otp-input-react'), require('@radix-ui/react-dialog'), require('@radix-ui/react-toggle-group'), require('dayzed'), require('@radix-ui/react-separator'), require('react-table'), require('@radix-ui/react-slider'), require('@radix-ui/react-tabs'), require('@radix-ui/react-accordion'), require('react-sortable-hoc'), require('react-dom'), require('@radix-ui/react-alert-dialog'), require('@radix-ui/react-dropdown-menu'), require('@radix-ui/react-aspect-ratio'), require('react-color/lib/components/common'), require('react-color/lib/helpers/color'), require('react-step-wizard'), require('@monsonjeremy/react-leaflet'), require('leaflet/dist/leaflet.css'), require('leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css'), require('leaflet-defaulticon-compatibility'), require('recharts'), require('draft-js'), require('react-draft-wysiwyg'), require('react-contextmenu'), require('react-loading-skeleton'), require('react-loading-skeleton/dist/skeleton.css'), require('react-virtual'), require('react-ui-scrollspy'), require('react-image-crop'), require('browser-image-compression'), require('react-table-sticky'), require('react-signature-pad-wrapper')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', '@stitches/react', '@majoo-ui/core', 'react-i18next', 'moment', '@majoo-ui/icons', 'react/jsx-runtime', '@radix-ui/react-avatar', '@radix-ui/react-tooltip', '@radix-ui/react-progress', 'react-transition-group', '@majoo-ui/helpers', 'superagent', '@radix-ui/react-label', '@radix-ui/react-checkbox', '@radix-ui/react-radio-group', 'react-hook-form', '@radix-ui/react-switch', 'react-dom/server', 'downshift', 'react-infinite-scroller', 'lodash.debounce', '@floating-ui/react', 'otp-input-react', '@radix-ui/react-dialog', '@radix-ui/react-toggle-group', 'dayzed', '@radix-ui/react-separator', 'react-table', '@radix-ui/react-slider', '@radix-ui/react-tabs', '@radix-ui/react-accordion', 'react-sortable-hoc', 'react-dom', '@radix-ui/react-alert-dialog', '@radix-ui/react-dropdown-menu', '@radix-ui/react-aspect-ratio', 'react-color/lib/components/common', 'react-color/lib/helpers/color', 'react-step-wizard', '@monsonjeremy/react-leaflet', 'leaflet/dist/leaflet.css', 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css', 'leaflet-defaulticon-compatibility', 'recharts', 'draft-js', 'react-draft-wysiwyg', 'react-contextmenu', 'react-loading-skeleton', 'react-loading-skeleton/dist/skeleton.css', 'react-virtual', 'react-ui-scrollspy', 'react-image-crop', 'browser-image-compression', 'react-table-sticky', 'react-signature-pad-wrapper'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.React, global.PropTypes, global.react, global.core, global.reactI18next, global.moment, global.icons, global.jsxRuntime, global.AvatarPrimitive, global.TooltipPrimitive, global.ProgressPrimitive, global.reactTransitionGroup, global.helpers, global.request, global.LabelPrimitive, global.CheckboxPrimitive, global.RadioGroupPrimitive, global.reactHookForm, global.SwitchPrimitive, global.server, global.Downshift, global.InfiniteScroll, global.debounce, global.react$1, global.OTPInput, global.DialogPrimitive, global.ToggleGroupPrimitive, global.dayzed, global.SeparatorPrimitive, global.reactTable, global.SliderPrimitive, global.TabsPrimitive, global.AccordionPrimitive, global.reactSortableHoc, global.ReactDOM, global.ADialog, global.DropdownMenuPrimitive, global.AspectRatioPrimitive, global.common, global.color, global.StepWizard$1, global.reactLeaflet, null, null, null, global.recharts, global.draftJs, global.reactDraftWysiwyg, global.reactContextmenu, global.ReactSkeleton, null, global.reactVirtual, global.ScrollSpy, global.ReactCrop, global.imageCompressionComponent, global.reactTableSticky, global.SignaturePad));
-})(this, (function (exports, React, PropTypes, react, core, reactI18next, moment, icons, jsxRuntime, AvatarPrimitive, TooltipPrimitive, ProgressPrimitive, reactTransitionGroup, helpers, request, LabelPrimitive, CheckboxPrimitive, RadioGroupPrimitive, reactHookForm, SwitchPrimitive, server, Downshift, InfiniteScroll, debounce, react$1, OTPInput, DialogPrimitive, ToggleGroupPrimitive, dayzed, SeparatorPrimitive, reactTable, SliderPrimitive, TabsPrimitive, AccordionPrimitive, reactSortableHoc, ReactDOM, ADialog, DropdownMenuPrimitive, AspectRatioPrimitive, common, color, StepWizard$1, reactLeaflet, leaflet_css, leafletDefaulticonCompatibility_css, leafletDefaulticonCompatibility, recharts, draftJs, reactDraftWysiwyg, reactContextmenu, ReactSkeleton, skeleton_css, reactVirtual, ScrollSpy, ReactCrop, imageCompressionComponent, reactTableSticky, SignaturePad) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('@stitches/react'), require('@majoo-ui/core'), require('react-i18next'), require('moment'), require('@majoo-ui/icons'), require('react/jsx-runtime'), require('@radix-ui/react-avatar'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-progress'), require('react-transition-group'), require('@majoo-ui/helpers'), require('axios'), require('@radix-ui/react-label'), require('@radix-ui/react-checkbox'), require('@radix-ui/react-radio-group'), require('react-hook-form'), require('@radix-ui/react-switch'), require('react-dom/server'), require('downshift'), require('react-infinite-scroller'), require('lodash.debounce'), require('@floating-ui/react'), require('otp-input-react'), require('@radix-ui/react-dialog'), require('@radix-ui/react-toggle-group'), require('dayzed'), require('@radix-ui/react-separator'), require('react-table'), require('@radix-ui/react-slider'), require('@radix-ui/react-tabs'), require('@radix-ui/react-accordion'), require('react-sortable-hoc'), require('react-dom'), require('@radix-ui/react-alert-dialog'), require('@radix-ui/react-dropdown-menu'), require('@radix-ui/react-aspect-ratio'), require('react-color/lib/components/common'), require('react-color/lib/helpers/color'), require('react-step-wizard'), require('@monsonjeremy/react-leaflet'), require('leaflet/dist/leaflet.css'), require('leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css'), require('leaflet-defaulticon-compatibility'), require('recharts'), require('draft-js'), require('react-draft-wysiwyg'), require('react-contextmenu'), require('react-loading-skeleton'), require('react-loading-skeleton/dist/skeleton.css'), require('react-virtual'), require('react-ui-scrollspy'), require('react-image-crop'), require('browser-image-compression'), require('react-table-sticky'), require('react-signature-pad-wrapper')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', '@stitches/react', '@majoo-ui/core', 'react-i18next', 'moment', '@majoo-ui/icons', 'react/jsx-runtime', '@radix-ui/react-avatar', '@radix-ui/react-tooltip', '@radix-ui/react-progress', 'react-transition-group', '@majoo-ui/helpers', 'axios', '@radix-ui/react-label', '@radix-ui/react-checkbox', '@radix-ui/react-radio-group', 'react-hook-form', '@radix-ui/react-switch', 'react-dom/server', 'downshift', 'react-infinite-scroller', 'lodash.debounce', '@floating-ui/react', 'otp-input-react', '@radix-ui/react-dialog', '@radix-ui/react-toggle-group', 'dayzed', '@radix-ui/react-separator', 'react-table', '@radix-ui/react-slider', '@radix-ui/react-tabs', '@radix-ui/react-accordion', 'react-sortable-hoc', 'react-dom', '@radix-ui/react-alert-dialog', '@radix-ui/react-dropdown-menu', '@radix-ui/react-aspect-ratio', 'react-color/lib/components/common', 'react-color/lib/helpers/color', 'react-step-wizard', '@monsonjeremy/react-leaflet', 'leaflet/dist/leaflet.css', 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css', 'leaflet-defaulticon-compatibility', 'recharts', 'draft-js', 'react-draft-wysiwyg', 'react-contextmenu', 'react-loading-skeleton', 'react-loading-skeleton/dist/skeleton.css', 'react-virtual', 'react-ui-scrollspy', 'react-image-crop', 'browser-image-compression', 'react-table-sticky', 'react-signature-pad-wrapper'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.React, global.PropTypes, global.react, global.core, global.reactI18next, global.moment, global.icons, global.jsxRuntime, global.AvatarPrimitive, global.TooltipPrimitive, global.ProgressPrimitive, global.reactTransitionGroup, global.helpers, global.axios, global.LabelPrimitive, global.CheckboxPrimitive, global.RadioGroupPrimitive, global.reactHookForm, global.SwitchPrimitive, global.server, global.Downshift, global.InfiniteScroll, global.debounce, global.react$1, global.OTPInput, global.DialogPrimitive, global.ToggleGroupPrimitive, global.dayzed, global.SeparatorPrimitive, global.reactTable, global.SliderPrimitive, global.TabsPrimitive, global.AccordionPrimitive, global.reactSortableHoc, global.ReactDOM, global.ADialog, global.DropdownMenuPrimitive, global.AspectRatioPrimitive, global.common, global.color, global.StepWizard$1, global.reactLeaflet, null, null, null, global.recharts, global.draftJs, global.reactDraftWysiwyg, global.reactContextmenu, global.ReactSkeleton, null, global.reactVirtual, global.ScrollSpy, global.ReactCrop, global.imageCompressionComponent, global.reactTableSticky, global.SignaturePad));
+})(this, (function (exports, React, PropTypes, react, core, reactI18next, moment, icons, jsxRuntime, AvatarPrimitive, TooltipPrimitive, ProgressPrimitive, reactTransitionGroup, helpers, axios, LabelPrimitive, CheckboxPrimitive, RadioGroupPrimitive, reactHookForm, SwitchPrimitive, server, Downshift, InfiniteScroll, debounce, react$1, OTPInput, DialogPrimitive, ToggleGroupPrimitive, dayzed, SeparatorPrimitive, reactTable, SliderPrimitive, TabsPrimitive, AccordionPrimitive, reactSortableHoc, ReactDOM, ADialog, DropdownMenuPrimitive, AspectRatioPrimitive, common, color, StepWizard$1, reactLeaflet, leaflet_css, leafletDefaulticonCompatibility_css, leafletDefaulticonCompatibility, recharts, draftJs, reactDraftWysiwyg, reactContextmenu, ReactSkeleton, skeleton_css, reactVirtual, ScrollSpy, ReactCrop, imageCompressionComponent, reactTableSticky, SignaturePad) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,7 +31,7 @@
   var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
   var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
   var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
-  var request__default = /*#__PURE__*/_interopDefaultLegacy(request);
+  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
   var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
   var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
   var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -7326,31 +7326,38 @@
       onProgress = _a.onProgress;
     var promise = new Promise(function (resolve, reject) {
       var _a;
+      var _b;
       var formdata = new FormData();
       if (customBody) {
-        for (var i = 0; i < ((_a = Object.keys(customBody)) === null || _a === void 0 ? void 0 : _a.length); i++) {
+        for (var i = 0; i < ((_b = Object.keys(customBody)) === null || _b === void 0 ? void 0 : _b.length); i++) {
           formdata.append(Object.keys(customBody)[i], customBody[Object.keys(customBody)[i]]);
         }
       } else {
         formdata.append(reqKey, file);
       }
-      request__default["default"].post(url).set(tokenKey, token).send(formdata).on('progress', function (e) {
-        onProgress === null || onProgress === void 0 ? void 0 : onProgress(e);
-        progress === null || progress === void 0 ? void 0 : progress(Math.round(e.percent));
-      }).end(function (err, res) {
-        var _a, _b;
-        if (err) {
-          var error = new Error(err.message);
-          onError === null || onError === void 0 ? void 0 : onError(error, (res === null || res === void 0 ? void 0 : res.text) && JSON.parse(res.text));
-          reject(err.message);
-        }
-        if (res && (res === null || res === void 0 ? void 0 : res.ok)) {
-          var response = JSON.parse(res === null || res === void 0 ? void 0 : res.text);
-          onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
-          resolve((_b = (_a = [response]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
-            return a[b];
-          }));
+      axios__default["default"]({
+        method: 'post',
+        url: url,
+        data: formdata,
+        headers: (_a = {}, _a[tokenKey] = token, _a['Content-Type'] = 'multipart/form-data', _a),
+        onUploadProgress: function (progressEvent) {
+          if (progressEvent.total) {
+            var percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
+            onProgress === null || onProgress === void 0 ? void 0 : onProgress(progressEvent);
+            progress === null || progress === void 0 ? void 0 : progress(percentCompleted);
+          }
         }
+      }).then(function (response) {
+        var _a, _b;
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response.data);
+        resolve((_b = (_a = [response.data]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
+          return a[b];
+        }));
+      }).catch(function (error) {
+        var _a;
+        var errorMessage = ((_a = error.response) === null || _a === void 0 ? void 0 : _a.data) || error.message;
+        onError === null || onError === void 0 ? void 0 : onError(error, errorMessage);
+        reject(error.message);
       });
     });
     return promise;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.12-rc.7",
+  "version": "1.61.12-rc.9",
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -14,25 +14,25 @@
     "@majoo-ui/helpers": "1.30.6",
     "@majoo-ui/icons": "1.38.38",
     "@monsonjeremy/react-leaflet": "^3.2.2",
-    "@radix-ui/react-accordion": "^1.0.0",
-    "@radix-ui/react-alert-dialog": "^1.0.3",
-    "@radix-ui/react-aspect-ratio": "^1.0.0",
-    "@radix-ui/react-avatar": "^1.0.0",
-    "@radix-ui/react-checkbox": "^1.0.0",
-    "@radix-ui/react-dialog": "^1.0.0",
+    "@radix-ui/react-accordion": "1.0.0",
+    "@radix-ui/react-alert-dialog": "1.0.3",
+    "@radix-ui/react-aspect-ratio": "1.0.0",
+    "@radix-ui/react-avatar": "1.0.0",
+    "@radix-ui/react-checkbox": "1.0.0",
+    "@radix-ui/react-dialog": "1.0.0",
     "@radix-ui/react-dismissable-layer": "1.0.3",
-    "@radix-ui/react-dropdown-menu": "^1.0.0",
-    "@radix-ui/react-label": "^1.0.0",
-    "@radix-ui/react-popover": "^1.0.0",
-    "@radix-ui/react-portal": "^1.0.0",
-    "@radix-ui/react-progress": "^1.0.0",
-    "@radix-ui/react-radio-group": "^1.0.0",
-    "@radix-ui/react-separator": "^1.0.0",
-    "@radix-ui/react-slider": "^1.0.0",
-    "@radix-ui/react-switch": "^1.0.0",
-    "@radix-ui/react-tabs": "^1.0.0",
-    "@radix-ui/react-toggle-group": "^1.0.0",
-    "@radix-ui/react-tooltip": "^1.0.0",
+    "@radix-ui/react-dropdown-menu": "1.0.0",
+    "@radix-ui/react-label": "1.0.0",
+    "@radix-ui/react-popover": "1.0.0",
+    "@radix-ui/react-portal": "1.0.0",
+    "@radix-ui/react-progress": "1.0.0",
+    "@radix-ui/react-radio-group": "1.0.0",
+    "@radix-ui/react-separator": "1.0.0",
+    "@radix-ui/react-slider": "1.0.0",
+    "@radix-ui/react-switch": "1.0.0",
+    "@radix-ui/react-tabs": "1.0.0",
+    "@radix-ui/react-toggle-group": "1.0.0",
+    "@radix-ui/react-tooltip": "1.0.0",
     "@radix-ui/react-visually-hidden": "1.0.0",
     "@react-google-maps/api": "^2.12.1",
     "@stitches/react": "^1.2.8",
@@ -67,7 +67,7 @@
     "react-ui-scrollspy": "2.0.0",
     "react-virtual": "^2.10.4",
     "recharts": "^2.1.9",
-    "superagent": "9.0.2",
+    "axios": "1.6.0",
     "yup": "^0.32.11"
   },
   "overrides": {