@bexis2/bexis2-core-ui 0.4.13 → 0.4.14

package/README.md

@@ -1,4 +1,11 @@
 # bexis-core-ui
+## 0.4.14
+- Table 
+  - fixes rendering issues with Table filters and different components
+  
+- Facets
+  - Exports Facets component
+
 ## 0.4.13
 - menu
   - fix code isses

package/dist/components/Table/TableContent.svelte

@@ -64,7 +64,7 @@ let {
 let searchValue = "";
 let isFetching = false;
 const serverSide = server !== void 0;
-const { baseUrl, sendModel, entityId, versionId } = server ?? {};
+const { baseUrl, entityId, versionId, sendModel = new Send() } = server ?? {};
 const filters = writable({});
 const dispatch = createEventDispatcher();
 const actionDispatcher = (obj) => dispatch("action", obj);
@@ -361,7 +361,11 @@ $: $hiddenColumnIds = shownColumns.filter((col) => !col.visible).map((col) => co
 				</form>
 			{/if}
 
-			<div class="flex justify-between items-center w-full {search && 'py-2'}">
+			<div
+				class="flex justify-between items-center w-full {search && 'py-2'} {!search &&
+					(shownColumns.length > 0 || toggle || resizable !== 'none' || exportable) &&
+					'pb-2'}"
+			>
 				<div>
 					<!-- Enable the fitToScreen toggle if toggle === true -->
 					{#if toggle}

package/dist/components/Table/TableFilter.svelte

@@ -205,7 +205,7 @@ onMount(() => {
 		<Fa icon={faFilter} size="12" />
 	</button>
 
-	<div data-popup={popupId} id={popupId} class="">
+	<div data-popup={popupId} id={popupId} class="z-50">
 		<div class="card p-3 grid gap-2 shadow-lg w-max bg-base-100">
 			<button
 				class="btn variant-filled-primary btn-sm"

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import Table from './components/Table/Table.svelte';
 import TableFilter from './components/Table/TableFilter.svelte';
 import { columnFilter, searchFilter } from './components/Table/filter';
 import type { TableConfig, Columns, Column } from './models/Models';
+import Facets from './components/Facets/Facets.svelte';
 import CodeEditor from './components/CodeEditor/CodeEditor.svelte';
 import Notification from './components/page/Notification.svelte';
 import TablePlaceholder from './components/page/TablePlaceholder.svelte';
@@ -38,6 +39,7 @@ export { Notification };
 export { TablePlaceholder };
 export { positionType, pageContentLayoutType, decimalCharacterType, orientationType, textMarkerType, textSeperatorType } from './models/Enums';
 export { Table, TableFilter, columnFilter, searchFilter };
+export { Facets };
 export { CodeEditor };
 export type { TableConfig, Columns, Column };
 export { bexis2theme };

package/dist/index.js

@@ -24,6 +24,8 @@ import TextArea from './components/form/TextArea.svelte';
 import Table from './components/Table/Table.svelte';
 import TableFilter from './components/Table/TableFilter.svelte';
 import { columnFilter, searchFilter } from './components/Table/filter';
+//Facets
+import Facets from './components/Facets/Facets.svelte';
 // CodeEditor
 import CodeEditor from './components/CodeEditor/CodeEditor.svelte';
 //notification
@@ -53,6 +55,8 @@ export { TablePlaceholder };
 export { positionType, pageContentLayoutType, decimalCharacterType, orientationType, textMarkerType, textSeperatorType } from './models/Enums';
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };
+// Facets
+export { Facets };
 // CodeEditor
 export { CodeEditor };
 // theme

package/dist/models/Models.d.ts

@@ -82,7 +82,7 @@ export interface Columns {
 }
 export type ServerConfig = {
     baseUrl?: string;
-    sendModel: Send;
+    sendModel?: Send;
     entityId?: number;
     versionId?: number;
 };

package/package.json

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

package/src/lib/components/Table/TableContent.svelte

@@ -62,7 +62,7 @@
 	let searchValue = '';
 	let isFetching = false;
 	const serverSide = server !== undefined;
-	const { baseUrl, sendModel, entityId, versionId } = server ?? {};
+	const { baseUrl, entityId, versionId, sendModel = new Send() } = server ?? {};
 
 	const filters = writable<{
 		[key: string]: { [key in FilterOptionsEnum]?: number | string | Date };
@@ -429,7 +429,11 @@
 				</form>
 			{/if}
 
-			<div class="flex justify-between items-center w-full {search && 'py-2'}">
+			<div
+				class="flex justify-between items-center w-full {search && 'py-2'} {!search &&
+					(shownColumns.length > 0 || toggle || resizable !== 'none' || exportable) &&
+					'pb-2'}"
+			>
 				<div>
 					<!-- Enable the fitToScreen toggle if toggle === true -->
 					{#if toggle}

package/src/lib/components/Table/TableFilter.svelte

@@ -244,7 +244,7 @@
 		<Fa icon={faFilter} size="12" />
 	</button>
 
-	<div data-popup={popupId} id={popupId} class="">
+	<div data-popup={popupId} id={popupId} class="z-50">
 		<div class="card p-3 grid gap-2 shadow-lg w-max bg-base-100">
 			<button
 				class="btn variant-filled-primary btn-sm"

package/src/lib/index.ts

@@ -30,6 +30,9 @@ import TableFilter from './components/Table/TableFilter.svelte';
 import { columnFilter, searchFilter } from './components/Table/filter';
 import type { TableConfig, Columns, Column } from './models/Models';
 
+//Facets
+import Facets from './components/Facets/Facets.svelte';
+
 // CodeEditor
 import CodeEditor from './components/CodeEditor/CodeEditor.svelte';
 
@@ -103,6 +106,9 @@ export {
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };
 
+// Facets
+export { Facets };
+
 // CodeEditor
 export { CodeEditor };
 

package/src/lib/models/Models.ts

@@ -107,7 +107,7 @@ export interface Columns {
 // Server config type for the table 
 export type ServerConfig = {
 	baseUrl?: string; // Base URL for server-side table
-	sendModel: Send; // Send model for server-side table
+	sendModel?: Send; // Send model for server-side table
 	entityId?: number; // Entity ID for server-side table
 	versionId?: number; // Version ID for server-side table
 };
@@ -124,7 +124,7 @@ export interface TableConfig<T> {
 	rowHeight?: number; // auto by default
 	columns?: Columns;
 	exportable?: boolean; // false by default
-	pageSizes?: number[]; // [5, 10, 15, 20] by default
+	pageSizes?: number[]; // [5, 10, 20, 50, 100] by default
 	defaultPageSize?: number; // 10 by default
 	optionsComponent?: typeof SvelteComponent;