@bexis2/bexis2-core-ui 0.2.11 → 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.
Files changed (85) hide show
  1. package/README.md +263 -214
  2. package/dist/components/Table/Table.svelte +85 -85
  3. package/dist/components/Table/TableFilter.svelte +109 -109
  4. package/dist/components/Table/TablePagination.svelte +38 -38
  5. package/dist/components/file/FileUploader.svelte +34 -34
  6. package/dist/components/form/Checkbox.svelte.d.ts +1 -1
  7. package/dist/components/form/DropdownKvP.svelte +5 -11
  8. package/dist/components/form/InputContainer.svelte +20 -19
  9. package/dist/components/form/MultiSelect.svelte +163 -178
  10. package/dist/components/form/TextArea.svelte +13 -13
  11. package/dist/components/form/TextInput.svelte +0 -2
  12. package/dist/components/page/Alert.svelte +28 -30
  13. package/dist/components/page/BackToTop.svelte +30 -30
  14. package/dist/components/page/Docs.svelte +22 -19
  15. package/dist/components/page/Docs.svelte.d.ts +1 -1
  16. package/dist/components/page/ErrorMessage.svelte +8 -8
  17. package/dist/components/page/Footer.svelte +5 -5
  18. package/dist/components/page/Header.svelte +5 -4
  19. package/dist/components/page/HelpPopUp.svelte +31 -25
  20. package/dist/components/page/HelpPopUp.svelte.d.ts +5 -12
  21. package/dist/components/page/Page.svelte +57 -67
  22. package/dist/components/page/Page.svelte.d.ts +2 -2
  23. package/dist/components/page/PageCaller.js +19 -21
  24. package/dist/components/page/Spinner.svelte +9 -10
  25. package/dist/components/page/Spinner.svelte.d.ts +1 -1
  26. package/dist/components/page/breadcrumb/Breadcrumb.svelte +19 -23
  27. package/dist/components/page/menu/Menu.svelte +25 -25
  28. package/dist/components/page/menu/MenuBar.svelte +7 -14
  29. package/dist/components/page/menu/MenuBar.svelte.d.ts +2 -2
  30. package/dist/components/page/menu/MenuDataCaller.js +10 -11
  31. package/dist/components/page/menu/MenuItem.svelte +9 -13
  32. package/dist/components/page/menu/MenuItem.svelte.d.ts +2 -1
  33. package/dist/components/page/menu/MenuSublist.svelte +18 -17
  34. package/dist/components/page/menu/MenuSublist.svelte.d.ts +2 -2
  35. package/dist/components/page/menu/SettingsBar.svelte +9 -14
  36. package/dist/components/page/menu/SettingsBar.svelte.d.ts +2 -2
  37. package/dist/css/core.ui.postcss +10 -7
  38. package/dist/css/themes/theme-bexis2.css +12 -13
  39. package/dist/index.d.ts +1 -3
  40. package/dist/index.js +4 -4
  41. package/dist/models/Models.js +0 -1
  42. package/dist/models/Page.d.ts +31 -0
  43. package/dist/services/BaseCaller.js +16 -21
  44. package/dist/stores/pageStores.d.ts +4 -4
  45. package/dist/stores/pageStores.js +27 -27
  46. package/package.json +2 -2
  47. package/src/lib/components/Table/Table.svelte +246 -246
  48. package/src/lib/components/Table/TableFilter.svelte +222 -222
  49. package/src/lib/components/Table/TablePagination.svelte +61 -61
  50. package/src/lib/components/Table/filter.ts +141 -141
  51. package/src/lib/components/file/FileUploader.svelte +184 -184
  52. package/src/lib/components/form/Checkbox.svelte +1 -1
  53. package/src/lib/components/form/DateInput.svelte +0 -1
  54. package/src/lib/components/form/DropdownKvP.svelte +5 -11
  55. package/src/lib/components/form/InputContainer.svelte +36 -44
  56. package/src/lib/components/form/MultiSelect.svelte +163 -178
  57. package/src/lib/components/form/NumberInput.svelte +3 -5
  58. package/src/lib/components/form/TextArea.svelte +26 -27
  59. package/src/lib/components/form/TextInput.svelte +2 -5
  60. package/src/lib/components/page/Alert.svelte +41 -45
  61. package/src/lib/components/page/BackToTop.svelte +30 -30
  62. package/src/lib/components/page/Docs.svelte +46 -44
  63. package/src/lib/components/page/ErrorMessage.svelte +10 -12
  64. package/src/lib/components/page/Footer.svelte +18 -22
  65. package/src/lib/components/page/Header.svelte +18 -21
  66. package/src/lib/components/page/HelpPopUp.svelte +72 -66
  67. package/src/lib/components/page/Page.svelte +96 -109
  68. package/src/lib/components/page/PageCaller.js +19 -21
  69. package/src/lib/components/page/Spinner.svelte +13 -15
  70. package/src/lib/components/page/breadcrumb/Breadcrumb.svelte +31 -43
  71. package/src/lib/components/page/menu/Menu.svelte +40 -47
  72. package/src/lib/components/page/menu/MenuBar.svelte +20 -31
  73. package/src/lib/components/page/menu/MenuDataCaller.js +10 -11
  74. package/src/lib/components/page/menu/MenuItem.svelte +27 -33
  75. package/src/lib/components/page/menu/MenuSublist.svelte +43 -48
  76. package/src/lib/components/page/menu/SettingsBar.svelte +31 -40
  77. package/src/lib/css/core.ui.postcss +10 -7
  78. package/src/lib/css/themes/theme-bexis2.css +12 -13
  79. package/src/lib/index.ts +75 -77
  80. package/src/lib/models/Enums.ts +10 -11
  81. package/src/lib/models/Models.ts +113 -113
  82. package/src/lib/models/Page.ts +40 -41
  83. package/src/lib/services/BaseCaller.js +16 -21
  84. package/src/lib/stores/apiStores.ts +31 -32
  85. 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 | #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
