@bexis2/bexis2-core-ui 0.4.92 → 0.4.94

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 (7) hide show
  1. package/README.md +5 -1
  2. package/dist/components/page/menu/Menu.svelte +21 -14
  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/menu/Menu.svelte +21 -14
  7. package/src/lib/index.ts +4 -1
package/README.md CHANGED
@@ -1,7 +1,11 @@
1
1
  # bexis-core-ui
2
2
 
3
+ ## 0.4.94
4
+ - Input
5
+ - Add InputContainer to export for custom components
6
+
3
7
 
4
- ## 0.4.92
8
+ ## 0.4.93
5
9
  - Input
6
10
  - Add DataPickerInput based on Svelty Picker
7
11
  - reorder font size in menu (less layout shift with old header)
package/dist/components/page/menu/Menu.svelte CHANGED
@@ -23,13 +23,19 @@ const theme = writable("light");
23
23
  function increaseFontSize() {
24
24
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
25
25
  document.documentElement.style.fontSize = currentFontSize + 1 + "px";
26
- document.documentElement.style.setProperty("--font-size", document.documentElement.style.fontSize);
26
+ document.documentElement.style.setProperty(
27
+ "--font-size",
28
+ document.documentElement.style.fontSize
29
+ );
27
30
  localStorage.setItem("fontSize", document.documentElement.style.fontSize);
28
31
  }
29
32
  function decreaseFontSize() {
30
33
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
31
34
  document.documentElement.style.fontSize = currentFontSize - 1 + "px";
32
- document.documentElement.style.setProperty("--font-size", document.documentElement.style.fontSize);
35
+ document.documentElement.style.setProperty(
36
+ "--font-size",
37
+ document.documentElement.style.fontSize
38
+ );
33
39
  localStorage.setItem("fontSize", document.documentElement.style.fontSize);
34
40
  }
35
41
  function toggleDarkMode() {
@@ -79,29 +85,30 @@ if (import.meta.env.DEV) {
79
85
  <!-- </div> -->
80
86
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-end gap-2"> -->
81
87
  <div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
82
-
83
88
  <!-- Add change font size buttons -->
84
89
  <button
85
90
  class="btn btn-ghost pl-1 pr-1"
86
91
  on:click={decreaseFontSize}
87
92
  title="Decrease font size"
88
93
  >
89
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span>
94
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span
95
+ >
90
96
  </button>
91
97
  <button
92
98
  class="btn btn-ghost pl-1 pr-1"
93
99
  on:click={increaseFontSize}
94
100
  title="Increase font size"
95
101
  >
96
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span>
102
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span
103
+ >
97
104
  </button>
98
105
 
99
- <button
100
- class="btn btn-ghost pl-1 pr-1"
101
- on:click={toggleDarkMode}
102
- title="Toggle dark mode"
103
- >
104
- {#if showMode}
106
+ {#if showMode}
107
+ <button
108
+ class="btn btn-ghost pl-1 pr-1"
109
+ on:click={toggleDarkMode}
110
+ title="Toggle dark mode"
111
+ >
105
112
  {#if $theme === 'dark'}
106
113
  <!-- sun icon (white via currentColor) -->
107
114
  <svg
@@ -143,11 +150,11 @@ if (import.meta.env.DEV) {
143
150
  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" fill="currentColor" />
144
151
  </svg>
145
152
  {/if}
146
- {/if}
147
- </button>
148
-
153
+ </button>
154
+ {/if}
149
155
  <MenuAccountBar menuBar={$menuStore.AccountBar} />
150
156
  <MenuBar menuBar={$menuStore.LaunchBar} />
157
+ <SettingsBar menuBar={$menuStore.Settings} />
151
158
  </div>
152
159
  </div>
153
160
  </Accordion>
package/dist/index.d.ts CHANGED
@@ -17,6 +17,7 @@ import MultiSelect from './components/form/MultiSelect.svelte';
17
17
  import NumberInput from './components/form/NumberInput.svelte';
18
18
  import TextInput from './components/form/TextInput.svelte';
19
19
  import TextArea from './components/form/TextArea.svelte';
20
+ import InputContainer from './components/form/InputContainer.svelte';
20
21
  import Table from './components/Table/Table.svelte';
21
22
  import TableFilter from './components/Table/TableFilter.svelte';
22
23
  import { columnFilter, searchFilter } from './components/Table/filter';
@@ -27,7 +28,7 @@ import CodeEditor from './components/CodeEditor/CodeEditor.svelte';
27
28
  import Notification from './components/page/Notification.svelte';
28
29
  import TablePlaceholder from './components/page/TablePlaceholder.svelte';
29
30
  import { bexis2theme } from './themes/theme-bexis2';
30
- export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DatePickerInput, DropdownKVP, Dropdown, MultiSelect, NumberInput, TextArea, TextInput };
31
+ export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DatePickerInput, DropdownKVP, Dropdown, MultiSelect, NumberInput, TextArea, TextInput, InputContainer };
31
32
  export { FileInfo, FileIcon, FileUploader };
32
33
  export { Spinner, Page, Alert, Menu, ErrorMessage };
33
34
  export { Api } from './services/Api.js';
package/dist/index.js CHANGED
@@ -22,6 +22,7 @@ import MultiSelect from './components/form/MultiSelect.svelte';
22
22
  import NumberInput from './components/form/NumberInput.svelte';
23
23
  import TextInput from './components/form/TextInput.svelte';
24
24
  import TextArea from './components/form/TextArea.svelte';
25
+ import InputContainer from './components/form/InputContainer.svelte';
25
26
  //table
26
27
  import Table from './components/Table/Table.svelte';
27
28
  import TableFilter from './components/Table/TableFilter.svelte';
@@ -37,7 +38,7 @@ import TablePlaceholder from './components/page/TablePlaceholder.svelte';
37
38
  // theme
38
39
  import { bexis2theme } from './themes/theme-bexis2';
39
40
  //Form
40
- export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DatePickerInput, DropdownKVP, Dropdown, MultiSelect, NumberInput, TextArea, TextInput };
41
+ export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DatePickerInput, DropdownKVP, Dropdown, MultiSelect, NumberInput, TextArea, TextInput, InputContainer };
41
42
  //File
42
43
  export { FileInfo, FileIcon, FileUploader };
43
44
  //others
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.92",
3
+ "version": "0.4.94",
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/page/menu/Menu.svelte CHANGED
@@ -33,7 +33,10 @@
33
33
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
34
34
  document.documentElement.style.fontSize = currentFontSize + 1 + 'px';
35
35
  // set CSS variable --font-size to the new font size
36
- document.documentElement.style.setProperty('--font-size', document.documentElement.style.fontSize);
36
+ document.documentElement.style.setProperty(
37
+ '--font-size',
38
+ document.documentElement.style.fontSize
39
+ );
37
40
  localStorage.setItem('fontSize', document.documentElement.style.fontSize);
38
41
  }
39
42
  // function to decrease the current font size by 1 step
@@ -41,7 +44,10 @@
41
44
  const currentFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
42
45
  document.documentElement.style.fontSize = currentFontSize - 1 + 'px';
43
46
  // set CSS variable --font-size to the new font size
44
- document.documentElement.style.setProperty('--font-size', document.documentElement.style.fontSize);
47
+ document.documentElement.style.setProperty(
48
+ '--font-size',
49
+ document.documentElement.style.fontSize
50
+ );
45
51
  localStorage.setItem('fontSize', document.documentElement.style.fontSize);
46
52
  }
