@bexis2/bexis2-core-ui 0.2.10 → 0.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +263 -207
- package/dist/components/Table/Table.svelte +85 -85
- package/dist/components/Table/TableFilter.svelte +109 -109
- package/dist/components/Table/TablePagination.svelte +38 -38
- package/dist/components/file/FileUploader.svelte +34 -34
- package/dist/components/form/Checkbox.svelte.d.ts +1 -1
- package/dist/components/form/DropdownKvP.svelte +5 -11
- package/dist/components/form/InputContainer.svelte +20 -19
- package/dist/components/form/MultiSelect.svelte +163 -178
- package/dist/components/form/TextArea.svelte +13 -13
- package/dist/components/form/TextInput.svelte +0 -2
- package/dist/components/page/Alert.svelte +28 -30
- package/dist/components/page/BackToTop.svelte +30 -30
- package/dist/components/page/Docs.svelte +22 -19
- package/dist/components/page/Docs.svelte.d.ts +1 -1
- package/dist/components/page/ErrorMessage.svelte +9 -0
- package/dist/components/page/ErrorMessage.svelte.d.ts +16 -0
- package/dist/components/page/Footer.svelte +5 -5
- package/dist/components/page/Header.svelte +5 -4
- package/dist/components/page/HelpPopUp.svelte +31 -25
- package/dist/components/page/HelpPopUp.svelte.d.ts +5 -12
- package/dist/components/page/Page.svelte +56 -66
- package/dist/components/page/Page.svelte.d.ts +2 -2
- package/dist/components/page/PageCaller.js +19 -21
- package/dist/components/page/Spinner.svelte +12 -13
- package/dist/components/page/Spinner.svelte.d.ts +1 -1
- package/dist/components/page/breadcrumb/Breadcrumb.svelte +19 -23
- package/dist/components/page/menu/Menu.svelte +25 -25
- package/dist/components/page/menu/MenuBar.svelte +7 -14
- package/dist/components/page/menu/MenuBar.svelte.d.ts +2 -2
- package/dist/components/page/menu/MenuDataCaller.js +10 -11
- package/dist/components/page/menu/MenuItem.svelte +9 -13
- package/dist/components/page/menu/MenuItem.svelte.d.ts +2 -1
- package/dist/components/page/menu/MenuSublist.svelte +18 -17
- package/dist/components/page/menu/MenuSublist.svelte.d.ts +2 -2
- package/dist/components/page/menu/SettingsBar.svelte +9 -14
- package/dist/components/page/menu/SettingsBar.svelte.d.ts +2 -2
- package/dist/css/core.ui.postcss +10 -7
- package/dist/css/themes/theme-bexis2.css +12 -13
- package/dist/index.d.ts +2 -3
- package/dist/index.js +5 -4
- package/dist/models/Models.js +0 -1
- package/dist/models/Page.d.ts +31 -0
- package/dist/services/BaseCaller.js +16 -21
- package/dist/stores/pageStores.d.ts +4 -4
- package/dist/stores/pageStores.js +27 -27
- package/package.json +2 -2
- package/src/lib/components/Table/Table.svelte +246 -246
- package/src/lib/components/Table/TableFilter.svelte +222 -222
- package/src/lib/components/Table/TablePagination.svelte +61 -61
- package/src/lib/components/Table/filter.ts +141 -141
- package/src/lib/components/file/FileUploader.svelte +184 -184
- package/src/lib/components/form/Checkbox.svelte +1 -1
- package/src/lib/components/form/DateInput.svelte +0 -1
- package/src/lib/components/form/DropdownKvP.svelte +5 -11
- package/src/lib/components/form/InputContainer.svelte +36 -44
- package/src/lib/components/form/MultiSelect.svelte +163 -178
- package/src/lib/components/form/NumberInput.svelte +3 -5
- package/src/lib/components/form/TextArea.svelte +26 -27
- package/src/lib/components/form/TextInput.svelte +2 -5
- package/src/lib/components/page/Alert.svelte +41 -45
- package/src/lib/components/page/BackToTop.svelte +30 -30
- package/src/lib/components/page/Docs.svelte +46 -44
- package/src/lib/components/page/ErrorMessage.svelte +10 -0
- package/src/lib/components/page/Footer.svelte +18 -22
- package/src/lib/components/page/Header.svelte +18 -21
- package/src/lib/components/page/HelpPopUp.svelte +72 -66
- package/src/lib/components/page/Page.svelte +96 -108
- package/src/lib/components/page/PageCaller.js +19 -21
- package/src/lib/components/page/Spinner.svelte +14 -16
- package/src/lib/components/page/breadcrumb/Breadcrumb.svelte +31 -43
- package/src/lib/components/page/menu/Menu.svelte +40 -47
- package/src/lib/components/page/menu/MenuBar.svelte +20 -31
- package/src/lib/components/page/menu/MenuDataCaller.js +10 -11
- package/src/lib/components/page/menu/MenuItem.svelte +27 -33
- package/src/lib/components/page/menu/MenuSublist.svelte +43 -48
- package/src/lib/components/page/menu/SettingsBar.svelte +31 -40
- package/src/lib/css/core.ui.postcss +10 -7
- package/src/lib/css/themes/theme-bexis2.css +12 -13
- package/src/lib/index.ts +75 -76
- package/src/lib/models/Enums.ts +10 -11
- package/src/lib/models/Models.ts +113 -113
- package/src/lib/models/Page.ts +40 -41
- package/src/lib/services/BaseCaller.js +16 -21
- package/src/lib/stores/apiStores.ts +31 -32
- package/src/lib/stores/pageStores.ts +121 -126
|
@@ -82,16 +82,15 @@
|
|
|
82
82
|
--color-error-700: 191 0 0; /* ⬅ #bf0000 */
|
|
83
83
|
--color-error-800: 153 0 0; /* ⬅ #990000 */
|
|
84
84
|
--color-error-900: 125 0 0; /* ⬅ #7d0000 */
|
|
85
|
-
/* surface | #
|
|
86
|
-
--color-surface-50:
|
|
87
|
-
--color-surface-100:
|
|
88
|
-
--color-surface-200:
|
|
89
|
-
--color-surface-300:
|
|
90
|
-
--color-surface-400:
|
|
91
|
-
--color-surface-500:
|
|
92
|
-
--color-surface-600:
|
|
93
|
-
--color-surface-700:
|
|
94
|
-
--color-surface-800:
|
|
95
|
-
--color-surface-900:
|
|
96
|
-
|
|
97
|
-
}
|
|
85
|
+
/* surface | #c7c7c7 */
|
|
86
|
+
--color-surface-50: 247 247 247; /* ⬅ #f7f7f7 */
|
|
87
|
+
--color-surface-100: 244 244 244; /* ⬅ #f4f4f4 */
|
|
88
|
+
--color-surface-200: 241 241 241; /* ⬅ #f1f1f1 */
|
|
89
|
+
--color-surface-300: 233 233 233; /* ⬅ #e9e9e9 */
|
|
90
|
+
--color-surface-400: 216 216 216; /* ⬅ #d8d8d8 */
|
|
91
|
+
--color-surface-500: 199 199 199; /* ⬅ #c7c7c7 */
|
|
92
|
+
--color-surface-600: 179 179 179; /* ⬅ #b3b3b3 */
|
|
93
|
+
--color-surface-700: 149 149 149; /* ⬅ #959595 */
|
|
94
|
+
--color-surface-800: 119 119 119; /* ⬅ #777777 */
|
|
95
|
+
--color-surface-900: 98 98 98; /* ⬅ #626262 */
|
|
96
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import ListView from './components/ListView.svelte';
|
|
2
|
-
import TableView from './TableView.svelte';
|
|
3
1
|
import FileIcon from './components/file/FileIcon.svelte';
|
|
4
2
|
import FileInfo from './components/file/FileInfo.svelte';
|
|
5
3
|
import FileUploader from './components/file/FileUploader.svelte';
|
|
@@ -7,6 +5,7 @@ import Spinner from './components/page/Spinner.svelte';
|
|
|
7
5
|
import Page from './components/page/Page.svelte';
|
|
8
6
|
import Alert from './components/page/Alert.svelte';
|
|
9
7
|
import Menu from './components/page/menu/Menu.svelte';
|
|
8
|
+
import ErrorMessage from './components/page/ErrorMessage.svelte';
|
|
10
9
|
import Checkbox from './components/form/Checkbox.svelte';
|
|
11
10
|
import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
|
|
12
11
|
import CheckboxList from './components/form/CheckboxList.svelte';
|
|
@@ -22,7 +21,7 @@ import { columnFilter, searchFilter } from './components/Table/filter';
|
|
|
22
21
|
import type { TableConfig, Columns, Column } from './models/Models';
|
|
23
22
|
export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiSelect, NumberInput, TextArea, TextInput };
|
|
24
23
|
export { FileInfo, FileIcon, FileUploader };
|
|
25
|
-
export {
|
|
24
|
+
export { Spinner, Page, Alert, Menu, ErrorMessage };
|
|
26
25
|
export { Api } from './services/Api.js';
|
|
27
26
|
export { host, username, password, setApiConfig } from './stores/apiStores.js';
|
|
28
27
|
export type { userType, inputType, fileUploaderModel, linkType, listItemType, keyValuePairType } from './models/Models.js';
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Reexport your entry components here
|
|
2
|
-
import ListView from './components/ListView.svelte';
|
|
3
|
-
import TableView from './TableView.svelte';
|
|
2
|
+
// import ListView from './components/ListView.svelte';
|
|
3
|
+
// import TableView from './TableView.svelte';
|
|
4
4
|
import FileIcon from './components/file/FileIcon.svelte';
|
|
5
5
|
import FileInfo from './components/file/FileInfo.svelte';
|
|
6
6
|
import FileUploader from './components/file/FileUploader.svelte';
|
|
@@ -9,7 +9,8 @@ import Spinner from './components/page/Spinner.svelte';
|
|
|
9
9
|
import Page from './components/page/Page.svelte';
|
|
10
10
|
import Alert from './components/page/Alert.svelte';
|
|
11
11
|
import Menu from './components/page/menu/Menu.svelte';
|
|
12
|
-
|
|
12
|
+
import ErrorMessage from './components/page/ErrorMessage.svelte';
|
|
13
|
+
// input
|
|
13
14
|
import Checkbox from './components/form/Checkbox.svelte';
|
|
14
15
|
import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
|
|
15
16
|
import CheckboxList from './components/form/CheckboxList.svelte';
|
|
@@ -28,7 +29,7 @@ export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiS
|
|
|
28
29
|
//File
|
|
29
30
|
export { FileInfo, FileIcon, FileUploader };
|
|
30
31
|
//others
|
|
31
|
-
export {
|
|
32
|
+
export { Spinner, Page, Alert, Menu, ErrorMessage };
|
|
32
33
|
//Api
|
|
33
34
|
export { Api } from './services/Api.js';
|
|
34
35
|
export { host, username, password, setApiConfig } from './stores/apiStores.js';
|
package/dist/models/Models.js
CHANGED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/********************************** */
|
|
2
|
+
export interface breadcrumbItemType {
|
|
3
|
+
label: string;
|
|
4
|
+
link: string;
|
|
5
|
+
}
|
|
6
|
+
export declare class BreadcrumbModel {
|
|
7
|
+
items: breadcrumbItemType[];
|
|
8
|
+
constructor();
|
|
9
|
+
}
|
|
10
|
+
/********************************** */
|
|
11
|
+
export declare class MenuModel {
|
|
12
|
+
Logo: logoType;
|
|
13
|
+
LaunchBar: menuItemType[];
|
|
14
|
+
MenuBar: menuItemType[];
|
|
15
|
+
AccountBar: menuItemType[];
|
|
16
|
+
Settings: menuItemType[];
|
|
17
|
+
Extended: menuItemType[];
|
|
18
|
+
}
|
|
19
|
+
export interface menuItemType {
|
|
20
|
+
Title: string;
|
|
21
|
+
Url: string;
|
|
22
|
+
Target: string;
|
|
23
|
+
Module: string;
|
|
24
|
+
Items: menuItemType[];
|
|
25
|
+
}
|
|
26
|
+
export interface logoType {
|
|
27
|
+
Mime: string;
|
|
28
|
+
Name: string;
|
|
29
|
+
Data: string;
|
|
30
|
+
Height: number;
|
|
31
|
+
}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
|
-
// Implementations for all the calls for the pokemon endpoints.
|
|
2
|
-
//import Api from "./Api";
|
|
3
|
-
import { host } from
|
|
4
|
-
|
|
5
|
-
// go to a internal action
|
|
6
|
-
export const goTo = async (url,intern=true) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
// Implementations for all the calls for the pokemon endpoints.
|
|
2
|
+
//import Api from "./Api";
|
|
3
|
+
import { host } from '../stores/apiStores';
|
|
4
|
+
|
|
5
|
+
// go to a internal action
|
|
6
|
+
export const goTo = async (url, intern = true) => {
|
|
7
|
+
if (intern == true) {
|
|
8
|
+
// go to inside bexis2
|
|
9
|
+
if (window != null && host != null && url != null) {
|
|
10
|
+
window.open(host + url, '_self')?.focus();
|
|
11
|
+
}
|
|
12
|
+
} // go to a external page
|
|
13
|
+
else {
|
|
14
|
+
window.open(url, '_blank')?.focus();
|
|
15
|
+
}
|
|
16
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { helpItemType, helpStoreType } from
|
|
2
|
-
import type { breadcrumbItemType } from
|
|
3
|
-
import { BreadcrumbModel } from
|
|
1
|
+
import type { helpItemType, helpStoreType } from '../models/Models';
|
|
2
|
+
import type { MenuModel, breadcrumbItemType } from '../models/Page';
|
|
3
|
+
import { BreadcrumbModel } from '../models/Page';
|
|
4
4
|
export declare const helpStore: {
|
|
5
5
|
subscribe: (this: void, run: import("svelte/store").Subscriber<helpStoreType>, invalidate?: ((value?: helpStoreType | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
|
|
6
6
|
set: (this: void, value: helpStoreType) => void;
|
|
@@ -15,7 +15,7 @@ export declare const helpStore: {
|
|
|
15
15
|
reset: () => void;
|
|
16
16
|
clear: () => void;
|
|
17
17
|
};
|
|
18
|
-
export declare const menuStore: import("svelte/store").Writable<
|
|
18
|
+
export declare const menuStore: import("svelte/store").Writable<MenuModel>;
|
|
19
19
|
export declare const breadcrumbStore: {
|
|
20
20
|
subscribe: (this: void, run: import("svelte/store").Subscriber<BreadcrumbModel>, invalidate?: ((value?: BreadcrumbModel | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
|
|
21
21
|
set: (this: void, value: BreadcrumbModel) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BreadcrumbModel } from
|
|
1
|
+
import { BreadcrumbModel } from '../models/Page';
|
|
2
2
|
import { writable } from 'svelte/store';
|
|
3
3
|
function createHelpStore() {
|
|
4
4
|
// set Store Type
|
|
@@ -15,23 +15,23 @@ function createHelpStore() {
|
|
|
15
15
|
setHelpItemList: (helpItems) => {
|
|
16
16
|
helpStore.set({ itemId: undefined, helpItems: helpItems });
|
|
17
17
|
},
|
|
18
|
-
//set the ID of the help item and display it
|
|
18
|
+
//set the ID of the help item and display it
|
|
19
19
|
setItemId: (itemId) => {
|
|
20
|
-
helpStore.subscribe(value => {
|
|
21
|
-
value =
|
|
22
|
-
value.helpItems =
|
|
20
|
+
helpStore.subscribe((value) => {
|
|
21
|
+
value = value === undefined ? { itemId: undefined, helpItems: h } : value;
|
|
22
|
+
value.helpItems = value.helpItems === undefined ? h : value.helpItems;
|
|
23
23
|
v = { itemId: itemId, helpItems: value.helpItems };
|
|
24
24
|
});
|
|
25
|
-
update(u => u = v);
|
|
25
|
+
update((u) => (u = v));
|
|
26
26
|
},
|
|
27
|
-
//reset the ID of the help item and hide it
|
|
27
|
+
//reset the ID of the help item and hide it
|
|
28
28
|
resetItemId: () => {
|
|
29
|
-
helpStore.subscribe(value => {
|
|
30
|
-
value =
|
|
31
|
-
value.helpItems =
|
|
29
|
+
helpStore.subscribe((value) => {
|
|
30
|
+
value = value === undefined ? { itemId: undefined, helpItems: h } : value;
|
|
31
|
+
value.helpItems = value.helpItems === undefined ? h : value.helpItems;
|
|
32
32
|
v = { itemId: undefined, helpItems: value.helpItems };
|
|
33
33
|
});
|
|
34
|
-
update(u => u = v);
|
|
34
|
+
update((u) => (u = v));
|
|
35
35
|
},
|
|
36
36
|
//set the ID of the help item and display it
|
|
37
37
|
show: (itemId) => {
|
|
@@ -39,21 +39,21 @@ function createHelpStore() {
|
|
|
39
39
|
},
|
|
40
40
|
//set a help item and display it
|
|
41
41
|
showHelpItem: (helpItem) => {
|
|
42
|
-
helpItem.id =
|
|
42
|
+
helpItem.id = helpItem.id === undefined ? 'default' : helpItem.id;
|
|
43
43
|
helpStore.set({ itemId: helpItem.id, helpItems: [helpItem] });
|
|
44
44
|
},
|
|
45
|
-
//reset the ID of the help item and hide it
|
|
45
|
+
//reset the ID of the help item and hide it
|
|
46
46
|
hide: () => {
|
|
47
47
|
helpStore.resetItemId();
|
|
48
48
|
},
|
|
49
|
-
//reset the ID of the help item and hide it
|
|
49
|
+
//reset the ID of the help item and hide it
|
|
50
50
|
toggle: (itemId) => {
|
|
51
|
-
helpStore.subscribe(value => {
|
|
52
|
-
value =
|
|
53
|
-
value.helpItems =
|
|
51
|
+
helpStore.subscribe((value) => {
|
|
52
|
+
value = value === undefined ? { itemId: undefined, helpItems: h } : value;
|
|
53
|
+
value.helpItems = value.helpItems === undefined ? h : value.helpItems;
|
|
54
54
|
v = { itemId: itemId, helpItems: value.helpItems };
|
|
55
55
|
});
|
|
56
|
-
update(u => u = v);
|
|
56
|
+
update((u) => (u = v));
|
|
57
57
|
},
|
|
58
58
|
reset: () => {
|
|
59
59
|
helpStore.set({ itemId: undefined, helpItems: h });
|
|
@@ -63,7 +63,7 @@ function createHelpStore() {
|
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
}
|
|
66
|
-
//crate and export the instance of the store
|
|
66
|
+
//crate and export the instance of the store
|
|
67
67
|
export const helpStore = createHelpStore();
|
|
68
68
|
// store for menu
|
|
69
69
|
export const menuStore = writable();
|
|
@@ -76,27 +76,27 @@ function createBreadcrumbStore() {
|
|
|
76
76
|
subscribe,
|
|
77
77
|
set,
|
|
78
78
|
update,
|
|
79
|
-
//set the ID of the help item and display it
|
|
79
|
+
//set the ID of the help item and display it
|
|
80
80
|
addItem: (item) => {
|
|
81
81
|
let b;
|
|
82
|
-
breadcrumbStore.subscribe(value => {
|
|
83
|
-
value =
|
|
82
|
+
breadcrumbStore.subscribe((value) => {
|
|
83
|
+
value = value === undefined ? new BreadcrumbModel() : value;
|
|
84
84
|
// value.items = (value.items === undefined) ? b:value.items
|
|
85
|
-
if (!value.items.find(i => i.label === item.label)) {
|
|
85
|
+
if (!value.items.find((i) => i.label === item.label)) {
|
|
86
86
|
value.items = [...value.items, item];
|
|
87
87
|
}
|
|
88
88
|
b = value;
|
|
89
89
|
});
|
|
90
|
-
update(s => s = b);
|
|
90
|
+
update((s) => (s = b));
|
|
91
91
|
},
|
|
92
92
|
clean: () => {
|
|
93
93
|
let b;
|
|
94
|
-
breadcrumbStore.subscribe(value => {
|
|
94
|
+
breadcrumbStore.subscribe((value) => {
|
|
95
95
|
value = new BreadcrumbModel();
|
|
96
96
|
b = value;
|
|
97
97
|
});
|
|
98
|
-
update(s => s = b);
|
|
99
|
-
}
|
|
98
|
+
update((s) => (s = b));
|
|
99
|
+
}
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
102
|
// store for breadcrumb navigation
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bexis2/bexis2-core-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.12",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite dev",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@playwright/test": "^1.28.1",
|
|
23
|
-
"@skeletonlabs/skeleton": "^1.
|
|
23
|
+
"@skeletonlabs/skeleton": "^1.9.0",
|
|
24
24
|
"@sveltejs/adapter-auto": "^2.0.0",
|
|
25
25
|
"@sveltejs/adapter-static": "^2.0.2",
|
|
26
26
|
"@sveltejs/kit": "^1.5.0",
|