@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.
Files changed (86) hide show
  1. package/README.md +263 -207
  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 +9 -0
  17. package/dist/components/page/ErrorMessage.svelte.d.ts +16 -0
  18. package/dist/components/page/Footer.svelte +5 -5
  19. package/dist/components/page/Header.svelte +5 -4
  20. package/dist/components/page/HelpPopUp.svelte +31 -25
  21. package/dist/components/page/HelpPopUp.svelte.d.ts +5 -12
  22. package/dist/components/page/Page.svelte +56 -66
  23. package/dist/components/page/Page.svelte.d.ts +2 -2
  24. package/dist/components/page/PageCaller.js +19 -21
  25. package/dist/components/page/Spinner.svelte +12 -13
  26. package/dist/components/page/Spinner.svelte.d.ts +1 -1
  27. package/dist/components/page/breadcrumb/Breadcrumb.svelte +19 -23
  28. package/dist/components/page/menu/Menu.svelte +25 -25
  29. package/dist/components/page/menu/MenuBar.svelte +7 -14
  30. package/dist/components/page/menu/MenuBar.svelte.d.ts +2 -2
  31. package/dist/components/page/menu/MenuDataCaller.js +10 -11
  32. package/dist/components/page/menu/MenuItem.svelte +9 -13
  33. package/dist/components/page/menu/MenuItem.svelte.d.ts +2 -1
  34. package/dist/components/page/menu/MenuSublist.svelte +18 -17
  35. package/dist/components/page/menu/MenuSublist.svelte.d.ts +2 -2
  36. package/dist/components/page/menu/SettingsBar.svelte +9 -14
  37. package/dist/components/page/menu/SettingsBar.svelte.d.ts +2 -2
  38. package/dist/css/core.ui.postcss +10 -7
  39. package/dist/css/themes/theme-bexis2.css +12 -13
  40. package/dist/index.d.ts +2 -3
  41. package/dist/index.js +5 -4
  42. package/dist/models/Models.js +0 -1
  43. package/dist/models/Page.d.ts +31 -0
  44. package/dist/services/BaseCaller.js +16 -21
  45. package/dist/stores/pageStores.d.ts +4 -4
  46. package/dist/stores/pageStores.js +27 -27
  47. package/package.json +2 -2
  48. package/src/lib/components/Table/Table.svelte +246 -246
  49. package/src/lib/components/Table/TableFilter.svelte +222 -222
  50. package/src/lib/components/Table/TablePagination.svelte +61 -61
  51. package/src/lib/components/Table/filter.ts +141 -141
  52. package/src/lib/components/file/FileUploader.svelte +184 -184
  53. package/src/lib/components/form/Checkbox.svelte +1 -1
  54. package/src/lib/components/form/DateInput.svelte +0 -1
  55. package/src/lib/components/form/DropdownKvP.svelte +5 -11
  56. package/src/lib/components/form/InputContainer.svelte +36 -44
  57. package/src/lib/components/form/MultiSelect.svelte +163 -178
  58. package/src/lib/components/form/NumberInput.svelte +3 -5
  59. package/src/lib/components/form/TextArea.svelte +26 -27
  60. package/src/lib/components/form/TextInput.svelte +2 -5
  61. package/src/lib/components/page/Alert.svelte +41 -45
  62. package/src/lib/components/page/BackToTop.svelte +30 -30
  63. package/src/lib/components/page/Docs.svelte +46 -44
  64. package/src/lib/components/page/ErrorMessage.svelte +10 -0
  65. package/src/lib/components/page/Footer.svelte +18 -22
  66. package/src/lib/components/page/Header.svelte +18 -21
  67. package/src/lib/components/page/HelpPopUp.svelte +72 -66
  68. package/src/lib/components/page/Page.svelte +96 -108
  69. package/src/lib/components/page/PageCaller.js +19 -21
  70. package/src/lib/components/page/Spinner.svelte +14 -16
  71. package/src/lib/components/page/breadcrumb/Breadcrumb.svelte +31 -43
  72. package/src/lib/components/page/menu/Menu.svelte +40 -47
  73. package/src/lib/components/page/menu/MenuBar.svelte +20 -31
  74. package/src/lib/components/page/menu/MenuDataCaller.js +10 -11
  75. package/src/lib/components/page/menu/MenuItem.svelte +27 -33
  76. package/src/lib/components/page/menu/MenuSublist.svelte +43 -48
  77. package/src/lib/components/page/menu/SettingsBar.svelte +31 -40
  78. package/src/lib/css/core.ui.postcss +10 -7
  79. package/src/lib/css/themes/theme-bexis2.css +12 -13
  80. package/src/lib/index.ts +75 -76
  81. package/src/lib/models/Enums.ts +10 -11
  82. package/src/lib/models/Models.ts +113 -113
  83. package/src/lib/models/Page.ts +40 -41
  84. package/src/lib/services/BaseCaller.js +16 -21
  85. package/src/lib/stores/apiStores.ts +31 -32
  86. 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 | #dddddd */
86
- --color-surface-50: 250 250 250; /* ⬅ #fafafa */
87
- --color-surface-100: 248 248 248; /* ⬅ #f8f8f8 */
88
- --color-surface-200: 247 247 247; /* ⬅ #f7f7f7 */
89
- --color-surface-300: 241 241 241; /* ⬅ #f1f1f1 */
90
- --color-surface-400: 231 231 231; /* ⬅ #e7e7e7 */
91
- --color-surface-500: 221 221 221; /* ⬅ #dddddd */
92
- --color-surface-600: 199 199 199; /* ⬅ #c7c7c7 */
93
- --color-surface-700: 166 166 166; /* ⬅ #a6a6a6 */
94
- --color-surface-800: 133 133 133; /* ⬅ #858585 */
95
- --color-surface-900: 80 80 80; /* ⬅ #6c6c6c */
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 { ListView, TableView, Spinner, Page, Alert, Menu };
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
- // input
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 { ListView, TableView, Spinner, Page, Alert, Menu };
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';
@@ -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.10",
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",