pangea-lib 2.11.470 → 2.11.472

package/dist/types/components/PgaDropdown.vue.d.ts

@@ -0,0 +1,42 @@
+import { DropdownOption, Align } from '../types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    align?: Align;
+    item?: import('../types').Item;
+    options?: DropdownOption[];
+}>, {
+    align: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    align?: Align;
+    item?: import('../types').Item;
+    options?: DropdownOption[];
+}>, {
+    align: string;
+}>>>, {
+    align: Align;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/PgaSpinner.vue.d.ts

@@ -3,19 +3,19 @@ import { AppColorNameProp } from '../colors';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     size?: Size;
-    color?: AppColorNameProp;
+    color?: 'first' | AppColorNameProp;
 }>, {
     size: string;
     color: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     size?: Size;
-    color?: AppColorNameProp;
+    color?: 'first' | AppColorNameProp;
 }>, {
     size: string;
     color: string;
 }>>>, {
     size: Size;
-    color: AppColorNameProp;
+    color: 'first' | AppColorNameProp;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/components/_i18n/button/pgaDeleteButton.i18n.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    es: {
+        text: string;
+    };
+};
+export default _default;

package/dist/types/components/_i18n/button/pgaEditButton.i18n.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    es: {
+        text: string;
+    };
+};
+export default _default;

package/dist/types/components/_i18n/table/pgaTable.i18n.d.ts

@@ -1,7 +1,6 @@
 declare const _default: {
     es: {
-        columnTitleEdit: string;
-        columnTitleDelete: string;
+        columnTitleActions: string;
         selectAllBtn: string;
         withTheSelectedItemsText: string;
     };

package/dist/types/components/button/PgaButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { Icon, TextProp, ButtonType } from '../../types';
+import { Align, Icon, TextProp, ButtonType } from '../../types';
 import { AppColorNameProp } from '../../colors';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -7,32 +7,44 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     text?: TextProp;
     buttonType?: ButtonType;
     size?: "s" | "l" | "m" | "xs" | "xl";
-    color?: AppColorNameProp;
+    align?: Align;
+    borderRadius?: string;
+    color?: AppColorNameProp | "first";
+    width?: string;
     disabled?: boolean;
     isLoading?: boolean;
     numberToDisplay?: number;
 }>, {
     type: string;
     size: string;
+    align: string;
     color: string;
+    width: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     type?: "button" | "submit" | "reset";
     icon?: import('@fortawesome/fontawesome-common-types').IconName | Icon;
     text?: TextProp;
     buttonType?: ButtonType;
     size?: "s" | "l" | "m" | "xs" | "xl";
-    color?: AppColorNameProp;
+    align?: Align;
+    borderRadius?: string;
+    color?: AppColorNameProp | "first";
+    width?: string;
     disabled?: boolean;
     isLoading?: boolean;
     numberToDisplay?: number;
 }>, {
     type: string;
     size: string;
+    align: string;
     color: string;
+    width: string;
 }>>>, {
     size: "s" | "l" | "m" | "xs" | "xl";
-    color: AppColorNameProp;
+    color: AppColorNameProp | "first";
     type: "button" | "submit" | "reset";
+    align: Align;
+    width: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/button/PgaDeleteButton.vue.d.ts

@@ -1,10 +1,12 @@
 import { TextProp } from '../../types';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    withoutText?: boolean;
     confirmDeleteText: TextProp;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     deleteConfirmed: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    withoutText?: boolean;
     confirmDeleteText: TextProp;
 }>>> & {
     onDeleteConfirmed?: () => any;

package/dist/types/components/button/PgaEditButton.vue.d.ts

@@ -1,2 +1,15 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    withoutText?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    withoutText?: boolean;
+}>>>, {}, {}>;
 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

@@ -1,4 +1,5 @@
 export { default as PgaBadge } from './PgaBadge.vue';
+export { default as PgaDropdown } from './PgaDropdown.vue';
 export { default as PgaIcon } from './PgaIcon.vue';
 export { default as PgaInfoCardFullPage } from './PgaInfoCardFullPage.vue';
 export { default as PgaItemSelected } from './PgaItemSelected.vue';

package/dist/types/components/table/PgaTable.vue.d.ts

@@ -1,4 +1,4 @@
-import { Item, Columns, SearchParams, Indentation } from '../../types';
+import { Item, Columns, SearchParams, Indentation, DropdownOption } from '../../types';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     searchParams: import('vue').PropType<SearchParams>;
@@ -10,12 +10,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     createItemBtnText: {
         type: import('vue').PropType<string>;
     };
