pangea-lib 1.8.6 → 1.9.1

package/dist/types/components/display-components/pga-display-text/PgaDisplayText.types.d.ts

@@ -0,0 +1 @@
+export type Message = string | (() => string);

package/dist/types/components/display-components/pga-display-text/PgaDisplayText.vue.d.ts

@@ -0,0 +1,17 @@
+import { Message } from './PgaDisplayText.types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    text: Message;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    text: Message;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PgaIcon } from './pga-icon/PgaIcon.vue';
+export { default as PgaDisplayText } from './display-components/pga-display-text/PgaDisplayText.vue';
+export { default as PgaSelect } from './input-components/pga-select/PgaSelect.vue';

package/dist/types/components/input-components/pga-select/PgaSelect.types.d.ts

@@ -0,0 +1,2 @@
+export type ID = any;
+export type Option = any;

package/dist/types/components/input-components/pga-select/PgaSelect.vue.d.ts

@@ -0,0 +1,43 @@
+import { Message } from '../../display-components/pga-display-text/PgaDisplayText.types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<any>;
+    };
+    options: {
+        type: import('vue').PropType<any[]>;
+        required: true;
+    };
+    emptyOptionsMsg: {
+        type: import('vue').PropType<Message>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<any>;
+    };
+    options: {
+        type: import('vue').PropType<any[]>;
+        required: true;
+    };
+    emptyOptionsMsg: {
+        type: import('vue').PropType<Message>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    dropdownOption?(_: {
+        option: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/pga-icon/PgaIcon.types.d.ts

@@ -0,0 +1,5 @@
+import { IconName as FontawesomeIconName } from '@fortawesome/fontawesome-svg-core';
+
+export type IconType = 'fas' | 'far' | 'fab';
+export type IconName = FontawesomeIconName;
+export type Icon = [IconType, IconName];

package/dist/types/components/pga-icon/PgaIcon.vue.d.ts

@@ -0,0 +1,17 @@
+import { IconName, Icon } from './PgaIcon.types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    icon: Icon | IconName;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon: Icon | IconName;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/pga-icon/font-awesome.d.ts

@@ -0,0 +1,3 @@
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+
+export { FontAwesomeIcon };

package/dist/types/default-pangea-options.d.ts

@@ -0,0 +1,4 @@
+import { PangeaOptions } from './types/pangea-options';
+
+declare const pangeaOptions: PangeaOptions;
+export default pangeaOptions;

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+import { PangeaOptions } from './types/pangea-options';
+
+declare const _default: (app: App, userOptions?: PangeaOptions) => void;
+export default _default;

package/dist/types/types/pangea-options.d.ts

@@ -0,0 +1,6 @@
+export type PangeaOptions = {
+    colors: {
+        first: string;
+        second: string;
+    };
+};

package/package.json

@@ -1,31 +1,25 @@
 {
   "name": "pangea-lib",
-  "version": "1.8.6",
+  "version": "1.9.1",
   "description": "",
   "type": "module",
   "files": [
     "dist",
-    "src/helpers",
     "src/styles"
   ],
-  "main": "./dist/pangea.umd.cjs",
-  "module": "./dist/pangea.js",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
   "exports": {
     ".": {
-      "import": "./dist/pangea.js",
-      "require": "./dist/pangea.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/pangea.umd.js",
+      "import": "./dist/index.es.js",
+      "types": "./dist/types/index.d.ts"
     },
-    "./animation-helpers": "./src/helpers/animation.helpers.ts",
-    "./coins-helpers": "./src/helpers/coins.helpers.ts",
-    "./datetime-helpers": "./src/helpers/datetime.helpers.ts",
-    "./object-helpers": "./src/helpers/object.helpers.ts",
-    "./url-helpers": "./src/helpers/url.helpers.ts",
     "./style.css": "./dist/style.css"
   },
-  "types": "./dist/index.d.ts",
+  "types": "./dist/types/index.d.ts",
   "scripts": {
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vue-tsc && vite build",
     "deploy": "node deploy.js"
   },
   "keywords": [
@@ -50,9 +44,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/vue-fontawesome": "^3.0.5",
-    "axios": "^1.6.8",
     "click-outside-vue3": "^4.0.1",
-    "moment": "^2.30.1",
     "vue": "^3.4.21"
   },
   "devDependencies": {
@@ -61,6 +53,7 @@
     "stylus": "^0.59.0",
     "typescript": "^5.0.2",
     "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.9.1",
     "vue-tsc": "^1.4.2",
     "yarn": "^1.22.22"
   }

package/src/helpers/animation.helpers.ts

@@ -1,15 +0,0 @@
-export function 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

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

package/src/helpers/datetime.helpers.ts

@@ -1,31 +0,0 @@
-type DisplayDatetimeConfig = {
-  format?: 'numbers' | 'short' | 'long';
-  withTime?: boolean;
-};
-
-export function 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

@@ -1,40 +0,0 @@
-import moment from 'moment';
-
-export function 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];
-      }
-    });
-}
-
-export function 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) {
-        copyAvailableFields(destinationObj[key], originObj[key]);
-      } else {
-        destinationObj[key] = originObj[key];
-      }
-    }
-  }
-}

package/src/helpers/url.helpers.ts

@@ -1,15 +0,0 @@
-export function 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);
-}