@bexis2/bexis2-core-ui 0.4.46 → 0.4.48

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/README.md +8 -0
  2. package/dist/components/form/DropdownKvP.svelte.d.ts +4 -4
  3. package/dist/components/form/MultiSelect.svelte.d.ts +4 -4
  4. package/dist/components/page/menu/MenuItem.svelte +3 -3
  5. package/dist/services/Api.js +9 -2
  6. package/package.json +1 -1
  7. package/src/lib/components/page/menu/MenuItem.svelte +3 -3
  8. package/src/lib/services/Api.ts +14 -2
package/README.md CHANGED
@@ -1,4 +1,12 @@
1
1
  # bexis-core-ui
2
+ ## 0.4.48
3
+ - Api
4
+ - add __RequestVerificationToken if exist
5
+
6
+ ## 0.4.47
7
+ - Menu
8
+ - change hover over menu items
9
+
2
10
  ## 0.4.46
3
11
  - Menu
4
12
  - Add hover to menu
package/dist/components/form/DropdownKvP.svelte.d.ts CHANGED
@@ -2,10 +2,10 @@
2
2
  /** @typedef {typeof __propDef.events} DropdownKvPEvents */
3
3
  /** @typedef {typeof __propDef.slots} DropdownKvPSlots */
4
4
  export default class DropdownKvP extends SvelteComponent<{
5
+ source: any;
6
+ title: any;
5
7
  id: any;
6
8
  target: any;
7
- title: any;
8
- source: any;
9
9
  invalid?: boolean | undefined;
10
10
  feedback?: string[] | undefined;
11
11
  required?: boolean | undefined;
@@ -25,10 +25,10 @@ export type DropdownKvPSlots = typeof __propDef.slots;
25
25
  import { SvelteComponent } from "svelte";
26
26
  declare const __propDef: {
27
27
  props: {
28
+ source: any;
29
+ title: any;
28
30
  id: any;
29
31
  target: any;
30
- title: any;
31
- source: any;
32
32
  invalid?: boolean | undefined;
33
33
  feedback?: string[] | undefined;
34
34
  required?: boolean | undefined;
package/dist/components/form/MultiSelect.svelte.d.ts CHANGED
@@ -2,10 +2,10 @@
2
2
  /** @typedef {typeof __propDef.events} MultiSelectEvents */
3
3
  /** @typedef {typeof __propDef.slots} MultiSelectSlots */
4
4
  export default class MultiSelect extends SvelteComponent<{
5
+ source: any;
6
+ title: any;
5
7
  id: any;
6
8
  target: any;
7
- title: any;
8
- source: any;
9
9
  invalid?: boolean | undefined;
10
10
  feedback?: string[] | undefined;
11
11
  required?: boolean | undefined;
@@ -40,10 +40,10 @@ export type MultiSelectSlots = typeof __propDef.slots;
40
40
  import { SvelteComponent } from "svelte";
41
41
  declare const __propDef: {
42
42
  props: {
43
+ source: any;
44
+ title: any;
43
45
  id: any;
44
46
  target: any;
45
- title: any;
46
- source: any;
47
47
  invalid?: boolean | undefined;
48
48
  feedback?: string[] | undefined;
49
49
  required?: boolean | undefined;
package/dist/components/page/menu/MenuItem.svelte CHANGED
@@ -18,7 +18,7 @@ let popupCombobox = {
18
18
 
19
19
  <button class="grid" use:popup={popupCombobox} >
20
20
  <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
21
- <span class="capitalize whitespace-nowrap hover:font-bold">{comboboxValue ?? menubarItem.Title}</span>
21
+ <span class="capitalize whitespace-nowrap text-lg hover:text-secondary-500">{comboboxValue ?? menubarItem.Title}</span>
22
22
  </a>
23
23
  </button>
24
24
  </div>
@@ -27,7 +27,7 @@ let popupCombobox = {
27
27
  <AccordionItem padding="p-2">
28
28
  <svelte:fragment slot="summary"
29
29
  ><button class="flex items-center gap-x-1">
30
- <span class="capitalize hover:font-bold">{menubarItem.Title}</span>
30
+ <span class="capitalize text-lg hover:text-primary-500">{menubarItem.Title}</span>
31
31
  </button></svelte:fragment
32
32
  >
33
33
  <svelte:fragment slot="content"
@@ -38,7 +38,7 @@ let popupCombobox = {
38
38
  </div>
39
39
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
40
40
  <button class="flex items-center gap-x-1 px-2">
41
- <span class="capitalize whitespace-nowrap hover:font-bold">{menubarItem.Title}▾</span>
41
+ <span class="capitalize text-lg whitespace-nowrap hover:text-primary-500">{menubarItem.Title}▾</span>
42
42
  </button>
43
43
 
44
44
  <div class="z-50 w-max" data-popup={id}>
package/dist/services/Api.js CHANGED
@@ -11,15 +11,22 @@ const apiRequest = (method, url, request) => {
11
11
  const headers = {
12
12
  authorization: 'Basic ' + btoa(username + ':' + password)
13
13
  };
14
+ const requestVerificationToken = document.querySelector('input[name="__RequestVerificationToken"]')?.getAttribute('value');
15
+ var data = { ...request };
16
+ if (requestVerificationToken) {
17
+ headers['__RequestVerificationToken'] = requestVerificationToken;
18
+ data = { ...data, __RequestVerificationToken: requestVerificationToken };
19
+ }
20
+ console.log("🚀 ~ apiRequest ~ data:", data);
14
21
  //using the axios instance to perform the request that received from each http method
15
22
  return axiosAPI({
16
23
  method,
17
24
  url,
18
- data: request,
25
+ data: data,
19
26
  headers
20
27
  })
21
28
  .then((res) => {
22
- // console.log("res",res);
29
+ //console.log("res-test",res);
23
30
  return Promise.resolve(res);
24
31
  })
25
32
  .catch((er) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.46",
3
+ "version": "0.4.48",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
package/src/lib/components/page/menu/MenuItem.svelte CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  <button class="grid" use:popup={popupCombobox} >
31
31
  <a class="grid" href={menubarItem.Url} target="{menubarItem.Target}">
32
- <span class="capitalize whitespace-nowrap hover:font-bold">{comboboxValue ?? menubarItem.Title}</span>
32
+ <span class="capitalize whitespace-nowrap text-lg hover:text-secondary-500">{comboboxValue ?? menubarItem.Title}</span>
33
33
  </a>
34
34
  </button>
35
35
  </div>
@@ -38,7 +38,7 @@
38
38
  <AccordionItem padding="p-2">
39
39
  <svelte:fragment slot="summary"
40
40
  ><button class="flex items-center gap-x-1">
41
- <span class="capitalize hover:font-bold">{menubarItem.Title}</span>
41
+ <span class="capitalize text-lg hover:text-primary-500">{menubarItem.Title}</span>
42
42
  </button></svelte:fragment
43
43
  >
44
44
  <svelte:fragment slot="content"
@@ -49,7 +49,7 @@
49
49
  </div>
50
50
  <div class="hidden sm:block place-self-center" use:popup={popupCombobox}>
51
51
  <button class="flex items-center gap-x-1 px-2">
52
- <span class="capitalize whitespace-nowrap hover:font-bold">{menubarItem.Title}▾</span>
52
+ <span class="capitalize text-lg whitespace-nowrap hover:text-primary-500">{menubarItem.Title}▾</span>
53
53
  </button>
54
54
 
55
55
  <div class="z-50 w-max" data-popup={id}>
package/src/lib/services/Api.ts CHANGED
@@ -16,15 +16,27 @@ const apiRequest = (method, url, request) => {
16
16
  authorization: 'Basic ' + btoa(username + ':' + password)
17
17
  };
18
18
 
19
+ const requestVerificationToken = document.querySelector('input[name="__RequestVerificationToken"]')?.getAttribute('value');
20
+
21
+
22
+ var data ={...request}
23
+
24
+ if (requestVerificationToken) {
25
+ headers['__RequestVerificationToken'] = requestVerificationToken;
26
+ data = {...data, __RequestVerificationToken: requestVerificationToken }
27
+ }
28
+
29
+ console.log("🚀 ~ apiRequest ~ data:", data)
30
+
19
31
  //using the axios instance to perform the request that received from each http method
20
32
  return axiosAPI({
21
33
  method,
22
34
  url,
23
- data: request,
35
+ data: data,
24
36
  headers
25
37
  })
26
38
  .then((res) => {
27
- // console.log("res",res);
39
+ //console.log("res-test",res);
28
40
 
29
41
  return Promise.resolve(res);
30
42