@bexis2/bexis2-core-ui 0.1.13 → 0.2.0

package/src/lib/models/Models.ts

@@ -3,13 +3,13 @@ import type { ColumnFilterFn } from 'svelte-headless-table/lib/plugins';
 import type { Writable } from 'svelte/store';
 
 // page
-export interface Link {
+export interface linkType {
 	label: string;
 	url: string;
 }
 
 // Form
-export interface Input {
+export interface inputType {
 	id: string;
 	label: string;
 	feedback: string[];
@@ -19,7 +19,7 @@ export interface Input {
 	placeholder: string;
 }
 
-export interface FileInfo {
+export interface fileInfoType {
 	name: string;
 	type: string;
 	length: number;
@@ -27,25 +27,25 @@ export interface FileInfo {
 	validationHash: string;
 }
 
-export interface FileUploaderModel {
+export interface fileUploaderModel {
 	accept: string[];
-	existingFiles: FileInfo[];
+	existingFiles: fileInfoType[];
 	descriptionType: number;
 	multiple: boolean;
 	maxSize: number;
 	lastModification: Date;
 }
 
-export interface Files {
+export interface filesType {
 	accepted: Blob[];
 	rejected: Blob[];
 }
 
-export type user = {
+export type userType = {
 	name: string;
 };
 
-export interface FileObj {
+export interface fileObjType {
 	path: string;
 	lastModified: number;
 	lastModifiedDate: Date;
@@ -88,13 +88,26 @@ export interface TableConfig<T> {
 }
 
 // lists
-export interface KvP {
+export interface keyValuePairType {
 	id: number;
 	text: string;
 }
 
-export interface ListItem {
+export interface listItemType {
 	id: number;
 	text: string;
 	group: string;
 }
+
+//help
+export interface helpItemType {
+    id?: string;
+    name: string;
+    description:string;
+    link?:string;
+}
+
+export interface helpStoreType {
+    itemId?:string;
+    helpItems:helpItemType[];
+};

package/src/lib/models/Page.ts

@@ -0,0 +1,41 @@
+// BREADCRUMB
+/********************************** */ 
+export interface breadcrumbItemType {
+ label:string,
+ link:string
+}
+
+export class BreadcrumbModel {
+ items:breadcrumbItemType[]
+
+ constructor() {
+   this.items = [];
+ }
+}
+
+// MENU
+/********************************** */ 
+export class MenuModel {
+ Logo: Logo;
+ LaunchBar: MenuItem[];
+ MenuBar: MenuItem[];
+ AccountBar: MenuItem[];
+ Settings: MenuItem[];
+ Extended: MenuItem[];
+
+}
+
+export interface menuItemType {
+ Title: string;
+ Url: string;
+ Target: string;
+ Module: string;
+ Items: MenuItem[];
+}
+
+export interface logoType {
+ Mime: string;
+ Name: string;
+ Data: string;
+ Height: number;
+}

package/src/lib/services/Api.ts

@@ -1,6 +1,6 @@
 // Api.js
 import axios from 'axios';
-import { host, username, password } from '../stores/apistore';
+import { host, username, password } from '../stores/apiStores';
 
 console.log('setup axios');
 

package/src/lib/services/BaseCaller.js

@@ -0,0 +1,12 @@
+// Implementations for all the calls for the pokemon endpoints.
+//import Api from "./Api";
+import { host } from "$store/apiStores";
+
+// go to a internal action
+export const goTo = async (url) => {
+  if(window!=null && host != null && url!=null){
+    window.open(host+url,"_self")?.focus()
+  }
+};
+
+

package/src/lib/stores/pageStores.ts

@@ -0,0 +1,135 @@
+import type { helpItemType, helpStoreType } from "$models/Models";
+import type { Menu, breadcrumbItemType } from "$models/Page";
+import { BreadcrumbModel} from "$models/Page";
+
+import { writable } from 'svelte/store';
+
+function createHelpStore()
+{
+    // set Store Type
+    const { subscribe, set, update } = writable<helpStoreType>();
+
+    return {
+        //pass Store default functions
+		subscribe,
+        set,
+        update,
+        //set the list of help items to show
+		setHelpItemList: (helpItems:helpItemType[]) => {
+            helpStore.set({itemId:undefined, helpItems:helpItems})        
+        },
+        //set the ID of the help item and display it 
+        setItemId: (itemId:string) => {
+            let v:helpStoreType;
+            const h:helpItemType[] = [];
+            helpStore.subscribe(value => {
+                value = (value === undefined) ? {itemId:undefined,helpItems:h}:value;
+                value.helpItems = (value.helpItems === undefined) ? h:value.helpItems;
+                v = {itemId:itemId, helpItems:value.helpItems};               
+            });
+            update(u => u = v)
+        },
+        //reset the ID of the help item and hide it 
+        resetItemId: () =>{
+            let v:helpStoreType;
+            const h:helpItemType[] = [];
+            helpStore.subscribe(value => {
+                value = (value === undefined) ? {itemId:undefined,helpItems:h}:value;
+                value.helpItems = (value.helpItems === undefined) ? h:value.helpItems;
+                v = {itemId:undefined, helpItems:value.helpItems};               
+            });
+            update(u => u = v)
+        },
+        //set the ID of the help item and display it
+        show: (itemId:string) =>{
+            helpStore.setItemId(itemId);
+        },
+        //set a help item and display it
+        showHelpItem: (helpItem:helpItemType) =>{
+            helpItem.id = (helpItem.id === undefined) ? "default":helpItem.id;
+            helpStore.set({itemId:helpItem.id, helpItems:[helpItem]})
+        },
+        //reset the ID of the help item and hide it 
+        hide: () =>{
+            helpStore.resetItemId();
+        },           
+        //reset the ID of the help item and hide it 
+        toggle: (itemId:string) =>{
+            let v:helpStoreType;
+            const h:helpItemType[] = [];
+            helpStore.subscribe(value => {
+                value = (value === undefined) ? {itemId:undefined,helpItems:h}:value;
+                value.helpItems = (value.helpItems === undefined) ? h:value.helpItems;
+                if(itemId != value.itemId)
+                {
+                    v = {itemId:itemId, helpItems:value.helpItems};
+                }
+                else
+                {
+                    v = {itemId:undefined, helpItems:value.helpItems};
+                }              
+            });
+            update(u => u = v)
+        },
+        reset:() =>{
+            const h:helpItemType[] = [];
+            helpStore.set({itemId:undefined, helpItems:h})
+        },
+        clear:() =>{
+            helpStore.reset();
+        }       
+	};
+}
+
+//crate and export the instance of the store 
+export const helpStore = createHelpStore();
+
+// store for menu
+export const menuStore = writable<Menu>();
+
+
+function createBreadcrumbStore()
+{
+    // set Store Type
+    const { subscribe, set, update } = writable<BreadcrumbModel>();
+
+    set(new BreadcrumbModel())
+
+    return {
+        //pass Store default functions
+		subscribe,
+        set,
+        update,
+
+        //set the ID of the help item and display it 
+        addItem: (item:breadcrumbItemType) => {
+            let b:breadcrumbModel;
+            breadcrumbStore.subscribe(value => {
+
+                value = (value === undefined) ? new BreadcrumbModel():value;
+                // value.items = (value.items === undefined) ? b:value.items
+                if(!value.items.find(i=>i.label === item.label)){
+                    value.items = [...value.items,item]
+                }
+
+                b = value;
+            });
+
+            update(s=>s = b);
+
+        },
+
+        clean: () => {
+            let b:Breadcrumb;
+            breadcrumbStore.subscribe(value => {
+                value = new BreadcrumbModel();
+                b = value;
+            });
+
+            update(s=>s = b);
+        },
+	};
+}
+
+// store for breadcrumb navigation
+export const breadcrumbStore = createBreadcrumbStore();

package/dist/components/page/menu/menu.d.ts

@@ -1,21 +0,0 @@
-export interface Menu {
-    Logo: Logo;
-    LaunchBar: MenuItem[];
-    MenuBar: MenuItem[];
-    AccountBar: MenuItem[];
-    Settings: MenuItem[];
-    Extended: MenuItem[];
-}
-export interface MenuItem {
-    Title: string;
-    Url: string;
-    Target: string;
-    Module: string;
-    Items: MenuItem[];
-}
-export interface Logo {
-    Mime: string;
-    Name: string;
-    Data: string;
-    Height: number;
-}

package/dist/components/page/menu/menu.js

@@ -1 +0,0 @@
-export {};

package/src/lib/components/page/menu/menu.ts

@@ -1,23 +0,0 @@
-export interface Menu {
- Logo: Logo;
- LaunchBar: MenuItem[];
- MenuBar: MenuItem[];
- AccountBar: MenuItem[];
- Settings: MenuItem[];
- Extended: MenuItem[];
-}
-
-export interface MenuItem {
- Title: string;
- Url: string;
- Target: string;
- Module: string;
- Items: MenuItem[];
-}
-
-export interface Logo {
- Mime: string;
- Name: string;
- Data: string;
- Height: number;
-}