@bexis2/bexis2-core-ui 0.4.65 → 0.4.66

package/dist/__package_types_tmp__/models/Enums.d.ts

@@ -0,0 +1,51 @@
+export declare enum positionType {
+    start = "start",
+    end = "end",
+    center = "center"
+}
+export declare enum pageContentLayoutType {
+    full = "full",
+    center = "center"
+}
+export declare enum decimalCharacterType {
+    point = 0,
+    comma = 1
+}
+export declare enum orientationType {
+    columnwise = 0,
+    rowwise = 1
+}
+export declare enum textSeperatorType {
+    tab = 9,
+    comma = 44,
+    semicolon = 59,
+    space = 32
+}
+export declare enum textMarkerType {
+    quotes = 0,
+    doubleQuotes = 1
+}
+export declare enum notificationType {
+    success = 0,
+    warning = 1,
+    error = 2,
+    surface = 3
+}
+export declare enum FilterOptionsEnum {
+    'e' = "e",// Equal to
+    'ne' = "ne",// Not equal to
+    'gt' = "gt",// Greater than
+    'lt' = "lt",// Less than
+    'gte' = "gte",// Greater than or equal to
+    'lte' = "lte",// Less than or equal to
+    'c' = "c",// Contains
+    'nc' = "nc",// Does not contain
+    'sw' = "sw",// Starts with
+    'ew' = "ew",// Ends with,
+    'o' = "o",// On (date)
+    'sf' = "sf",// Starting from (date)
+    'a' = "a",// After (date)
+    'u' = "u",// Until (date)
+    'b' = "b",// Before (date)
+    'no' = "no"
+}

package/dist/__package_types_tmp__/models/Models.d.ts

@@ -0,0 +1,196 @@
+import type { SvelteComponent } from 'svelte';
+import type { ColumnFilterFn } from 'svelte-headless-table/lib/plugins';
+import type { Writable } from 'svelte/store';
+import type { FilterOptionsEnum, decimalCharacterType, notificationType, orientationType, textMarkerType, textSeperatorType } from './Enums';
+export interface linkType {
+    label: string;
+    url: string;
+}
+export interface inputType {
+    id: string;
+    label: string;
+    feedback: string[];
+    invalid: boolean;
+    valid: boolean;
+    required: boolean;
+    placeholder: string;
+}
+export interface fileInfoType {
+    name: string;
+    type: string;
+    length: number;
+    description: string;
+    validationHash: string;
+}
+export interface fileUploaderType {
+    accept: string[];
+    existingFiles: fileInfoType[];
+    descriptionType: number;
+    multiple: boolean;
+    maxSize: number;
+}
+export interface asciiFileReaderInfoType extends fileReaderInfoType {
+    cells: boolean[];
+    seperator: textSeperatorType;
+    textMarker: textMarkerType;
+}
+export interface fileReaderInfoType {
+    decimal: decimalCharacterType;
+    orientation: orientationType;
+    offset: number;
+    variables: number;
+    data: number;
+    unit: number;
+    description: number;
+    dateformat: string;
+}
+export interface filesType {
+    accepted: Blob[];
+    rejected: Blob[];
+}
+export type userType = {
+    name: string;
+};
+export interface fileObjType {
+    path: string;
+    lastModified: number;
+    lastModifiedDate: Date;
+    name: string;
+    size: number;
+    type: string;
+    webkitRelativePath: string;
+}
+export interface ColumnInstructions {
+    toStringFn?: (any: any) => string;
+    toSortableValueFn?: (any: any) => string | number;
+    toFilterableValueFn?: (any: any) => string | number | Date;
+    renderComponent?: typeof SvelteComponent;
+}
+export interface Column {
+    header?: string;
+    exclude?: boolean;
+    instructions?: ColumnInstructions;
+    disableFiltering?: boolean;
+    disableSorting?: boolean;
+    colFilterFn?: ColumnFilterFn;
+    colFilterComponent?: typeof SvelteComponent;
+    minWidth?: number;
+    fixedWidth?: number;
+}
+export interface Columns {
+    [key: string]: Column;
+}
+export type ServerConfig = {
+    baseUrl?: string;
+    sendModel?: Send;
+    entityId?: number;
+    versionId?: number;
+};
+export interface TableConfig<T> {
+    id: string;
+    data: Writable<T[]>;
+    resizable?: 'none' | 'rows' | 'columns' | 'both';
+    showColumnsMenu?: boolean;
+    toggle?: boolean;
+    search?: boolean;
+    fitToScreen?: boolean;
+    height?: null | number;
+    rowHeight?: number;
+    columns?: Columns;
+    exportable?: boolean;
+    pageSizes?: number[];
+    defaultPageSize?: number;
+    optionsComponent?: typeof SvelteComponent;
+    server?: ServerConfig;
+}
+export interface keyValuePairType {
+    id: number;
+    text: string;
+}
+export interface listItemType {
+    id: number;
+    text: string;
+    group: string;
+    description: string;
+}
+export interface helpItemType {
+    id?: string;
+    name: string;
+    description: string;
+    link?: string;
+}
+export interface helpStoreType {
+    itemId?: string;
+    helpItems: helpItemType[];
+}
+export interface notificationItemType {
+    notificationType?: notificationType;
+    message: string;
+}
+export interface notificationStoreType {
+    notificationType: notificationType;
+    message: string;
+    btnStyle: string;
+}
+export type ServerColumn = {
+    column: string;
+    key: string;
+    exclude?: boolean;
+    instructions?: {
+        missingValues?: {
+            [key: string | number]: string;
+        };
+        displayPattern?: string;
+    };
+};
+export type OrderBy = {
+    column: string;
+    direction: 'asc' | 'desc';
+};
+export type Filter = {
+    column: string;
+    filterBy: FilterOptionsEnum;
+    value: string | number | Date | boolean;
+};
+export interface FacetOption {
+    name: string;
+    displayName: string;
+    count?: number;
+    selected?: boolean;
+}
+export interface FacetGroup {
+    name: string;
+    displayName: string;
+    selected?: boolean;
+    children: FacetOption[];
+    count?: number;
+}
+export interface SelectedFacetGroup extends Omit<FacetGroup, 'children'> {
+    children: {
+        [key: string]: FacetOption;
+    };
+}
+export declare class Send {
+    id: number;
+    limit: number;
+    offset: number;
+    q: string;
+    version?: number;
+    filter: Filter[];
+    order: OrderBy[];
+    constructor();
+}
+export declare class Receive {
+    count: number;
+    data: any[];
+    send: Send;
+    columns?: ServerColumn[];
+    constructor();
+}
+export declare class errorType {
+    statusText: string;
+    status: number;
+    error: string;
+    stackTrace: string;
+    constructor();
+}

