@bexis2/bexis2-core-ui 0.0.31 → 0.1.0

package/README.md

@@ -1,4 +1,19 @@
 # bexis-core-ui
+## v.0.0.32
+### add
+#### types
+- ListItem
+- KvP
+
+#### enum
+- Position
+
+### update
+#### components
+- DropdownKVP
+  - return of the target to complex or id only 
+- TextInput, TextArea, Number
+  - add placeholder
 
 ## v0.0.31
 ### add

package/dist/components/form/DropdownKvP.svelte

@@ -9,6 +9,7 @@
 	export let invalid = false;
 	export let feedback = [''];
 	export let required = false;
+	export let targetIsComplex = false;
 
 	$: selected = null;
 
@@ -17,12 +18,26 @@
 
 	function updatedSelectedValue(selection) {
 		if (selection != null) {
-			selected = selection.id;
+			if(targetIsComplex)
+			{
+				selected = selection.id;
+			}
+			else
+			{
+				selected = selection
+			}
 		}
 	}
 
 	function updatedTarget(id) {
-		target = source.find((opt) => opt.id === id);
+		if(targetIsComplex)
+		{
+			target = source.find((opt) => opt.id === id);
+		}
+		else
+		{
+			target = id;
+		}
 	}
 </script>
 

package/dist/components/form/DropdownKvP.svelte.d.ts

