@bagelink/vue 0.0.256 → 0.0.260

package/dist/components/form/inputs/FileUpload.vue.d.ts

@@ -11,6 +11,9 @@ declare const _default: import("vue").DefineComponent<{
     files: {
         type: import("vue").PropType<StorageFile | StorageFile[]>;
     };
+    deleteEndpoint: {
+        type: import("vue").PropType<string>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue").PropType<string | string[]>;
     label: {
@@ -23,6 +26,9 @@ declare const _default: import("vue").DefineComponent<{
     files: {
         type: import("vue").PropType<StorageFile | StorageFile[]>;
     };
+    deleteEndpoint: {
+        type: import("vue").PropType<string>;
+    };
 }>>, {}, {}>;
 export default _default;
 //# sourceMappingURL=FileUpload.vue.d.ts.map

package/dist/components/form/inputs/FileUpload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AA8FA;AAGA,OAAO,EACD,KAAK,WAAW,EACrB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AAuYvB,wBASG"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AA8FA;AAGA,OAAO,EACD,KAAK,WAAW,EACrB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4ZvB,wBAcG"}

package/dist/components/form/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAWA;AAOA,KAAK,MAAM,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AACF,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;;aAuIhC,SAAS,EAAE,GAAG,MAAM;;;;;;;;;;aAApB,SAAS,EAAE,GAAG,MAAM;;;;AAZ9B,wBAeG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAoBA;AAOA,KAAK,MAAM,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AACF,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;;aAuIhC,SAAS,EAAE,GAAG,MAAM;;;;;;;;;;aAApB,SAAS,EAAE,GAAG,MAAM;;;;AAZ9B,wBAeG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/index.cjs

@@ -2185,6 +2185,7 @@ class BagelAuth {
 class Bagel {
   constructor({ host, onError }) {
     __publicField(this, "host");
+    __publicField(this, "axiosInstance", axios);
     __publicField(this, "onError");
     __publicField(this, "read_table", null);
     __publicField(this, "auth", new BagelAuth(this));
@@ -26011,7 +26012,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props2.options, updateOptionList, { immediate: true });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-        vue.createElementVNode("label", { for: _ctx.id }, [
+        vue.createElementVNode("label", {
+          class: "txt-start",
+          for: _ctx.id
+        }, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
           vue.createVNode(vue.unref(Multiselect), {
             ref_key: "multiselect",
@@ -29165,7 +29169,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
     multiple: { type: Boolean },
-    files: {}
+    files: {},
+    deleteEndpoint: {}
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -29201,17 +29206,21 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const removeFile = (file) => {
       const index2 = storageFiles.value.indexOf(file);
       storageFiles.value.splice(index2, 1);
+      if (props2.deleteEndpoint)
+        void bagel.delete(`${props2.deleteEndpoint}/${file.id}`);
     };
     const flushQueue = () => {
-      fileQueue.value.forEach(async (file, i2) => {
-        if (!props2.multiple)
-          storageFiles.value.splice(0, 1);
-        const serverFile = await bagel.uploadFile(file.file, {
-          onUploadProgress: (e) => file.progress = e.progress * 100 - 1
-        });
-        storageFiles.value.push(serverFile);
-        fileQueue.value.splice(i2, 1);
-      });
+      fileQueue.value.forEach(
+        async (file, i2) => {
+          if (!props2.multiple)
+            storageFiles.value.splice(0, 1);
+          const serverFile = await bagel.uploadFile(file.file, {
+            onUploadProgress: (e) => file.progress = e.progress * 100 - 1
+          });
+          storageFiles.value.push(serverFile);
+          fileQueue.value.splice(i2, 1);
+        }
+      );
     };
     const browse = () => {
       const input = document.createElement("input");
@@ -29243,7 +29252,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const drop3 = (e) => {
       preventDefault(e);
       if (e.dataTransfer) {
-        Array.from(e.dataTransfer.files).forEach((file) => fileQueue.value.push({ name: file.name, file, progress: 0 }));
+        Array.from(e.dataTransfer.files).forEach(
+          (file) => fileQueue.value.push({ name: file.name, file, progress: 0 })
+        );
       }
       isDragOver.value = false;
       flushQueue();
@@ -29326,7 +29337,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7deb423e"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1be8d7b1"]]);
 const _withScopeId = (n) => (vue.pushScopeId("data-v-13b65ea3"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$d = ["title"];
 const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));

package/dist/index.mjs

@@ -2183,6 +2183,7 @@ class BagelAuth {
 class Bagel {
   constructor({ host, onError }) {
     __publicField(this, "host");
+    __publicField(this, "axiosInstance", axios);
     __publicField(this, "onError");
     __publicField(this, "read_table", null);
     __publicField(this, "auth", new BagelAuth(this));
@@ -26009,7 +26010,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     watch(() => props2.options, updateOptionList, { immediate: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        createElementVNode("label", { for: _ctx.id }, [
+        createElementVNode("label", {
+          class: "txt-start",
+          for: _ctx.id
+        }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
           createVNode(unref(Multiselect), {
             ref_key: "multiselect",
@@ -29163,7 +29167,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     label: {},
     multiple: { type: Boolean },
-    files: {}
+    files: {},
+    deleteEndpoint: {}
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -29199,17 +29204,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const removeFile = (file) => {
       const index2 = storageFiles.value.indexOf(file);
       storageFiles.value.splice(index2, 1);
+      if (props2.deleteEndpoint)
+        void bagel.delete(`${props2.deleteEndpoint}/${file.id}`);
     };
     const flushQueue = () => {
-      fileQueue.value.forEach(async (file, i2) => {
-        if (!props2.multiple)
-          storageFiles.value.splice(0, 1);
-        const serverFile = await bagel.uploadFile(file.file, {
-          onUploadProgress: (e) => file.progress = e.progress * 100 - 1
-        });
-        storageFiles.value.push(serverFile);
-        fileQueue.value.splice(i2, 1);
-      });
+      fileQueue.value.forEach(
+        async (file, i2) => {
+          if (!props2.multiple)
+            storageFiles.value.splice(0, 1);
+          const serverFile = await bagel.uploadFile(file.file, {
+            onUploadProgress: (e) => file.progress = e.progress * 100 - 1
+          });
+          storageFiles.value.push(serverFile);
+          fileQueue.value.splice(i2, 1);
+        }
+      );
     };
     const browse = () => {
       const input = document.createElement("input");
@@ -29241,7 +29250,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const drop3 = (e) => {
       preventDefault(e);
       if (e.dataTransfer) {
-        Array.from(e.dataTransfer.files).forEach((file) => fileQueue.value.push({ name: file.name, file, progress: 0 }));
+        Array.from(e.dataTransfer.files).forEach(
+          (file) => fileQueue.value.push({ name: file.name, file, progress: 0 })
+        );
       }
       isDragOver.value = false;
       flushQueue();
@@ -29324,7 +29335,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7deb423e"]]);
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1be8d7b1"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-13b65ea3"), n = n(), popScopeId(), n);
 const _hoisted_1$d = ["title"];
 const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));

package/dist/style.css

@@ -1230,7 +1230,7 @@ fieldset[disabled] .multiselect {
 	padding-inline-start: 0rem;
 }
 .multiselect--active .multiselect__input {
-		margin-top: -0.5rem;
+	margin-top: -0.5rem;
 }
 .multiselect__input::placeholder {
 	color: var(--input-color);
@@ -1913,7 +1913,7 @@ to {
   color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-7deb423e] {
+.bagel-input .fileUploadWrap[data-v-1be8d7b1] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1923,7 +1923,7 @@ to {
 	height: 132px;
 	font-size: var(--input-font-size);
 }
-.previewName[data-v-7deb423e] {
+.previewName[data-v-1be8d7b1] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -1931,37 +1931,37 @@ to {
 	grid-template-columns: 1fr 22px;
 	align-items: center;
 }
-.previewName p[data-v-7deb423e] {
+.previewName p[data-v-1be8d7b1] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-7deb423e] {
+.imagePreviewWrap[data-v-1be8d7b1] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	height: 90px;
 	padding: 5px;
 }
-img.preview[data-v-7deb423e] {
+img.preview[data-v-1be8d7b1] {
 	height: 80px;
 	border-radius: var(--input-border-radius);
 	object-fit: contain;
 }
-.fileUploadWrap.dragover[data-v-7deb423e],
-.fileUploadWrap[data-v-7deb423e]:hover {
+.fileUploadWrap.dragover[data-v-1be8d7b1],
+.fileUploadWrap[data-v-1be8d7b1]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-7deb423e] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-1be8d7b1] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--bgl-gray);
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-7deb423e]:after {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-1be8d7b1]:after {
 	content: "Drop files here or click to upload";
 }
-.pie[data-v-7deb423e] {
+.pie[data-v-1be8d7b1] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1969,7 +1969,7 @@ img.preview[data-v-7deb423e] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-7deb423e]:before {
+.pie[data-v-1be8d7b1]:before {
 	content: "";
 	position: absolute;
 	border-radius: 50%;
@@ -1983,26 +1983,26 @@ img.preview[data-v-7deb423e] {
 			#0000 calc(99% - var(--b)),
 			#000 calc(100% - var(--b)));
 }
-.pie .success[data-v-7deb423e] {
+.pie .success[data-v-1be8d7b1] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-7deb423e] {
+.pie .progress[data-v-1be8d7b1] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-7deb423e] {
+.pie.complete .progress[data-v-1be8d7b1] {
 	display: none;
 }
-.pie.complete .success[data-v-7deb423e] {
+.pie.complete .success[data-v-1be8d7b1] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-7deb423e]:before {
+.pie.complete[data-v-1be8d7b1]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-7deb423e] {
+.pie.complete[data-v-1be8d7b1] {
 	color: var(--bgl-green);
 }
 

package/dist/types/file.d.ts

@@ -1,5 +1,5 @@
 export type StorageFile = {
-    organization: string[];
+    organization?: string[];
     name: string;
     url: string;
     mimetype?: string;

package/dist/types/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/types/file.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC5B,CAAA"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/types/file.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC5B,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.256",
+  "version": "0.0.260",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/FileUpload.vue

@@ -109,7 +109,12 @@ type QueueFile = {
 	uploaded?: boolean;
 };
 
-const props = defineProps<{ label: string, multiple?: boolean, files?: StorageFile | StorageFile[], }>();
+const props = defineProps<{
+	label: string,
+	multiple?: boolean,
+	files?: StorageFile | StorageFile[],
+	deleteEndpoint?: string;
+}>();
 
 const file_ids = defineModel<string[] | string>('modelValue');
 const storageFiles = $ref<StorageFile[]>([]);
@@ -139,16 +144,21 @@ const fileToUrl = (file: File) => URL.createObjectURL(file);
 const removeFile = (file: StorageFile) => {
 	const index = storageFiles.indexOf(file);
 	storageFiles.splice(index, 1);
+
+	if (props.deleteEndpoint) void bagel.delete(`${props.deleteEndpoint}/${file.id}`);
 };
+
 const flushQueue = () => {
-	fileQueue.forEach(async (file, i) => {
-		if (!props.multiple) storageFiles.splice(0, 1);
-		const serverFile = await bagel.uploadFile(file.file, {
-			onUploadProgress: (e: any) => (file.progress = e.progress * 100 - 1),
-		});
-		storageFiles.push(serverFile);
-		fileQueue.splice(i, 1);
-	});
+	fileQueue.forEach(
+		async (file, i) => {
+			if (!props.multiple) storageFiles.splice(0, 1);
+			const serverFile = await bagel.uploadFile<StorageFile>(file.file, {
+				onUploadProgress: (e: any) => (file.progress = e.progress * 100 - 1),
+			});
+			storageFiles.push(serverFile);
+			fileQueue.splice(i, 1);
+		},
+	);
 };
 
 const browse = () => {
@@ -180,7 +190,13 @@ const dragover = (e: DragEvent) => {
 const drop = (e: DragEvent) => {
 	preventDefault(e);
 	if (e.dataTransfer) {
-		Array.from(e.dataTransfer.files).forEach((file: File) => fileQueue.push({ name: file.name, file, progress: 0 }));
+		Array
+			.from(e.dataTransfer.files)
+			.forEach(
+				(file: File) => (
+					fileQueue.push({ name: file.name, file, progress: 0 })
+				),
+			);
 	}
 	isDragOver = false;
 	flushQueue();

package/src/components/form/inputs/SelectInput.vue

@@ -1,10 +1,19 @@
 <template>
 	<div class="pb-1">
-		<label :for="id">
+		<label
+			class="txt-start"
+			:for="id"
+		>
 			{{ label }}
 			<Multiselect
-				ref="multiselect" :id="id" label="label" trackBy="value" :options="optionList" :required="required"
-				:placeholder="placeholder" v-model="seletValue"
+				ref="multiselect"
+				:id="id"
+				label="label"
+				trackBy="value"
+				:options="optionList"
+				:required="required"
+				:placeholder="placeholder"
+				v-model="seletValue"
 			/>
 		</label>
 	</div>
@@ -183,8 +192,9 @@ fieldset[disabled] .multiselect {
 	font-size: var(--input-font-size);
 	padding-inline-start: 0rem;
 }
+
 .multiselect--active .multiselect__input {
-		margin-top: -0.5rem;
+	margin-top: -0.5rem;
 }
 
 .multiselect__input::placeholder {

package/src/types/file.ts

@@ -1,5 +1,5 @@
 export type StorageFile = {
-  organization: string[];
+  organization?: string[];
   name: string;
   url: string;
   mimetype?: string;