package/dist/__package_types_tmp__/models/Page.d.ts

@@ -0,0 +1,32 @@
+/********************************** */
+export interface breadcrumbItemType {
+    label: string;
+    link: string;
+}
+export declare class BreadcrumbModel {
+    items: breadcrumbItemType[];
+    constructor();
+}
+/********************************** */
+export declare class MenuModel {
+    Logo: logoType;
+    LaunchBar: menuItemType[];
+    MenuBar: menuItemType[];
+    AccountBar: menuItemType[];
+    Settings: menuItemType[];
+    Extended: menuItemType[];
+}
+export interface menuItemType {
+    Title: string;
+    Url: string;
+    Target: string;
+    Module: string;
+    Internal: boolean;
+    Items: menuItemType[];
+}
+export interface logoType {
+    Mime: string;
+    Name: string;
+    Data: string;
+    Height: number;
+}

package/dist/__package_types_tmp__/services/Api.d.ts

@@ -0,0 +1,7 @@
+export declare const Api: {
+    get: (url: any, request?: string) => Promise<import("axios").AxiosResponse<any, any>>;
+    delete: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    post: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    put: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    patch: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+};

package/dist/__package_types_tmp__/services/BaseCaller.d.ts

@@ -0,0 +1 @@
+export function goTo(url: any, intern?: boolean, target?: string): Promise<void>;

package/dist/__package_types_tmp__/stores/apiStores.d.ts

@@ -0,0 +1,8 @@
+import { errorType } from '$models/Models';
+export declare let host: string;
+export declare let username: string;
+export declare let password: string;
+export declare let csrfToken: string;
+export declare const csrfTokenStore: import("svelte/store").Writable<string>;
+export declare const errorStore: import("svelte/store").Writable<errorType>;
+export declare function setApiConfig(_host: string, _user: string, _pw: string): void;

package/dist/__package_types_tmp__/stores/pageStores.d.ts

