@bexis2/bexis2-core-ui 0.0.16 → 0.0.17

package/dist/components/File/FileUploader.svelte

@@ -1,183 +1,101 @@
-<script>
-
-import type { FileUploaderModel, FileInfo, Files} from '../../models/Models.js'
-
-
-import DropZone from "svelte-file-dropzone/Dropzone.svelte";
-import {Fa} from 'svelte-fa'
-
-import Spinner from '../Spinner/Spinner.svelte';
-import { createEventDispatcher } from 'svelte';
-import { faTrash } from '@fortawesome/free-solid-svg-icons'
-import { faSave } from '@fortawesome/free-regular-svg-icons'
-import { faFileUpload } from '@fortawesome/free-solid-svg-icons'
-
-import { Api } from '../../services/Api.js'
-
-export let id=0;
-export let version=1;
-
-import { onMount } from 'svelte'
-
-// export let description="";
-// export let status=0;
-
-
-//action to load fileupload model
-export let start="";
-//action to save selected file 
-export let submit="";
-
-export let context="";
-
-export let data:FileUploaderModel | undefined;
-
-$:model= data;
-$:submitBt ="submit";
-
-let maxSize=0;
-
-const dispatch = createEventDispatcher();
-
-let fx:FileInfo[]
-
-let files:Files = {accepted:[], rejected:[]};
-$:files;
-
-onMount(async () => {
-
-  console.log("fileupload - OnMount", data);
-
-
-  if(!data)
-  {
-    load();
-  }
-  else
-  {
-    model = data;  
-  }
-
-  if(model)
-  {
-    submitBt += context;   
-    maxSize = (model.maxSize*1024)*1024
-  }
-
-})
-
-// load modal from server 
-async function load()
-{
-  let url = start+"?id="+id+"&version="+version;
-  
-  // load menu froms server
-  const res = await Api.get(url);
-  model = await res.json();
-
-  console.log("fileupload",model);
-  
-
-}
-
-function handleFilesSelect(e:any) {
-
-  console.log("handleFilesSelect", e);
-  console.log("files", files);
-
-
-  const { acceptedFiles, fileRejections } = e.detail;
-
- 
-  files.accepted = [...files.accepted, ...acceptedFiles];
-  files.rejected = [...files.rejected, ...fileRejections];
-
-
-  console.log("acceptedFiles", acceptedFiles);
-  console.log("files.accepted", files.accepted);
-
-
-  if(fileRejections.length>0)
-  {
-    //alert("the dropped file is not supported");
-    console.log("the dropped file is not supported.");
-    console.log(files.rejected);
-
-    let messages = [""];
-    
-    for (let index = 0; index < fileRejections.length; index++) {
-      const element = fileRejections[index];
-      messages.push(getErrorMessage(element))
-    }
-
-    console.log(messages);
-    
-    dispatch("error", {messages})
-    //list up the errors somewhere
-    files.rejected = []
-  }
-
-  if(acceptedFiles.length>0)
-  {
-      document.getElementById(submitBt)?.click(); 
-  }
-
-}
-
-function getErrorMessage(rejected)
-{
-  let message = "";
-  message = rejected.file.path+" : ";
-  let errors = rejected.errors;
-  for (let index = 0; index < errors.length; index++) {
-    const error = errors[index];
-    message+=error.message
-  }
-
-  return message;
-}
-
-async function handleSubmit() {
-
-    console.log("SUBMIT");
-
-    dispatch('submit')
-
-    let url = submit+"?id="+id;
-
-    // console.log(model);
-    // console.log(url);
-    console.log("SUBMIT");
-
-    if (files.accepted.length > 0) {
-
-      console.log(files);
-
-      const formData = new FormData();
-      formData.append("files","123"); 
-      // Looping over all files and add it to FormData object  
-      for (var i = 0; i < files.accepted.length; i++) {  
-           
- 
-          formData.append(files.accepted[i].name, files.accepted[i]);  
-      }  
-      
-
-      const response = await Api.post(url, formData);
-
-      if(response.status==200)
-      {
-        dispatch('submited');
-
-        let message = files.accepted.length +" is/are uploaded";
-        dispatch('success', {text:message})
-
-        files.accepted = [];
-
-      }
-    }
-  }
-
+<script>import DropZone from "svelte-file-dropzone/Dropzone.svelte";
+import { Fa } from "svelte-fa";
+import Spinner from "../Spinner/Spinner.svelte";
+import { createEventDispatcher } from "svelte";
+import { faTrash } from "@fortawesome/free-solid-svg-icons";
+import { faSave } from "@fortawesome/free-regular-svg-icons";
+import { faFileUpload } from "@fortawesome/free-solid-svg-icons";
+import { Api } from "../../services/Api.js";
+export let id = 0;
+export let version = 1;
+import { onMount } from "svelte";
+export let start = "";
+export let submit = "";
+export let context = "";
+export let data;
+$:
+  model = data;
+$:
+  submitBt = "submit";
+let maxSize = 0;
+const dispatch = createEventDispatcher();
+let fx;
+let files = { accepted: [], rejected: [] };
+$:
+  files;
+onMount(async () => {
+  console.log("fileupload - OnMount", data);
+  if (!data) {
+    load();
+  } else {
+    model = data;
+  }
+  if (model) {
+    submitBt += context;
+    maxSize = model.maxSize * 1024 * 1024;
+  }
+});
+async function load() {
+  let url = start + "?id=" + id + "&version=" + version;
+  const res = await Api.get(url);
+  model = await res.json();
+  console.log("fileupload", model);
+}
+function handleFilesSelect(e) {
+  console.log("handleFilesSelect", e);
+  console.log("files", files);
+  const { acceptedFiles, fileRejections } = e.detail;
+  files.accepted = [...files.accepted, ...acceptedFiles];
+  files.rejected = [...files.rejected, ...fileRejections];
+  console.log("acceptedFiles", acceptedFiles);
+  console.log("files.accepted", files.accepted);
+  if (fileRejections.length > 0) {
+    console.log("the dropped file is not supported.");
+    console.log(files.rejected);
+    let messages = [""];
+    for (let index = 0; index < fileRejections.length; index++) {
+      const element = fileRejections[index];
+      messages.push(getErrorMessage(element));
+    }
+    console.log(messages);
+    dispatch("error", { messages });
+    files.rejected = [];
+  }
+  if (acceptedFiles.length > 0) {
+    document.getElementById(submitBt)?.click();
+  }
+}
+function getErrorMessage(rejected) {
+  let message = "";
+  message = rejected.file.path + " : ";
+  let errors = rejected.errors;
+  for (let index = 0; index < errors.length; index++) {
+    const error = errors[index];
+    message += error.message;
+  }
+  return message;
+}
+async function handleSubmit() {
+  console.log("SUBMIT");
+  dispatch("submit");
+  let url = submit + "?id=" + id;
+  console.log("SUBMIT");
+  if (files.accepted.length > 0) {
+    console.log(files);
+    const formData = new FormData();
+    formData.append("files", "123");
+    for (var i = 0; i < files.accepted.length; i++) {
+      formData.append(files.accepted[i].name, files.accepted[i]);
+    }
+    const response = await Api.post(url, formData);
+    if (response.status == 200) {
+      dispatch("submited");
+      let message = files.accepted.length + " is/are uploaded";
+      dispatch("success", { text: message });
+      files.accepted = [];
+    }
+  }
+}
 </script>
 
 <form on:submit|preventDefault={handleSubmit}>

