@bexis2/bexis2-core-ui 0.4.96 → 0.4.98

package/src/lib/components/toggle/Toggle.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
- import Fa from 'svelte-fa';
+	import Fa from 'svelte-fa';
 
-import { faPen } from '@fortawesome/free-solid-svg-icons';
-import { faTrash } from '@fortawesome/free-solid-svg-icons';
-import type{ CssClasses } from '@skeletonlabs/skeleton';
+	import { faPen } from '@fortawesome/free-solid-svg-icons';
+	import { faTrash } from '@fortawesome/free-solid-svg-icons';
+	import type { CssClasses } from '@skeletonlabs/skeleton';
 
-// Props
+	// Props
 	/** Customize the `title` attribute for the component.  */
 	export let title = 'Toggle light or dark mode.';
 	// Props (styles)
@@ -26,48 +26,46 @@ import type{ CssClasses } from '@skeletonlabs/skeleton';
 	/** Provide classes to set border radius styles. */
 	export let rounded: CssClasses = 'rounded-token';
 
-// Classes
-const cTransition = `transition-all duration-[200ms]`;
-const cTrack = 'cursor-pointer';
-const cThumb = 'aspect-square scale-[0.8] flex justify-center items-center';
-const cIcon = 'w-[70%] aspect-square';
+	// Classes
+	const cTransition = `transition-all duration-[200ms]`;
+	const cTrack = 'cursor-pointer';
+	const cThumb = 'aspect-square scale-[0.8] flex justify-center items-center';
+	const cIcon = 'w-[70%] aspect-square';
 
-// State
-$: trackBg = mode === true ? bgLight : bgDark;
-$: thumbBg = mode === true ? bgDark : bgLight;
-$: thumbPosition = mode === true ? 'translate-x-[100%]' : '';
-$: iconFill = mode === true ? fillLight : fillDark;
+	// State
+	$: trackBg = mode === true ? bgLight : bgDark;
+	$: thumbBg = mode === true ? bgDark : bgLight;
+	$: thumbPosition = mode === true ? 'translate-x-[100%]' : '';
+	$: iconFill = mode === true ? fillLight : fillDark;
 
-$: classesTrack = `${cTrack} ${cTransition} ${width} ${height} ${ring} ${rounded} ${trackBg} ${$$props.class ?? ''}`;
-$: classesThumb = `${cThumb} ${cTransition} ${height} ${rounded} ${thumbBg} ${thumbPosition}`;
-
-
-let mode = true;
-$:mode;
+	$: classesTrack = `${cTrack} ${cTransition} ${width} ${height} ${ring} ${rounded} ${trackBg} ${$$props.class ?? ''}`;
+	$: classesThumb = `${cThumb} ${cTransition} ${height} ${rounded} ${thumbBg} ${thumbPosition}`;
 
+	let mode = true;
+	$: mode;
 </script>
 
 <div
 	class="lightswitch-track {classesTrack}"
-	on:click={()=>mode=!mode}
+	on:click={() => (mode = !mode)}
 	on:click
-	on:keydown={()=>mode=!mode}
+	on:keydown={() => (mode = !mode)}
 	on:keydown
 	on:keyup
 	on:keypress
 	role="switch"
 	aria-label="Light Switch"
- aria-checked={mode}
+	aria-checked={mode}
 	title="xyz"
 	tabindex="0"
 >
 	<!-- Thumb -->
 	<div class="lightswitch-thumb {classesThumb}">
 		<!-- SVG -->