@@ -0,0 +1,34 @@
+import type { helpItemType, helpStoreType, notificationItemType, notificationStoreType } from '$models/Models';
+import type { MenuModel, breadcrumbItemType } from '$models/Page';
+import { BreadcrumbModel } from '$models/Page';
+export declare const helpStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<helpStoreType>, invalidate?: import("svelte/store").Invalidator<helpStoreType> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: helpStoreType) => void;
+    update: (this: void, updater: import("svelte/store").Updater<helpStoreType>) => void;
+    setHelpItemList: (helpItems: helpItemType[]) => void;
+    setItemId: (itemId: string) => void;
+    resetItemId: () => void;
+    show: (itemId: string) => void;
+    showHelpItem: (helpItem: helpItemType) => void;
+    hide: () => void;
+    toggle: (itemId: string) => void;
+    reset: () => void;
+    clear: () => void;
+};
+export declare const menuStore: import("svelte/store").Writable<MenuModel>;
+export declare const breadcrumbStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<BreadcrumbModel>, invalidate?: import("svelte/store").Invalidator<BreadcrumbModel> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: BreadcrumbModel) => void;
+    update: (this: void, updater: import("svelte/store").Updater<BreadcrumbModel>) => void;
+    addItem: (item: breadcrumbItemType) => void;
+    updateItem: (item: breadcrumbItemType) => void;
+    clean: () => void;
+};
+export declare const notificationStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<notificationStoreType>, invalidate?: import("svelte/store").Invalidator<notificationStoreType> | undefined) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: notificationStoreType) => void;
+    update: (this: void, updater: import("svelte/store").Updater<notificationStoreType>) => void;
+    setNotification: (notificationItem: notificationItemType) => void;
+    showNotification: (notificationItem: notificationItemType) => void;
+    getBtnStyle: () => string;
+};

package/dist/__package_types_tmp__/themes/theme-bexis2.d.ts

@@ -0,0 +1,2 @@
+import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
+export declare const bexis2theme: CustomThemeConfig;

package/dist/components/form/Dropdown.svelte