-    withEditColumn: {
+    withEditButton: {
         type: import('vue').PropType<boolean>;
     };
     confirmDeleteText: {
         type: import('vue').PropType<(item: Item) => string>;
     };
+    actionsOptions: {
+        type: import('vue').PropType<DropdownOption[]>;
+    };
+    useDropdown: {
+        type: import('vue').PropType<boolean>;
+    };
     items: {
         type: import('vue').PropType<Item[]>;
         required: true;
@@ -47,12 +53,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     createItemBtnText: {
         type: import('vue').PropType<string>;
     };
-    withEditColumn: {
+    withEditButton: {
         type: import('vue').PropType<boolean>;
     };
     confirmDeleteText: {
         type: import('vue').PropType<(item: Item) => string>;
     };
+    actionsOptions: {
+        type: import('vue').PropType<DropdownOption[]>;
+    };
+    useDropdown: {
+        type: import('vue').PropType<boolean>;
+    };
     items: {
         type: import('vue').PropType<Item[]>;
         required: true;
@@ -78,6 +90,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     item: any;
 }) => any>> & {
     header?(_: {}): any;
+    smallDevicesItem?(_: {
+        item: any;
+    }): any;
     itemsSelected?(_: {}): any;
 }>;
 export default _default;

package/dist/types/i18n/all-messages.d.ts

@@ -6,6 +6,16 @@ declare const _default: {
             acceptBtn: string;
         };
     };
+    pgaDeleteButton: {
+        es: {
+            text: string;
+        };
+    };
+    pgaEditButton: {
+        es: {
+            text: string;
+        };
+    };
     pgaLogoutButton: {
         es: {
             logoutBtn: string;
@@ -50,8 +60,7 @@ declare const _default: {
     };
     pgaTable: {
         es: {
-            columnTitleEdit: string;
-            columnTitleDelete: string;
+            columnTitleActions: string;
             selectAllBtn: string;
             withTheSelectedItemsText: string;
         };

package/dist/types/i18n/i18n.d.ts

@@ -1,4 +1,4 @@
-export declare const getLanguage: () => "es", setLanguage: (language: "es") => void, useI18n: <FN extends "notifications" | "alert" | "pgaLogoutButton" | "pgaDisplayNoItems" | "pgaDatePicker" | "pgaInputFile" | "pgaInputGroup" | "pgaInputSelect" | "pgaLoginForm" | "pgaTable" | "pgaModal", MP extends void | import('pangea-helpers').ExtractPrefixes<{
+export declare const getLanguage: () => "es", setLanguage: (language: "es") => void, useI18n: <FN extends "notifications" | "alert" | "pgaDeleteButton" | "pgaEditButton" | "pgaLogoutButton" | "pgaDisplayNoItems" | "pgaDatePicker" | "pgaInputFile" | "pgaInputGroup" | "pgaInputSelect" | "pgaLoginForm" | "pgaTable" | "pgaModal", MP extends void | import('pangea-helpers').ExtractPrefixes<{
     alert: {
         es: {
             alertTitle: string;
@@ -6,6 +6,16 @@ export declare const getLanguage: () => "es", setLanguage: (language: "es") => v
             acceptBtn: string;
         };
     };
+    pgaDeleteButton: {
+        es: {
+            text: string;
+        };
+    };
+    pgaEditButton: {
+        es: {
+            text: string;
+        };
+    };
     pgaLogoutButton: {
         es: {
             logoutBtn: string;
@@ -50,8 +60,7 @@ export declare const getLanguage: () => "es", setLanguage: (language: "es") => v
     };
     pgaTable: {
         es: {
-            columnTitleEdit: string;
-            columnTitleDelete: string;
+            columnTitleActions: string;
             selectAllBtn: string;
             withTheSelectedItemsText: string;
         };
@@ -75,6 +84,16 @@ export declare const getLanguage: () => "es", setLanguage: (language: "es") => v
             acceptBtn: string;
         };
     };
+    pgaDeleteButton: {
+        es: {
+            text: string;
+        };
+    };
+    pgaEditButton: {
+        es: {
+            text: string;
+        };
+    };
     pgaLogoutButton: {
         es: {
             logoutBtn: string;
@@ -119,8 +138,7 @@ export declare const getLanguage: () => "es", setLanguage: (language: "es") => v
     };
     pgaTable: {
         es: {
-            columnTitleEdit: string;
-            columnTitleDelete: string;
+            columnTitleActions: string;
             selectAllBtn: string;
             withTheSelectedItemsText: string;
         };
@@ -144,6 +162,16 @@ export declare const getLanguage: () => "es", setLanguage: (language: "es") => v
             acceptBtn: string;
         };
     };
+    pgaDeleteButton: {
+        es: {
+            text: string;
+        };
+    };
+    pgaEditButton: {
+        es: {
+            text: string;
+        };
+    };
     pgaLogoutButton: {
         es: {
             logoutBtn: string;
@@ -188,8 +216,7 @@ export declare const getLanguage: () => "es", setLanguage: (language: "es") => v
     };
     pgaTable: {
         es: {
-            columnTitleEdit: string;
-            columnTitleDelete: string;
+            columnTitleActions: string;
             selectAllBtn: string;
             withTheSelectedItemsText: string;
         };

package/dist/types/types/dropdown.d.ts

@@ -0,0 +1,12 @@
+import { Item } from '.';
+import { Icon, IconName } from './icon';
+import { AppColorNameProp } from '../colors';
+
+export type DropdownItem = Item;
+export type DropdownOption = {
+    icon: Icon | IconName;
+    text: string;
+    color?: AppColorNameProp;
+    ifFn?: (item: DropdownItem) => boolean;
+    clickFn: (item: DropdownItem) => any;
+};

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

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './chart';
 export * from './color';
+export * from './dropdown';
 export * from './file';
 export * from './form';
 export * from './icon';
@@ -14,3 +15,4 @@ export type Item = {
     [key: string]: any;
 };
 export type TextProp = string | (() => string);
+export type Align = 'center' | 'left' | 'right';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "2.11.470",
+  "version": "2.11.472",
   "author": "Gianfranco Raselli",
   "license": "ISC",
   "homepage": "https://github.com/GianfrancoRaselli/pangea#readme",