@@ -10,6 +10,7 @@ export default class DropdownKvP extends SvelteComponentTyped<{
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     feedback?: string[] | undefined;
+    targetIsComplex?: boolean | undefined;
 }, {
     change: Event;
     select: Event;
@@ -31,6 +32,7 @@ declare const __propDef: {
         invalid?: boolean | undefined;
         valid?: boolean | undefined;
         feedback?: string[] | undefined;
+        targetIsComplex?: boolean | undefined;
     };
     events: {
         change: Event;

package/dist/components/form/NumberInput.svelte

@@ -6,6 +6,7 @@ export let valid = false;
 export let invalid = false;
 export let required = false;
 export let feedback = [""];
+export let placeholder = "";
 </script>
 
 <InputContainer {label} {feedback} {required}>
@@ -17,5 +18,6 @@ export let feedback = [""];
 		class:input-error={invalid}
 		bind:value
 		on:input
+		{placeholder}
 	/>
 </InputContainer>

package/dist/components/form/NumberInput.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         invalid?: boolean | undefined;
         required?: boolean | undefined;
         feedback?: string[] | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         input: Event;

package/dist/components/form/TextArea.svelte

@@ -6,6 +6,7 @@ export let valid = false;
 export let invalid = false;
 export let required = false;
 export let feedback = [""];
+export let placeholder = "";
 </script>
 
 <InputContainer {label} {feedback} {required}>
@@ -16,5 +17,6 @@ export let feedback = [""];
 		class:input-error={invalid}
 		bind:value
 		on:input
+		{placeholder}
 	/>
 </InputContainer>

package/dist/components/form/TextArea.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         invalid?: boolean | undefined;
         required?: boolean | undefined;
         feedback?: string[] | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         input: Event;

package/dist/components/form/TextInput.svelte

@@ -6,6 +6,7 @@ export let valid = false;
 export let invalid = false;
 export let required = false;
 export let feedback = [""];
+export let placeholder = "";
 </script>
 
 <InputContainer {label} {feedback} {required}>
@@ -17,5 +18,6 @@ export let feedback = [""];
 		class:input-error={invalid}
 		bind:value
 		on:input
+		{placeholder}
 	/>
 </InputContainer>

package/dist/components/form/TextInput.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         invalid?: boolean | undefined;
         required?: boolean | undefined;
         feedback?: string[] | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         input: Event;

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export { FileInfo, FileIcon, FileUploader };
 export { ListView, TableView, Spinner, Page, Alert };
 export { Api } from './services/Api.js';
 export { host, username, password, setApiConfig } from './stores/apistore.js';
-export type { user, Input, FileUploaderModel, Link } from './models/Models.js';
+export type { user, Input, FileUploaderModel, Link, ListItem, KvP } from './models/Models.js';
+export { Position } from './models/Enums';
 export { Table, TableFilter, columnFilter, searchFilter };
 export type { TableConfig, Columns, Column };

package/dist/index.js

@@ -30,5 +30,7 @@ export { ListView, TableView, Spinner, Page, Alert };
 //Api
 export { Api } from './services/Api.js';
 export { host, username, password, setApiConfig } from './stores/apistore.js';
+//enum
+export { Position } from './models/Enums';
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };

package/dist/models/Models.d.ts

@@ -12,6 +12,7 @@ export interface Input {
     invalid: boolean;
     valid: boolean;
     required: boolean;
+    placeholder: string;
 }
 export interface FileInfo {
     name: string;
@@ -69,3 +70,12 @@ export interface TableConfig<T> {
     defaultPageSize?: number;
     optionsComponent?: typeof SvelteComponent;
 }
+export interface KvP {
+    id: number;
+    text: string;
+}
+export interface ListItem {
+    id: number;
+    text: string;
+    group: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.31",
+  "version": "0.1.0",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/form/DropdownKvP.svelte

@@ -9,6 +9,7 @@
 	export let invalid = false;
 	export let feedback = [''];
 	export let required = false;
+	export let targetIsComplex = false;
 
 	$: selected = null;
 
@@ -17,12 +18,26 @@
 
 	function updatedSelectedValue(selection) {
 		if (selection != null) {
-			selected = selection.id;
+			if(targetIsComplex)
+			{
+				selected = selection.id;
+			}
+			else
+			{
+				selected = selection
+			}
 		}
 	}
 
 	function updatedTarget(id) {
-		target = source.find((opt) => opt.id === id);
+		if(targetIsComplex)
+		{
+			target = source.find((opt) => opt.id === id);
+		}
+		else
+		{
+			target = id;
+		}
 	}
 </script>
 

package/src/lib/components/form/NumberInput.svelte

@@ -9,6 +9,7 @@
 	export let invalid: boolean = false;
 	export let required: boolean = false;
 	export let feedback: string[] = [''];
+	export let placeholder: string = "";
 </script>
 
 <InputContainer {label} {feedback} {required}>
@@ -20,5 +21,6 @@
 		class:input-error={invalid}
 		bind:value
 		on:input
+		{placeholder}
 	/>
 </InputContainer>

package/src/lib/components/form/TextArea.svelte

@@ -9,6 +9,7 @@
 	export let invalid: boolean = false;
 	export let required: boolean = false;
 	export let feedback: string[] = [''];
+	export let placeholder: string = "";
 </script>
 
 <InputContainer {label} {feedback} {required}>
@@ -19,5 +20,6 @@
 		class:input-error={invalid}
 		bind:value
 		on:input
+		{placeholder}
 	/>
 </InputContainer>

package/src/lib/components/form/TextInput.svelte

@@ -9,6 +9,8 @@
 	export let invalid: boolean = false;
 	export let required: boolean = false;
 	export let feedback: string[] = [''];
+	export let placeholder: string ="";
+
 </script>
 
 <InputContainer {label} {feedback} {required}>
@@ -20,5 +22,6 @@
 		class:input-error={invalid}
 		bind:value
 		on:input
+		{placeholder}
 	/>
 </InputContainer>

package/src/lib/index.ts

@@ -55,8 +55,13 @@ export type {
 	user, 
 	Input,
 	FileUploaderModel,
-	Link
-	 } from './models/Models.js';
+	Link,
+	ListItem,
+	KvP
+	} from './models/Models.js';
+
+//enum
+export { Position	} from './models/Enums';
 
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };

package/src/lib/models/Models.ts

@@ -18,6 +18,7 @@ export interface Input {
 	invalid: boolean;
 	valid: boolean;
 	required: boolean;
+	placeholder:string;
 }
 
 export interface FileInfo {
@@ -86,3 +87,16 @@ export interface TableConfig<T> {
 	defaultPageSize?: number;
 	optionsComponent?: typeof SvelteComponent;
 }
+
+
+// lists
+export interface KvP {
+ id: number;
+ text: string;
+}
+
+export interface ListItem {
+ id: number;
+ text: string;
+ group: string;
+}