@@ -0,0 +1,45 @@
+<script>
+	import InputContainer from './InputContainer.svelte';
+
+	export let id;
+	export let source;
+	export let target;
+	export let title;
+	export let valid = false;
+	export let invalid = false;
+	export let feedback = [''];
+	export let required = false;
+	export let help = false;
+
+	$: selected = null;
+
+	$: updatedSelectedValue(target);
+	$: updatedTarget(selected);
+
+	function updatedSelectedValue(selection) {
+		if (selection != null) {
+				selected = selection;
+		}
+	}
+
+	function updatedTarget(value) {
+			target = value;		
+	}
+</script>
+
+<InputContainer {id} label={title} {feedback} {required} {help}>
+	<select
+		{id}
+		class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
+		class:input-success={valid}
+		class:input-error={invalid}
+		bind:value={selected}
+		on:change
+		on:select
+	>
+		<option value={null}>-- Please select --</option>
+		{#each source as v}
+			<option value={v}>{v}</option>
+		{/each}
+	</select>
+</InputContainer>

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

@@ -0,0 +1,45 @@
+/** @typedef {typeof __propDef.props}  DropdownProps */
+/** @typedef {typeof __propDef.events}  DropdownEvents */
+/** @typedef {typeof __propDef.slots}  DropdownSlots */
+export default class Dropdown extends SvelteComponent<{
+    id: any;
+    target: any;
+    title: any;
+    source: any;
+    invalid?: boolean | undefined;
+    feedback?: string[] | undefined;
+    required?: boolean | undefined;
+    help?: boolean | undefined;
+    valid?: boolean | undefined;
+}, {
+    change: Event;
+    select: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type DropdownProps = typeof __propDef.props;
+export type DropdownEvents = typeof __propDef.events;
+export type DropdownSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        id: any;
+        target: any;
+        title: any;
+        source: any;
+        invalid?: boolean | undefined;
+        feedback?: string[] | undefined;
+        required?: boolean | undefined;
+        help?: boolean | undefined;
+        valid?: boolean | undefined;
+    };
+    events: {
+        change: Event;
+        select: Event;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/form/MultiSelect.svelte

@@ -23,10 +23,11 @@
 	export let help = false;
 	export let clearable = true;
 	export let disabled = false;
+	export let searchable = true;
 
 	let isLoaded = false;
 
-	$: value = null;
+	$: value = '';
 	$: updateTarget(value);
 	$: target, setValue(target);
 
@@ -141,10 +142,28 @@
 		if (!isMulti) {
 			//console.log("onmount",complexSource,complexTarget,value,target)
 			if (!complexSource && !complexTarget) {
-				value = {
-					value: t,
-					label: t
-				};
+
+
+				if(groupBy) { // if groupby is set, the value needs to be set as object with label and value, otherwise the select component does not recognize the value
+						value = {
+								value: t,
+								label: t
+							};
+					}
+					else //	if there is no groupby, the value can be set as simple value, otherwise the select component does not recognize the value
+					{
+							if(t === null || t === undefined || t === '') {
+									value = ''
+								}
+								else
+								{
+									value = {
+										value: t,
+										label: t
+									};
+								}
+					}
+				
 			}
 
 			if (complexSource && complexTarget) {
@@ -291,10 +310,12 @@
 		multiple={isMulti}
 		bind:value
 		{placeholder}
+
 		hasError={invalid}
 		{loading}
 		{clearable}
 		{disabled}
+		{searchable}
 		filter={filterFn}
 		on:change
 		on:input

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

@@ -20,6 +20,7 @@ export default class MultiSelect extends SvelteComponent<{
     loading?: boolean | undefined;
     clearable?: boolean | undefined;
     disabled?: boolean | undefined;
+    searchable?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
     input: CustomEvent<any>;
@@ -58,6 +59,7 @@ declare const __propDef: {
         loading?: boolean | undefined;
         clearable?: boolean | undefined;
         disabled?: boolean | undefined;
+        searchable?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package.json

@@ -1,7 +1,42 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.4.65",
+  "version": "0.4.66",
   "private": false,
+  "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
+  "keywords": [
+    "bexis2",
+    "libary"
+  ],
+  "homepage": "https://github.com/BEXIS2/bexis2-core-ui#readme",
+  "bugs": {
+    "url": "https://github.com/BEXIS2/bexis2-core-ui/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BEXIS2/bexis2-core-ui.git"
+  },
+  "license": "ISC",
+  "author": "David Schöne",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    },
+    "./dist/index.css": {
+      "import": "./dist/index.css",
+      "require": "./dist/index.css"
+    }
+  },
+  "main": "./src/lib/index.d.ts",
+  "types": "./src/lib/index.d.ts",
+  "directories": {
+    "test": "tests"
+  },
+  "files": [
+    "dist",
+    "src/lib"
+  ],
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
@@ -19,45 +54,6 @@
     "2.npm - package": "svelte-package",
     "3.npm - publish": "npm publish --access public"
   },
-  "devDependencies": {
-    "@playwright/test": "^1.45.3",
-    "@skeletonlabs/skeleton": "^2.10.2",
-    "@skeletonlabs/tw-plugin": "^0.4.0",
-    "@sveltejs/adapter-auto": "^3.2.2",
-    "@sveltejs/adapter-static": "^3.0.2",
-    "@sveltejs/package": "^2.3.2",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.13",
-    "@types/node": "^22.0.2",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^9.8.0",
-    "eslint-config-prettier": "^9.1.0",
-    "postcss": "^8.4.40",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.6",
-    "raw-loader": "^4.0.2",
-    "svelte": "^4.2.18",
-    "svelte-check": "^3.8.5",
-    "tailwindcss": "^3.4.7",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.4",
-    "vite": "^5.3.5",
-    "vitest": "^2.0.5"
-  },
-  "type": "module",
-  "module": "./src/lib/index.ts",
-  "types": "./src/lib/index.d.ts",
-  "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
-  "main": "./src/lib/index.d.ts",
-  "directories": {
-    "test": "tests"
-  },
-  "files": [
-    "dist",
-    "src/lib"
-  ],
   "dependencies": {
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-javascript": "^6.2.2",
@@ -87,28 +83,32 @@
     "svelte-select": "5.8.3",
     "vest": "^5.4.0"
   },
-  "author": "David Schöne",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/BEXIS2/bexis2-core-ui.git"
-  },
-  "bugs": {
-    "url": "https://github.com/BEXIS2/bexis2-core-ui/issues"
+  "devDependencies": {
+    "@playwright/test": "^1.45.3",
+    "@skeletonlabs/skeleton": "^2.10.2",
+    "@skeletonlabs/tw-plugin": "^0.4.0",
+    "@sveltejs/adapter-auto": "^3.2.2",
+    "@sveltejs/adapter-static": "^3.0.2",
+    "@sveltejs/package": "^2.3.2",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.13",
+    "@types/node": "^22.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^9.8.0",
+    "eslint-config-prettier": "^9.1.0",
+    "postcss": "^8.4.40",
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.2.6",
+    "raw-loader": "^4.0.2",
+    "svelte": "^4.2.18",
+    "svelte-check": "^3.8.5",
+    "tailwindcss": "^3.4.7",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vitest": "^2.0.5"
   },
-  "homepage": "https://github.com/BEXIS2/bexis2-core-ui#readme",
-  "keywords": [
-    "bexis2",
-    "libary"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    },
-    "./dist/index.css": {
-      "import": "./dist/index.css",
-      "require": "./dist/index.css"
-    }
-  }
+  "module": "./src/lib/index.ts"
 }