@bexis2/bexis2-core-ui 0.4.90 → 0.4.91

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 (28) hide show
  1. package/README.md +2 -1
  2. package/dist/components/form/DateInput.svelte +3 -1
  3. package/dist/components/form/DateInput.svelte.d.ts +4 -0
  4. package/dist/components/form/DatePickerInput.svelte +2 -1
  5. package/dist/components/form/DatePickerInput.svelte.d.ts +4 -0
  6. package/dist/components/form/Dropdown.svelte +2 -2
  7. package/dist/components/form/Dropdown.svelte.d.ts +6 -0
  8. package/dist/components/form/DropdownKvP.svelte +2 -2
  9. package/dist/components/form/DropdownKvP.svelte.d.ts +6 -0
  10. package/dist/components/form/InputContainer.svelte +1 -1
  11. package/dist/components/form/MultiSelect.svelte +2 -1
  12. package/dist/components/form/MultiSelect.svelte.d.ts +2 -0
  13. package/dist/components/form/NumberInput.svelte +2 -1
  14. package/dist/components/form/NumberInput.svelte.d.ts +3 -0
  15. package/dist/components/form/TextArea.svelte +2 -1
  16. package/dist/components/form/TextArea.svelte.d.ts +3 -0
  17. package/dist/components/form/TextInput.svelte +2 -1
  18. package/dist/components/form/TextInput.svelte.d.ts +3 -0
  19. package/package.json +1 -1
  20. package/src/lib/components/form/DateInput.svelte +3 -1
  21. package/src/lib/components/form/DatePickerInput.svelte +2 -1
  22. package/src/lib/components/form/Dropdown.svelte +2 -2
  23. package/src/lib/components/form/DropdownKvP.svelte +2 -2
  24. package/src/lib/components/form/InputContainer.svelte +1 -1
  25. package/src/lib/components/form/MultiSelect.svelte +2 -1
  26. package/src/lib/components/form/NumberInput.svelte +2 -1
  27. package/src/lib/components/form/TextArea.svelte +2 -1
  28. package/src/lib/components/form/TextInput.svelte +2 -1
package/README.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # bexis-core-ui
2
2
 
3
- ## 0.4.90
3
+
4
+ ## 0.4.91
4
5
  - Input
5
6
  - Add DataPickerInput based on Svelty Picker
6
7
  - reorder font size in menu (less layout shift with old header)
package/dist/components/form/DateInput.svelte CHANGED
@@ -9,9 +9,11 @@ export let feedback = [""];
9
9
  export let help = false;
10
10
  export let disabled = false;
11
11
  export let description = "";
12
+ export let showDescription = false;
13
+ export let showIcon = false;
12
14
  </script>
13
15
 
14
- <InputContainer {id} {label} {feedback} {required} {help} {description}>
16
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
15
17
  <input
16
18
  {id}
17
19
  class="input variant-form-material bg-zinc-50 dark:bg-zinc-700 placeholder:text-gray-400"
package/dist/components/form/DateInput.svelte.d.ts CHANGED
@@ -11,8 +11,12 @@ declare const __propDef: {
11
11
  help?: boolean;
12
12
  disabled?: boolean;
13
13
  description?: string;
14
+ showDescription?: boolean;
15
+ showIcon?: boolean;
14
16
  };
15
17
  events: {
18
+ showDescription: CustomEvent<any>;
19
+ hideDescription: CustomEvent<any>;
16
20
  input: Event;
17
21
  change: Event;
18
22
  } & {
package/dist/components/form/DatePickerInput.svelte CHANGED
@@ -12,6 +12,7 @@ export let help = false;
12
12
  export let disabled = false;
13
13
  export let description = "";
14
14
  export let showDescription = false;
15
+ export let showIcon = false;
15
16
  export let mode = "date";
16
17
  export let initialDate = "";
17
18
  export let format = "yyyy-mm-dd";
@@ -32,7 +33,7 @@ if (mode === "datetime") {
32
33
  }
33
34
  </script>
34
35
 
35
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
36
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
36
37
  <SveltyPicker
37
38
  {mode}
38
39
  name={label}
package/dist/components/form/DatePickerInput.svelte.d.ts CHANGED
@@ -13,6 +13,7 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  mode?: "date" | "time" | "datetime";
17
18
  initialDate?: string;
18
19
  format?: string;
@@ -20,6 +21,9 @@ declare const __propDef: {
20
21
  onChangeHandler?: (event: CustomEvent) => void;
21
22
  };
22
23
  events: {
24
+ showDescription: CustomEvent<any>;
25
+ hideDescription: CustomEvent<any>;
26
+ } & {
23
27
  [evt: string]: CustomEvent<any>;
24
28
  };
25
29
  slots: {};
package/dist/components/form/Dropdown.svelte CHANGED
@@ -12,7 +12,7 @@
12
12
  export let help = false;
13
13
  export let description = '';
14
14
  export let showDescription = false;
15
-
15
+ export let showIcon = false;
16
16
  $: selected = null;
17
17
 
18
18
  $: updatedSelectedValue(target);
@@ -29,7 +29,7 @@
29
29
  }
