@bexis2/bexis2-core-ui 0.2.6 → 0.2.8

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 (8) hide show
  1. package/dist/components/page/Page.svelte +2 -0
  2. package/dist/components/page/menu/Menu.svelte +10 -13
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +2 -1
  5. package/package.json +1 -1
  6. package/src/lib/components/page/Page.svelte +2 -0
  7. package/src/lib/components/page/menu/Menu.svelte +11 -18
  8. package/src/lib/index.ts +2 -1
package/dist/components/page/Page.svelte CHANGED
@@ -28,6 +28,7 @@ onMount(async () => {
28
28
 
29
29
  <!--header-->
30
30
  <svelte:fragment slot="header">
31
+
31
32
  <AppBar padding="0" spacing="space-y-0" background="white">
32
33
  <svelte:fragment slot="headline">
33
34
  <Header/>
@@ -41,6 +42,7 @@ onMount(async () => {
41
42
  </div>
42
43
  </svelte:fragment>
43
44
  </AppBar>
45
+
44
46
  </svelte:fragment>
45
47
 
46
48
 
package/dist/components/page/menu/Menu.svelte CHANGED
@@ -4,33 +4,30 @@ import { getMenuItems } from "./MenuDataCaller";
4
4
  import { menuStore } from "../../../stores/pageStores";
5
5
  import MenuBar from "./MenuBar.svelte";
6
6
  import SettingsBar from "./SettingsBar.svelte";
7
- let menu;
8
7
  onMount(async () => {
9
- console.log("menu");
10
- menu = await getMenuItems();
11
- menuStore.set(menu);
8
+ let m = await getMenuItems();
9
+ menuStore.set(m);
12
10
  });
13
11
  </script>
14
-
15
- {#if menu}
12
+ {#if $menuStore!== undefined}
16
13
 
17
14
  <div class="flex flex-row md:flex px-3 py-2 bg-tertiary-50 text-surface-800 z-50 shadow-md">
18
15
 
19
16
  <div class="basis-8">
20
- {#if menu.Logo}
21
- <img src='data:{menu.Logo.Mime};charset=utf-8;base64, {menu.Logo.Data}' alt='{menu.Logo.Name}' style='height:40px;' />
17
+ {#if $menuStore.Logo}
18
+ <img src='data:{$menuStore.Logo.Mime};charset=utf-8;base64, {$menuStore.Logo.Data}' alt='{$menuStore.Logo.Name}' style='height:40px;' />
22
19
  {/if}
23
20
  </div>
24
21
 
25
22
 
26
23
  <div class="flex items-center md:space-x-5 px-3 text-lg justify-start">
27
- <MenuBar menuBar={menu.MenuBar} />
28
- <MenuBar menuBar={menu.Extended} />
24
+ <MenuBar menuBar={$menuStore.MenuBar} />
25
+ <MenuBar menuBar={$menuStore.Extended} />
29
26
  </div>
30
27
  <div class="flex-auto w-64 flex items-left md:space-x-3 justify-end">
31
- <MenuBar menuBar={menu.AccountBar} />
32
- <MenuBar menuBar={menu.LaunchBar} />
33
- <SettingsBar menuBar={menu.Settings} />
28
+ <MenuBar menuBar={$menuStore.AccountBar} />
29
+ <MenuBar menuBar={$menuStore.LaunchBar} />
30
+ <SettingsBar menuBar={$menuStore.Settings} />
34
31
  </div>
35
32
 
36
33
  </div>
package/dist/index.d.ts CHANGED
@@ -6,6 +6,7 @@ import FileUploader from './components/file/FileUploader.svelte';
6
6
  import Spinner from './components/page/Spinner.svelte';
7
7
  import Page from './components/page/Page.svelte';
8
8
  import Alert from './components/page/Alert.svelte';
9
+ import Menu from './components/page/menu/Menu.svelte';
9
10
  import Checkbox from './components/form/Checkbox.svelte';
10
11
  import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
11
12
  import CheckboxList from './components/form/CheckboxList.svelte';
@@ -21,7 +22,7 @@ import { columnFilter, searchFilter } from './components/Table/filter';
21
22
  import type { TableConfig, Columns, Column } from './models/Models';
22
23
  export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiSelect, NumberInput, TextArea, TextInput };
23
24
  export { FileInfo, FileIcon, FileUploader };
24
- export { ListView, TableView, Spinner, Page, Alert };
25
+ export { ListView, TableView, Spinner, Page, Alert, Menu };
25
26
  export { Api } from './services/Api.js';
26
27
  export { host, username, password, setApiConfig } from './stores/apiStores.js';
27
28
  export type { userType, inputType, fileUploaderModel, linkType, listItemType, keyValuePairType } from './models/Models.js';
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@ import FileUploader from './components/file/FileUploader.svelte';
8
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
+ import Menu from './components/page/menu/Menu.svelte';
11
12
  // input
12
13
  import Checkbox from './components/form/Checkbox.svelte';
13
14
  import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
@@ -26,7 +27,7 @@ export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiS
26
27
  //File
27
28
  export { FileInfo, FileIcon, FileUploader };
28
29
  //others
29
- export { ListView, TableView, Spinner, Page, Alert };
30
+ export { ListView, TableView, Spinner, Page, Alert, Menu };
30
31
  //Api
31
32
  export { Api } from './services/Api.js';
32
33
  export { host, username, password, setApiConfig } from './stores/apiStores.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.2.6",
3
+ "version": "0.2.8",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
package/src/lib/components/page/Page.svelte CHANGED
@@ -44,6 +44,7 @@
44
44
 
45
45
  <!--header-->
46
46
  <svelte:fragment slot="header">
47
+
47
48
  <AppBar padding="0" spacing="space-y-0" background="white">
48
49
  <svelte:fragment slot="headline">
49
50
  <Header/>
@@ -57,6 +58,7 @@
57
58
  </div>
58
59
  </svelte:fragment>
59
60
  </AppBar>
61
+
60
62
  </svelte:fragment>
61
63
 
62
64
 
package/src/lib/components/page/menu/Menu.svelte CHANGED
@@ -10,43 +10,36 @@
10
10
  import MenuBar from './MenuBar.svelte';
11
11
  import SettingsBar from './SettingsBar.svelte';
12
12
 
13
- let menu:MenuModel;
14
13
 
15
-
16
- onMount(async () => {
17
- console.log("menu");
18
-
19
- //menu = get(menuStore);
20
-
21
- menu = await getMenuItems();
22
- menuStore.set(menu);
23
14
 
15
+ onMount(async () => {
16
+ let m = await getMenuItems();
17
+ menuStore.set(m);
24
18
  })
25
19
 
26
20
 
27
21
 
28
22
 
29
23
  </script>
30
-
31
- {#if menu}
24
+ {#if $menuStore!== undefined}
32
25
 
33
26
  <div class="flex flex-row md:flex px-3 py-2 bg-tertiary-50 text-surface-800 z-50 shadow-md">
34
27
 
35
28
  <div class="basis-8">
36
- {#if menu.Logo}
37
- <img src='data:{menu.Logo.Mime};charset=utf-8;base64, {menu.Logo.Data}' alt='{menu.Logo.Name}' style='height:40px;' />
29
+ {#if $menuStore.Logo}
30
+ <img src='data:{$menuStore.Logo.Mime};charset=utf-8;base64, {$menuStore.Logo.Data}' alt='{$menuStore.Logo.Name}' style='height:40px;' />
38
31
  {/if}
39
32
  </div>
40
33
 
41
34
 
42
35
  <div class="flex items-center md:space-x-5 px-3 text-lg justify-start">
43
- <MenuBar menuBar={menu.MenuBar} />
44
- <MenuBar menuBar={menu.Extended} />
36
+ <MenuBar menuBar={$menuStore.MenuBar} />
37
+ <MenuBar menuBar={$menuStore.Extended} />
45
38
  </div>
46
39
  <div class="flex-auto w-64 flex items-left md:space-x-3 justify-end">
47
- <MenuBar menuBar={menu.AccountBar} />
48
- <MenuBar menuBar={menu.LaunchBar} />
49
- <SettingsBar menuBar={menu.Settings} />
40
+ <MenuBar menuBar={$menuStore.AccountBar} />
41
+ <MenuBar menuBar={$menuStore.LaunchBar} />
42
+ <SettingsBar menuBar={$menuStore.Settings} />
50
43
  </div>
51
44
 
52
45
  </div>
package/src/lib/index.ts CHANGED
@@ -10,6 +10,7 @@ import FileUploader from './components/file/FileUploader.svelte';
10
10
  import Spinner from './components/page/Spinner.svelte';
11
11
  import Page from './components/page/Page.svelte';
12
12
  import Alert from './components/page/Alert.svelte';
13
+ import Menu from './components/page/menu/Menu.svelte';
13
14
 
14
15
  // input
15
16
  import Checkbox from './components/form/Checkbox.svelte';
@@ -44,7 +45,7 @@ export {
44
45
  export { FileInfo, FileIcon, FileUploader };
45
46
 
46
47
  //others
47
- export { ListView, TableView, Spinner, Page, Alert };
48
+ export { ListView, TableView, Spinner, Page, Alert, Menu };
48
49
 
49
50
  //Api
50
51
  export { Api } from './services/Api.js';