47
53
 
@@ -95,29 +101,30 @@
95
101
  <!-- </div> -->
96
102
  <!-- <div class="sm:flex items-center sm:gap-5 px-1 text-lg justify-end gap-2"> -->
97
103
  <div class="grid w-full sm:flex gap-2 justify-auto sm:justify-end">
98
-
99
104
  <!-- Add change font size buttons -->
100
105
  <button
101
106
  class="btn btn-ghost pl-1 pr-1"
102
107
  on:click={decreaseFontSize}
103
108
  title="Decrease font size"
104
109
  >
105
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span>
110
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A-</span
111
+ >
106
112
  </button>
107
113
  <button
108
114
  class="btn btn-ghost pl-1 pr-1"
109
115
  on:click={increaseFontSize}
110
116
  title="Increase font size"
111
117
  >
112
- <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span>
118
+ <span class="capitalize text-lg whitespace-nowrap hover:text-secondary-500">A+</span
119
+ >
113
120
  </button>
114
121
 
115
- <button
116
- class="btn btn-ghost pl-1 pr-1"
117
- on:click={toggleDarkMode}
118
- title="Toggle dark mode"
119
- >
120
- {#if showMode}
122
+ {#if showMode}
123
+ <button
124
+ class="btn btn-ghost pl-1 pr-1"
125
+ on:click={toggleDarkMode}
126
+ title="Toggle dark mode"
127
+ >
121
128
  {#if $theme === 'dark'}
122
129
  <!-- sun icon (white via currentColor) -->
123
130
  <svg
@@ -159,11 +166,11 @@
159
166
  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" fill="currentColor" />
160
167
  </svg>
161
168
  {/if}
162
- {/if}
163
- </button>
164
-
169
+ </button>
170
+ {/if}
165
171
  <MenuAccountBar menuBar={$menuStore.AccountBar} />
166
172
  <MenuBar menuBar={$menuStore.LaunchBar} />
173
+ <SettingsBar menuBar={$menuStore.Settings} />
167
174
  </div>
168
175
  </div>
169
176
  </Accordion>
package/src/lib/index.ts CHANGED
@@ -26,6 +26,8 @@ import NumberInput from './components/form/NumberInput.svelte';
26
26
  import TextInput from './components/form/TextInput.svelte';
27
27
  import TextArea from './components/form/TextArea.svelte';
28
28
 
29
+ import InputContainer from './components/form/InputContainer.svelte';
30
+
29
31
 
30
32
  //table
31
33
  import Table from './components/Table/Table.svelte';
@@ -61,7 +63,8 @@ export {
61
63
  MultiSelect,
62
64
  NumberInput,
63
65
  TextArea,
64
- TextInput
66
+ TextInput,
67
+ InputContainer
65
68
  };
66
69
 
67
70
  //File