-
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';
@@ -23,7 +21,7 @@ import { columnFilter, searchFilter } from './components/Table/filter';
23
21
  import type { TableConfig, Columns, Column } from './models/Models';
24
22
  export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiSelect, NumberInput, TextArea, TextInput };
25
23
  export { FileInfo, FileIcon, FileUploader };
26
- export { ListView, TableView, Spinner, Page, Alert, Menu, ErrorMessage };
24
+ export { Spinner, Page, Alert, Menu, ErrorMessage };
27
25
  export { Api } from './services/Api.js';
28
26
  export { host, username, password, setApiConfig } from './stores/apiStores.js';
29
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';
@@ -10,7 +10,7 @@ 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
+ // input
14
14
  import Checkbox from './components/form/Checkbox.svelte';
15
15
  import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
16
16
  import CheckboxList from './components/form/CheckboxList.svelte';
@@ -29,7 +29,7 @@ export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiS
29
29
  //File
30
30
  export { FileInfo, FileIcon, FileUploader };
31
31
  //others
32
- export { ListView, TableView, Spinner, Page, Alert, Menu, ErrorMessage };
32
+ export { Spinner, Page, Alert, Menu, ErrorMessage };
33
33
  //Api
34
34
  export { Api } from './services/Api.js';
35
35
  export { host, username, password, setApiConfig } from './stores/apiStores.js';
@@ -1,2 +1 @@
1
- ;
2
1
  export {};
@@ -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 "../stores/apiStores";
4
-
5
- // go to a internal action
6
- export const goTo = async (url,intern=true) => {
7
- if(intern == true) // go to inside bexis2
8
- {
9
- if(window!=null && host != null && url!=null){
10
- window.open(host+url,"_self")?.focus()
11
- }
12
- }
13
- else // go to a external page
14
- {
15
- window.open(url,"_blank")?.focus()
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 "../models/Models";
2
- import type { breadcrumbItemType } from "../models/Page";
3
- import { BreadcrumbModel } from "../models/Page";
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<Menu>;
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 "../models/Page";
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 = (value === undefined) ? { itemId: undefined, helpItems: h } : value;
22
- value.helpItems = (value.helpItems === undefined) ? h : 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 = (value === undefined) ? { itemId: undefined, helpItems: h } : value;
31
- value.helpItems = (value.helpItems === undefined) ? h : 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 = (helpItem.id === undefined) ? "default" : 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 = (value === undefined) ? { itemId: undefined, helpItems: h } : value;
53
- value.helpItems = (value.helpItems === undefined) ? h : 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 = (value === undefined) ? new BreadcrumbModel() : 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.11",
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.6.2",
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",