@majoo-ui/react 2.0.0 → 2.1.0-rc.0

package/package.json

@@ -1,13 +1,20 @@
 {
   "name": "@majoo-ui/react",
-  "version": "2.0.0",
+  "version": "2.1.0-rc.0",
   "main": "./index.esm.js",
+  "sideEffects": [
+    "*.css",
+    "./config/stitches.config.esm.js",
+    "./components/skeleton/Skeleton.esm.js",
+    "./components/mapPicker/MapPicker.esm.js"
+  ],
   "exports": {
+    "./index.esm.css": "./index.esm.css",
+    "./package.json": "./package.json",
     ".": {
       "import": "./index.esm.js",
       "types": "./index.d.ts"
     },
-    "./index.esm.css": "./index.esm.css",
     "./charts": {
       "import": "./charts.esm.js",
       "types": "./charts.d.ts"
@@ -19,8 +26,7 @@
     "./map": {
       "import": "./map.esm.js",
       "types": "./map.d.ts"
-    },
-    "./*.esm.js": "./*.esm.js"
+    }
   },
   "typings": "./index.d.ts",
   "peerDependencies": {
@@ -31,7 +37,7 @@
     "@floating-ui/react": "^0.19.2",
     "@majoo-ui/core": "1.32.0",
     "@majoo-ui/helpers": "1.30.9",
-    "@majoo-ui/icons": "1.40.1",
+    "@majoo-ui/icons": "1.40.2",
     "@monsonjeremy/react-leaflet": "^3.2.2",
     "@radix-ui/react-accordion": "^1.0.0",
     "@radix-ui/react-alert-dialog": "^1.0.3",
@@ -52,15 +58,18 @@
     "@radix-ui/react-tooltip": "^1.0.0",
     "@stitches/react": "^1.2.8",
     "browser-image-compression": "^2.0.0",
+    "core-js": "^3.49.0",
     "dayzed": "^3.2.3",
     "downshift": "^6.1.7",
     "draft-js": "^0.11.7",
     "i18next": "^22.0.8",
     "leaflet": "1.9.3",
     "leaflet-defaulticon-compatibility": "^0.1.2",
+    "lodash": "^4.17.21",
     "lodash.debounce": "^4.0.8",
     "moment": "^2.29.2",
     "otp-input-react": "^0.3.0",
+    "prop-types": "^15.8.1",
     "react-color": "^2.19.3",
     "react-draft-wysiwyg": "^1.15.0",
     "react-hook-form": "^7.31.3",
@@ -77,7 +86,9 @@
     "react-ui-scrollspy": "2.1.0",
     "react-virtual": "^2.10.4",
     "recharts": "^2.1.9",
+    "tslib": "^2.8.1",
     "axios": "1.6.0"
   },
+  "module": "./index.esm.js",
   "types": "./index.d.ts"
 }

package/utils/calendar.esm.js

@@ -0,0 +1,26 @@
+import 'core-js/modules/es.iterator.constructor.js';
+import 'core-js/modules/es.iterator.map.js';
+import moment from 'moment';
+
+const monthNamesFullId = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
+const monthNamesFullEng = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+const weekdayNamesShortId = ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'];
+const weekdayNamesShortEng = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const yearRangesList = rangeStart => {
+  let start = rangeStart;
+  let end = start + 9;
+  return new Array(10).fill(undefined).map(_ => {
+    const yearRange = {
+      start,
+      end
+    };
+    start = end + 1;
+    end = end + 10;
+    return yearRange;
+  });
+};
+const getCalendarStartYear = year => year - year % 10 + 1;
+const getCalendarStartYearRange = year => year - year % 100 + 1;
+const toDateFormat = (date, locale = 'id') => moment(date).locale(locale).format('DD MMMM YYYY');
+
+export { getCalendarStartYear, getCalendarStartYearRange, monthNamesFullEng, monthNamesFullId, toDateFormat, weekdayNamesShortEng, weekdayNamesShortId, yearRangesList };

package/utils/element.esm.js