-  {#if mode}
-  <Fa icon={faPen} color="white" />
-  {:else}
-  <Fa icon={faTrash} />
-  {/if}
+		{#if mode}
+			<Fa icon={faPen} color="white" />
+		{:else}
+			<Fa icon={faTrash} />
+		{/if}
 	</div>
-</div>
+</div>

package/src/lib/css/core.ui.postcss

@@ -22,7 +22,7 @@ h2 {
 }
 
 input {
-	@apply pb-1 pt-1
+	@apply pb-1 pt-1;
 }
 
 .svelte-select,
@@ -37,4 +37,3 @@ input {
 .list-item .item.hover:not(.active):not(.list-group-title) {
 	@apply dark:!text-black;
 }
-

package/src/lib/index.ts

@@ -28,7 +28,6 @@ import TextArea from './components/form/TextArea.svelte';
 
 import InputContainer from './components/form/InputContainer.svelte';
 
-
 //table
 import Table from './components/Table/Table.svelte';
 import TableFilter from './components/Table/TableFilter.svelte';
@@ -75,7 +74,7 @@ export { Spinner, Page, Alert, Menu, ErrorMessage };
 
 //Api
 export { Api } from './services/Api.js';
-export { host, username, password,errorStore, setApiConfig } from './stores/apiStores.js';
+export { host, username, password, errorStore, setApiConfig } from './stores/apiStores.js';
 
 //Type
 export type {

package/src/lib/services/Api.ts

@@ -15,11 +15,10 @@ const apiRequest = (method, url, request, customHeaders = {}, customConfig = {})
 	const requestVerificationToken = csrfToken;
 	const headers = {
 		authorization: 'Basic ' + btoa(username + ':' + password),
-		'__RequestVerificationToken': requestVerificationToken,
+		__RequestVerificationToken: requestVerificationToken,
 		...customHeaders
 	};
 
-
 	//using the axios instance to perform the request that received from each http method
 
 	return axiosAPI({
@@ -31,44 +30,46 @@ const apiRequest = (method, url, request, customHeaders = {}, customConfig = {})
 	})
 		.then((res) => {
 			//console.log("res-test",res);
-			
-			return Promise.resolve(res);
 
+			return Promise.resolve(res);
 		})
 		.catch((er) => {
-		console.log("🚀 ~ apiRequest ~ err:", er)
+			console.log('🚀 ~ apiRequest ~ err:', er);
 			const err = er.response;
-			
-   
 
-			let error:errorType = {
-							status: err.status,
-							statusText: err.statusText,
-							error: err.data.error,
-							stackTrace: err.data.stackTrace,
-			}
+			let error: errorType = {
+				status: err.status,
+				statusText: err.statusText,
+				error: err.data.error,
+				stackTrace: err.data.stackTrace
+			};
 
 			errorStore.set(error);
-			console.log("🚀 ~ apiRequest ~ error:", error)
-			
+			console.log('🚀 ~ apiRequest ~ error:', error);
+
 			return Promise.reject(new Error(error.error));
 		});
 };
 
 // function to execute the http get request
-const get = (url, request = '', headers ={}, config ={}) => apiRequest('get', url, request, headers, config);
+const get = (url, request = '', headers = {}, config = {}) =>
+	apiRequest('get', url, request, headers, config);
 
 // function to execute the http delete request
-const deleteRequest = (url, request, headers ={}, config ={}) => apiRequest('delete', url, request, headers, config);
+const deleteRequest = (url, request, headers = {}, config = {}) =>
+	apiRequest('delete', url, request, headers, config);
 
 // function to execute the http post request
-const post = (url, request, headers ={}, config ={}) => apiRequest('post', url, request, headers, config);
+const post = (url, request, headers = {}, config = {}) =>
+	apiRequest('post', url, request, headers, config);
 
 // function to execute the http put request
-const put = (url, request, headers ={}, config ={}) => apiRequest('put', url, request, headers, config);
+const put = (url, request, headers = {}, config = {}) =>
+	apiRequest('put', url, request, headers, config);
 
 // function to execute the http path request
-const patch = (url, request, headers ={}, config ={}) => apiRequest('patch', url, request, headers, config);
+const patch = (url, request, headers = {}, config = {}) =>
+	apiRequest('patch', url, request, headers, config);
 
 // expose your method to other services or actions
 export const Api = {

package/src/lib/services/BaseCaller.js

@@ -3,7 +3,7 @@
 import { host } from '$store/apiStores';
 
 // go to a internal action
-export const goTo = async (url, intern = true, target="_self") => {
+export const goTo = async (url, intern = true, target = '_self') => {
 	if (intern == true) {
 		// go to inside bexis2
 		if (window != null && host != null && url != null) {

package/src/lib/stores/apiStores.ts

@@ -1,20 +1,17 @@
 import { writable } from 'svelte/store';
-import { errorType } from '$models/Models'
+import { errorType } from '$models/Models';
 
 export let host = 'window.location.origin';
 export let username = '';
 export let password = '';
 export let csrfToken = '';
 
-
 export const csrfTokenStore = writable('');
 
-
 const hostStore = writable(''); //writable(window.location.origin);
 const usernameStore = writable('');
 const passwordStore = writable('');
 
-
 export const errorStore = writable(new errorType());
 
 hostStore.subscribe((value) => {
@@ -25,7 +22,6 @@ csrfTokenStore.subscribe((value) => {
 	csrfToken = value;
 });
 
-
 usernameStore.subscribe((value) => {
 	username = value;
 });

package/src/lib/stores/pageStores.ts

@@ -214,5 +214,3 @@ function createNotificationStore() {
 
 //crate and export the instance of the store
 export const notificationStore = createNotificationStore();
-
-