intelliwaketssveltekitv25 0.2.5 → 0.2.7

package/dist/ArrayFunctions.d.ts

@@ -9,6 +9,7 @@ export interface IArrayColumn<T extends Record<string, any>> {
     hideOnColumn?: string;
     hideOnFunction?: (rowData: any | null | undefined) => boolean;
     toNumberFormat?: TNumberStringOptions;
+    justify?: 'left' | 'center' | 'right';
     TSFormat?: string;
     sumInFooter?: boolean;
     doNotSort?: boolean;
@@ -25,6 +26,7 @@ export type IArrayStructure<T extends Record<string, any>> = {
     defaultSortAscending?: boolean;
     minColSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     rowClick?: (rowData: any) => void;
+    emptyMessage?: string | false;
     hidden?: boolean;
 };
 export type TClassNames = {
@@ -39,3 +41,4 @@ export declare function SumsInFooter<T extends Record<string, any>>(arrayData: T
 export declare function StructuredArray<T extends Record<string, any>>(arrayData: T[] | null, arrayStructure: IArrayStructure<T>): any[];
 export declare function ScreenFormatValue<T extends Record<string, any>>(value: any | null | undefined, column: IArrayColumn<T>): any | null | undefined;
 export declare function ColumnClassRight<T extends Record<string, any>>(column: IArrayColumn<T>): boolean;
+export declare function ColumnClassCenter<T extends Record<string, any>>(column: IArrayColumn<T>): boolean;

package/dist/ArrayFunctions.js

@@ -69,6 +69,9 @@ export function ScreenFormatValue(value, column) {
     }
 }
 export function ColumnClassRight(column) {
-    return column.toNumberFormat !== undefined ||
-        column.TSFormat !== undefined;
+    return column.justify === 'right' || (!column.justify && (column.toNumberFormat !== undefined ||
+        column.TSFormat !== undefined));
+}
+export function ColumnClassCenter(column) {
+    return column.justify === 'center';
 }

package/dist/ArrayTable.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" generics="T extends Record<string, any>">
 
 	import {
+		ColumnClassCenter,
 		ColumnClassRight,
 		ComputeValue,
 		type IArrayStructure,
@@ -77,31 +78,42 @@
 	</tr>
 	</thead>
 	<tbody>
-	{#each sortedArrayStructure as row, idx (idx)}
-		<tr class:cursor-pointer={!!arrayStructure.rowClick}
-				class:hover:bg-slate-50={!!arrayStructure.rowClick}
-				onclick={() => {
+	{#if !sortedArrayStructure.length}
+		{#if arrayStructure.emptyMessage !== false}
+			<tr>
+				<td colspan={validColumns.length} class="text-center text-slate-400 italic">
+					{arrayStructure.emptyMessage ?? 'No data available'}
+				</td>
+			</tr>
+		{/if}
+	{:else}
+		{#each sortedArrayStructure as row, idx (idx)}
+			<tr class:cursor-pointer={!!arrayStructure.rowClick}
+					class:hover:bg-slate-50={!!arrayStructure.rowClick}
+					onclick={() => {
 					if (!!arrayStructure.rowClick) arrayStructure.rowClick(row)
 				}}>
-			{#each validColumns as column, idx (idx)}
-				{@const computedValue = ComputeValue(row[column.fieldName], column, row)}
-				{@const formattedValue = ScreenFormatValue(computedValue, column)}
-				{#if !hideCosts || !column.isACost}
-					<td class="text-ellipsis overflow-hidden {!column.size ? '' : ` td-${column.size}`}"
-							class:text-right={ColumnClassRight(column)}
-							title={!!formattedValue && formattedValue.toString().length > 10 ? formattedValue : undefined}
-							onclick={e => {
+				{#each validColumns as column, idx (idx)}
+					{@const computedValue = ComputeValue(row[column.fieldName], column, row)}
+					{@const formattedValue = ScreenFormatValue(computedValue, column)}
+					{#if !hideCosts || !column.isACost}
+						<td class="text-ellipsis overflow-hidden {!column.size ? '' : ` td-${column.size}`}"
+								class:text-right={ColumnClassRight(column)}
+								class:text-center={ColumnClassCenter(column)}
+								title={!!formattedValue && formattedValue.toString().length > 10 ? formattedValue : undefined}
+								onclick={e => {
 								if (!!column.onclick) {
 									e.stopPropagation()
 									column.onclick(row, e)
 								}
 							}}>
-						{formattedValue}
-					</td>
-				{/if}
-			{/each}
-		</tr>
-	{/each}
+							{formattedValue}
+						</td>
+					{/if}
+				{/each}
+			</tr>
+		{/each}
+	{/if}
 	</tbody>
 	{#if ObjectKeys(sumsInFooter).length}
 		<tfoot>
@@ -110,6 +122,7 @@
 				{#if !hideCosts || !column.isACost}
 					<th class="text-ellipsis overflow-hidden {!column.size ? '' : ` td-${column.size}`}"
 							class:text-right={ColumnClassRight(column)}
+							class:text-center={ColumnClassCenter(column)}
 							title={
 						!!ScreenFormatValue(sumsInFooter[column.fieldName], column) &&
 						ScreenFormatValue(sumsInFooter[column.fieldName], column).length > 10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",