30
30
  </script>
31
31
 
32
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
32
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
33
33
  <select
34
34
  {id}
35
35
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/Dropdown.svelte.d.ts CHANGED
@@ -12,8 +12,11 @@ export default class Dropdown extends SvelteComponent<{
12
12
  feedback?: string[] | undefined;
13
13
  required?: boolean | undefined;
14
14
  help?: boolean | undefined;
15
+ showIcon?: boolean | undefined;
15
16
  valid?: boolean | undefined;
16
17
  }, {
18
+ showDescription: CustomEvent<any>;
19
+ hideDescription: CustomEvent<any>;
17
20
  change: Event;
18
21
  select: Event;
19
22
  } & {
@@ -36,9 +39,12 @@ declare const __propDef: {
36
39
  feedback?: string[] | undefined;
37
40
  required?: boolean | undefined;
38
41
  help?: boolean | undefined;
42
+ showIcon?: boolean | undefined;
39
43
  valid?: boolean | undefined;
40
44
  };
41
45
  events: {
46
+ showDescription: CustomEvent<any>;
47
+ hideDescription: CustomEvent<any>;
42
48
  change: Event;
43
49
  select: Event;
44
50
  } & {
package/dist/components/form/DropdownKvP.svelte CHANGED
@@ -13,7 +13,7 @@
13
13
  export let help = false;
14
14
  export let description = '';
15
15
  export let showDescription = false;
16
-
16
+ export let showIcon = false;
17
17
  $: selected = null;
18
18
 
19
19
  $: updatedSelectedValue(target);
@@ -38,7 +38,7 @@
38
38
  }
39
39
  </script>
40
40
 
41
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
41
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
42
42
  <select
43
43
  {id}
44
44
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/DropdownKvP.svelte.d.ts CHANGED
@@ -12,9 +12,12 @@ export default class DropdownKvP extends SvelteComponent<{
12
12
  feedback?: string[] | undefined;
13
13
  required?: boolean | undefined;
14
14
  help?: boolean | undefined;
15
+ showIcon?: boolean | undefined;
15
16
  valid?: boolean | undefined;
16
17
  complexTarget?: boolean | undefined;
17
18
  }, {
19
+ showDescription: CustomEvent<any>;
20
+ hideDescription: CustomEvent<any>;
18
21
  change: Event;
19
22
  select: Event;
20
23
  } & {
@@ -37,10 +40,13 @@ declare const __propDef: {
37
40
  feedback?: string[] | undefined;
38
41
  required?: boolean | undefined;
39
42
  help?: boolean | undefined;
43
+ showIcon?: boolean | undefined;
40
44
  valid?: boolean | undefined;
41
45
  complexTarget?: boolean | undefined;
42
46
  };
43
47
  events: {
48
+ showDescription: CustomEvent<any>;
49
+ hideDescription: CustomEvent<any>;
44
50
  change: Event;
45
51
  select: Event;
46
52
  } & {
package/dist/components/form/InputContainer.svelte CHANGED
@@ -9,7 +9,7 @@ export let feedback;
9
9
  export let help = false;
10
10
  export let description = "";
11
11
  export let showDescription = false;
12
- export let showIcon = true;
12
+ export let showIcon = false;
13
13
  const dispatch = createEventDispatcher();
14
14
  function onMouseOver() {
15
15
  if (help) {
package/dist/components/form/MultiSelect.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
  export let searchable = true;
27
27
  export let description = '';
28
28
  export let showDescription = false;
29
+ export let showIcon = false;
29
30
 
30
31
  let isLoaded = false;
31
32
 
@@ -309,7 +310,7 @@
309
310
 
310
311
  </script>
311
312
 
312
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} on:showDescription on:hideDescription>
313
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
313
314
  <Select
314
315
  {id}
315
316
  items={source}
package/dist/components/form/MultiSelect.svelte.d.ts CHANGED
@@ -12,6 +12,7 @@ export default class MultiSelect extends SvelteComponent<{
12
12
  feedback?: string[] | undefined;
13
13
  required?: boolean | undefined;
14
14
  help?: boolean | undefined;
15
+ showIcon?: boolean | undefined;
15
16
  disabled?: boolean | undefined;
16
17
  placeholder?: string | undefined;
17
18
  complexTarget?: boolean | undefined;
@@ -55,6 +56,7 @@ declare const __propDef: {
55
56
  feedback?: string[] | undefined;
56
57
  required?: boolean | undefined;
57
58
  help?: boolean | undefined;
59
+ showIcon?: boolean | undefined;
58
60
  disabled?: boolean | undefined;
59
61
  placeholder?: string | undefined;
60
62
  complexTarget?: boolean | undefined;
package/dist/components/form/NumberInput.svelte CHANGED
@@ -13,6 +13,7 @@ export let help = false;
13
13
  export let disabled = false;
14
14
  export let description = "";
15
15
  export let showDescription = false;
16
+ export let showIcon = false;
16
17
  export let min = void 0;
17
18
  export let max = void 0;
18
19
  $: if (max != void 0 && parseInt(value) > max) {
@@ -23,7 +24,7 @@ $: if (min != void 0 && parseInt(value) < min) {
23
24
  }
24
25
  </script>
25
26
 
26
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
27
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
27
28
  <input
28
29
  {id}
29
30
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/NumberInput.svelte.d.ts CHANGED
@@ -13,10 +13,13 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  min?: number | undefined;
17
18
  max?: number | undefined;
18
19
  };
19
20
  events: {
21
+ showDescription: CustomEvent<any>;
22
+ hideDescription: CustomEvent<any>;
20
23
  input: Event;
21
24
  change: Event;
22
25
  } & {
package/dist/components/form/TextArea.svelte CHANGED
@@ -11,9 +11,10 @@ export let help = false;
11
11
  export let disabled = false;
12
12
  export let description = "";
13
13
  export let showDescription = false;
14
+ export let showIcon = false;
14
15
  </script>
15
16
 
16
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
17
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
17
18
  <textarea
18
19
  {id}
19
20
  class="textarea variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/TextArea.svelte.d.ts CHANGED
@@ -13,8 +13,11 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  };
17
18
  events: {
19
+ showDescription: CustomEvent<any>;
20
+ hideDescription: CustomEvent<any>;
18
21
  input: Event;
19
22
  change: Event;
20
23
  } & {
package/dist/components/form/TextInput.svelte CHANGED
@@ -11,9 +11,10 @@ export let help = false;
11
11
  export let disabled = false;
12
12
  export let description = "";
13
13
  export let showDescription = false;
14
+ export let showIcon = false;
14
15
  </script>
15
16
 
16
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
17
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
17
18
  <input
18
19
  {id}
19
20
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/dist/components/form/TextInput.svelte.d.ts CHANGED
@@ -13,8 +13,11 @@ declare const __propDef: {
13
13
  disabled?: boolean;
14
14
  description?: string;
15
15
  showDescription?: boolean;
16
+ showIcon?: boolean;
16
17
  };
17
18
  events: {
19
+ showDescription: CustomEvent<any>;
20
+ hideDescription: CustomEvent<any>;
18
21
  input: Event;
19
22
  change: Event;
20
23
  } & {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.90",
3
+ "version": "0.4.91",
4
4
  "private": false,
5
5
  "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
6
6
  "keywords": [
package/src/lib/components/form/DateInput.svelte CHANGED
@@ -11,9 +11,11 @@
11
11
  export let help = false;
12
12
  export let disabled: boolean = false;
13
13
  export let description : string = '';
14
+ export let showDescription: boolean = false;
15
+ export let showIcon: boolean = false;
14
16
  </script>
15
17
 
16
- <InputContainer {id} {label} {feedback} {required} {help} {description}>
18
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
17
19
  <input
18
20
  {id}
19
21
  class="input variant-form-material bg-zinc-50 dark:bg-zinc-700 placeholder:text-gray-400"
package/src/lib/components/form/DatePickerInput.svelte CHANGED
@@ -14,6 +14,7 @@
14
14
  export let disabled: boolean = false;
15
15
  export let description: string = '';
16
16
  export let showDescription: boolean = false;
17
+ export let showIcon: boolean = false;
17
18
  export let mode: 'date' | 'time' | 'datetime' = 'date';
18
19
  export let initialDate: string = '';
19
20
  export let format: string = 'yyyy-mm-dd';
@@ -37,7 +38,7 @@
37
38
  }
38
39
  </script>
39
40
 
40
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
41
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
41
42
  <SveltyPicker
42
43
  {mode}
43
44
  name={label}
package/src/lib/components/form/Dropdown.svelte CHANGED
@@ -12,7 +12,7 @@
12
12
  export let help = false;
13
13
  export let description = '';
14
14
  export let showDescription = false;
15
-
15
+ export let showIcon = false;
16
16
  $: selected = null;
17
17
 
18
18
  $: updatedSelectedValue(target);
@@ -29,7 +29,7 @@
29
29
  }
30
30
  </script>
31
31
 
32
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
32
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
33
33
  <select
34
34
  {id}
35
35
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/DropdownKvP.svelte CHANGED
@@ -13,7 +13,7 @@
13
13
  export let help = false;
14
14
  export let description = '';
15
15
  export let showDescription = false;
16
-
16
+ export let showIcon = false;
17
17
  $: selected = null;
18
18
 
19
19
  $: updatedSelectedValue(target);
@@ -38,7 +38,7 @@
38
38
  }
39
39
  </script>
40
40
 
41
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription}>
41
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
42
42
  <select
43
43
  {id}
44
44
  class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/InputContainer.svelte CHANGED
@@ -11,7 +11,7 @@
11
11
  export let help: boolean = false;
12
12
  export let description : string = '';
13
13
  export let showDescription: boolean = false;
14
- export let showIcon: boolean = true;
14
+ export let showIcon: boolean = false;
15
15
 
16
16
  const dispatch = createEventDispatcher();
17
17
 
package/src/lib/components/form/MultiSelect.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
  export let searchable = true;
27
27
  export let description = '';
28
28
  export let showDescription = false;
29
+ export let showIcon = false;
29
30
 
30
31
  let isLoaded = false;
31
32
 
@@ -309,7 +310,7 @@
309
310
 
310
311
  </script>
311
312
 
312
- <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} on:showDescription on:hideDescription>
313
+ <InputContainer {id} label={title} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
313
314
  <Select
314
315
  {id}
315
316
  items={source}
package/src/lib/components/form/NumberInput.svelte CHANGED
@@ -16,6 +16,7 @@
16
16
  export let disabled: boolean = false;
17
17
  export let description : string = '';
18
18
  export let showDescription: boolean = false;
19
+ export let showIcon: boolean = false;
19
20
  export let min : number | undefined = undefined;
20
21
  export let max : number | undefined = undefined;
21
22
 
@@ -31,7 +32,7 @@
31
32
 
32
33
  </script>
33
34
 
34
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
35
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
35
36
  <input
36
37
  {id}
37
38
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/TextArea.svelte CHANGED
@@ -14,9 +14,10 @@
14
14
  export let disabled: boolean = false;
15
15
  export let description : string = '';
16
16
  export let showDescription: boolean = false;
17
+ export let showIcon: boolean = false;
17
18
  </script>
18
19
 
19
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
20
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
20
21
  <textarea
21
22
  {id}
22
23
  class="textarea variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
package/src/lib/components/form/TextInput.svelte CHANGED
@@ -13,9 +13,10 @@
13
13
  export let disabled: boolean = false;
14
14
  export let description : string = '';
15
15
  export let showDescription: boolean = false;
16
+ export let showIcon: boolean = false;
16
17
  </script>
17
18
 
18
- <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription}>
19
+ <InputContainer {id} {label} {feedback} {required} {help} {description} {showDescription} {showIcon} on:showDescription on:hideDescription>
19
20
  <input
20
21
  {id}
21
22
  class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"