package/dist/components/File/FileUploader.svelte.d.ts

@@ -1,35 +1,13 @@
-/** @typedef {typeof __propDef.props}  FileUploaderProps */
-/** @typedef {typeof __propDef.events}  FileUploaderEvents */
-/** @typedef {typeof __propDef.slots}  FileUploaderSlots */
-export default class FileUploader extends SvelteComponentTyped<{
-    data: FileUploaderModel | undefined;
-    submit?: string | undefined;
-    id?: number | undefined;
-    version?: number | undefined;
-    start?: string | undefined;
-    context?: string | undefined;
-}, {
-    error: CustomEvent<any>;
-    submit: CustomEvent<any>;
-    submited: CustomEvent<any>;
-    success: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FileUploaderProps = typeof __propDef.props;
-export type FileUploaderEvents = typeof __propDef.events;
-export type FileUploaderSlots = typeof __propDef.slots;
-import { FileUploaderModel } from '../../models/Models.js';
 import { SvelteComponentTyped } from "svelte";
+import type { FileUploaderModel } from '../../models/Models.js';
 declare const __propDef: {
     props: {
-        data: FileUploaderModel | undefined;
-        submit?: string | undefined;
         id?: number | undefined;
         version?: number | undefined;
         start?: string | undefined;
+        submit?: string | undefined;
         context?: string | undefined;
+        data: FileUploaderModel | undefined;
     };
     events: {
         error: CustomEvent<any>;
@@ -41,4 +19,9 @@ declare const __propDef: {
     };
     slots: {};
 };
+export type FileUploaderProps = typeof __propDef.props;
+export type FileUploaderEvents = typeof __propDef.events;
+export type FileUploaderSlots = typeof __propDef.slots;
+export default class FileUploader extends SvelteComponentTyped<FileUploaderProps, FileUploaderEvents, FileUploaderSlots> {
+}
 export {};

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "private": false,
   "scripts": {
     "dev": "vite dev",
     "package": "svelte-package",
     "build": "vite build",
+    "build package": "svelte-kit sync && svelte-package --watch",
     "preview": "vite preview",
     "test": "playwright test",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
@@ -23,6 +24,7 @@
     "@sveltejs/adapter-auto": "^2.0.0",
     "@sveltejs/kit": "^1.5.0",
     "@sveltejs/package": "^2.0.2",
+    "@sveltejs/adapter-static": "^2.0.2",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "autoprefixer": "^10.4.14",