@@ -0,0 +1,21 @@
+import 'core-js/modules/es.iterator.constructor.js';
+import 'core-js/modules/es.iterator.map.js';
+import React__default from 'react';
+
+function addPropsToReactElement(element, props) {
+  if (/*#__PURE__*/React__default.isValidElement(element)) {
+    return /*#__PURE__*/React__default.cloneElement(element, props);
+  }
+  return element;
+}
+function addPropsToChildren(children, props) {
+  if (!Array.isArray(children)) {
+    return addPropsToReactElement(children, props);
+  }
+  return children.map((childElement, index) => addPropsToReactElement(childElement, {
+    key: index,
+    ...props
+  }));
+}
+
+export { addPropsToChildren, addPropsToReactElement };

package/utils/object.esm.js

@@ -0,0 +1,12 @@
+import 'core-js/modules/es.iterator.constructor.js';
+import 'core-js/modules/es.iterator.for-each.js';
+
+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;
+};
+
+export { removeUndefinedFields };

package/utils/request.esm.js

@@ -0,0 +1,74 @@
+import 'core-js/modules/es.iterator.constructor.js';
+import 'core-js/modules/es.iterator.reduce.js';
+import axios from 'axios';
+
+function upload({
+  url,
+  file,
+  customBody,
+  tokenKey,
+  token,
+  progress,
+  reqKey,
+  resKey,
+  onError,
+  onSuccess,
+  onProgress
+}) {
+  const promise = new Promise((resolve, reject) => {
+    var _a;
+    const formdata = new FormData();
+    if (customBody) {
+      for (let i = 0; i < ((_a = Object.keys(customBody)) === null || _a === void 0 ? void 0 : _a.length); i++) {
+        formdata.append(Object.keys(customBody)[i], customBody[Object.keys(customBody)[i]]);
+      }
+    } else {
+      formdata.append(reqKey, file);
+    }
+    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;
+}
+const catchError = e => {
+  let message = 'Unknown error';
+  if (typeof e === 'string') message = e;
+  if (Object.prototype.hasOwnProperty.call(e, 'message') && typeof e.message === 'string') ({
+    message
+  } = e);
+  if (Object.prototype.hasOwnProperty.call(e, 'error') && typeof e.error === 'string') ({
+    error: message
+  } = e);
+  if (Object.prototype.hasOwnProperty.call(e, 'msg') && typeof e.msg === 'string') ({
+    msg: message
+  } = e);
+  if (message === '[object Object]') return '';
+  return message;
+};
+
+export { catchError, upload };

package/utils/strings.esm.js

@@ -0,0 +1,6 @@
+function extractStringFromHTML(html = '') {
+  const regex = />([^<>]+)</g;
+  return Array.from(html.matchAll(regex), m => m[1]);
+}
+
+export { extractStringFromHTML };

package/{useMediaQuery.esm.js → utils/useMediaQuery.esm.js}

@@ -16,4 +16,4 @@ function useMediaQuery(query) {
   return matches;
 }
 
-export { useMediaQuery as u };
+export { useMediaQuery as default };

package/utils/useNavigatorOnline.esm.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+const getOnLineStatus = () => typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
+const useNavigatorOnLine = () => {
+  const [status, setStatus] = React__default.useState(getOnLineStatus());
+  const setOnline = () => setStatus(true);
+  const setOffline = () => setStatus(false);
+  React__default.useEffect(() => {
+    window.addEventListener('online', setOnline);
+    window.addEventListener('offline', setOffline);
+    return () => {
+      window.removeEventListener('online', setOnline);
+      window.removeEventListener('offline', setOffline);
+    };
+  }, []);
+  return status;
+};
+
+export { useNavigatorOnLine as default };

package/utils/variant.esm.js

@@ -0,0 +1,12 @@
+function seqNumberVariants(variantFn, max) {
+  var _a;
+  let variants = {};
+  for (let i = 1; (_a = i <= max) !== null && _a !== void 0 ? _a : 100; i++) {
+    variants = Object.assign(Object.assign({}, variants), {
+      [i]: variantFn(i)
+    });
+  }
+  return variants;
+}
+
+export { seqNumberVariants };

package/wrapper/ConditionalWrapper.esm.js

@@ -0,0 +1,9 @@
+import 'react';
+
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+
+export { ConditionalWrapper };