pangea-lib 1.8.3 → 1.8.4

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "pangea-lib",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "",
   "type": "module",
   "files": [
     "dist",
+    "src/helpers",
     "src/styles"
   ],
   "main": "./dist/pangea.umd.cjs",

package/src/helpers/animation.helpers.ts

@@ -0,0 +1,17 @@
+export default {
+  animateCSS(element: string, animation: string, prefix = 'animate__') {
+    return new Promise((resolve) => {
+      const animationName = `${prefix}${animation}`;
+      const node = document.querySelector(element);
+      if (node) {
+        node.classList.add(`${prefix}animated`, animationName);
+        const handleAnimationEnd = (event: { stopPropagation: () => void }) => {
+          event.stopPropagation();
+          node?.classList.remove(`${prefix}animated`, animationName);
+          resolve('Animation ended');
+        };
+        node.addEventListener('animationend', handleAnimationEnd, { once: true });
+      }
+    });
+  },
+};

package/src/helpers/coins.helpers.ts

@@ -0,0 +1,18 @@
+import axios from 'axios';
+
+export default {
+  displayValue(value: number, maximumFractionDigits: number) {
+    const valueToReturn = value.toLocaleString(undefined, { maximumFractionDigits });
+    if (valueToReturn === '-0') return '0';
+    return valueToReturn;
+  },
+  getAmountToDisplay(amount: number, significantDigits: number, coinName: string, withCoinName = true) {
+    let amountToDisplay = this.displayValue(amount, significantDigits);
+    if (withCoinName) amountToDisplay = amountToDisplay += ` ${coinName}`;
+    return amountToDisplay;
+  },
+  async getDollarValue(): Promise<number> {
+    const res = await axios.get('https://dolarapi.com/v1/dolares/blue');
+    return res.data.venta;
+  },
+};

package/src/helpers/datetime.helpers.ts

@@ -0,0 +1,33 @@
+type DisplayDatetimeConfig = {
+  format?: 'numbers' | 'short' | 'long';
+  withTime?: boolean;
+};
+
+export default {
+  displayDatetime(datetime: Date, config?: DisplayDatetimeConfig) {
+    // config
+    const defaultConfig: DisplayDatetimeConfig = {
+      format: 'short',
+      withTime: true,
+    };
+    const finalConfig = {
+      ...defaultConfig,
+      ...config,
+    };
+    // null
+    if (!datetime) return '-';
+    // options
+    const options: Intl.DateTimeFormatOptions = {
+      weekday: finalConfig.format === 'numbers' ? undefined : finalConfig.format,
+      year: 'numeric',
+      month: finalConfig.format === 'numbers' ? '2-digit' : finalConfig.format,
+      day: '2-digit',
+      hour: finalConfig.withTime ? '2-digit' : undefined,
+      minute: finalConfig.withTime ? '2-digit' : undefined,
+      hour12: false,
+    };
+    // return
+    const stringDatetime = datetime.toLocaleString('es-ES', options);
+    return stringDatetime.charAt(0).toUpperCase() + stringDatetime.slice(1);
+  },
+};

package/src/helpers/object.helpers.ts

@@ -0,0 +1,41 @@
+import moment from 'moment';
+
+export default {
+  copyModelFields(objTo: any, objFrom: any, relations?: any) {
+    if (objFrom)
+      Object.keys(objFrom).forEach((key) => {
+        if (!objTo.hasOwnProperty(key)) return;
+        if (!objFrom[key]) return (objTo[key] = objFrom[key]);
+        if (objFrom[key] instanceof File) return (objTo[key] = objFrom[key]);
+        if (
+          /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(objFrom[key]) &&
+          moment(objFrom[key], moment.ISO_8601, true).isValid()
+        )
+          return (objTo[key] = new Date(objFrom[key]));
+        if (typeof objFrom[key] === 'object' && relations?.[key]) {
+          if (Array.isArray(objFrom[key])) {
+            objTo[key] = [];
+            for (let index = 0; index < objFrom[key].length; index++) {
+              objTo[key].push(new relations[key](objFrom[key][index]));
+            }
+          } else {
+            objTo[key] = new relations[key](objFrom[key]);
+          }
+        } else {
+          objTo[key] = objFrom[key];
+        }
+      });
+  },
+  copyAvailableFields(destinationObj?: any, originObj?: any) {
+    if (!destinationObj || !originObj) return;
+    for (const key in originObj) {
+      if (originObj.hasOwnProperty(key) && destinationObj.hasOwnProperty(key)) {
+        if (typeof originObj[key] === 'object' && originObj[key] !== null) {
+          this.copyAvailableFields(destinationObj[key], originObj[key]);
+        } else {
+          destinationObj[key] = originObj[key];
+        }
+      }
+    }
+  },
+};

package/src/helpers/url.helpers.ts

@@ -0,0 +1,17 @@
+export default {
+  isCurrentUrl(url: string) {
+    if (!url) return false;
+    let finalUrl = url;
+    // remove protocol
+    const protocols = ['http://', 'https://'];
+    for (const protocol of protocols) {
+      if (url.startsWith(protocol)) {
+        finalUrl = url.replace(protocol, '');
+        break;
+      }
+    }
+    // remove port number
+    finalUrl = finalUrl.replace(/:(\d*)$/, '');
+    return window.location.href.includes(finalUrl);
+  },
+};