@stsdti/funky-ui-kit 1.8.5 → 1.8.7

package/dist/funky-ui-kit.esm.js

@@ -67202,6 +67202,29 @@ var BaseRepository = class BaseRepository {
 	insert = (data) => {
 		return this.submit("post", this.fullURL, data);
 	};
+	buildFormDataMultipart = (data, method = null) => {
+		const formData = new FormData();
+		if (!data) return formData;
+		Object.entries(data).forEach(([key, value]) => {
+			if (value instanceof File || value instanceof FileList) return;
+			if (typeof value === "object") {
+				formData.append(key, value ? JSON.stringify(value) : "");
+				return;
+			}
+			formData.append(key, value ?? "");
+		});
+		if (method) formData.append("_method", method);
+		this.appendFormDataMultipart(formData, data);
+		return formData;
+	};
+	updateToFormDataMultipart = (id, data) => {
+		const formData = this.buildFormDataMultipart(data, "PATCH");
+		return this.submitMultipart("post", `${this.fullURL}/${id}`, formData);
+	};
+	insertToFormDataMultipart = (data) => {
+		const formData = this.buildFormDataMultipart(data, "POST");
+		return this.submitMultipart("post", this.fullURL, formData);
+	};
 	updateBulk = (data) => {
 		return this.submit("patch", this.fullURL, data);
 	};
@@ -67245,6 +67268,31 @@ var BaseRepository = class BaseRepository {
 		});
 		return requestPromise;
 	}
+	submitMultipart(method, url, data = null, params = null, throttleMs = 400, axiosConfig = null) {
+		if (!(data instanceof FormData)) throw new Error("submitMultipart requires data to be an instance of FormData");
+		return this.axios({
+			method,
+			url,
+			data,
+			params,
+			crossDomain: true,
+			...axiosConfig ?? {},
+			headers: {
+				"Content-Type": "multipart/form-data",
+				"X-Process-Multipart": "true",
+				...axiosConfig?.headers ?? {}
+			}
+		});
+	}
+	appendFormDataMultipart(formData, data, rootName = "") {
+		if (data instanceof FileList) throw new Error("FileList is not supported in multipart payload. Please provide a File instead.");
+		else if (data instanceof File) formData.append(rootName, data);
+		else if (Array.isArray(data)) for (let i = 0; i < data.length; i++) this.appendFormDataMultipart(formData, data[i], `${rootName}/${i}`);
+		else if (typeof data === "object" && data !== null && !(data instanceof Date)) {
+			for (const key in data) if (Object.hasOwn(data, key)) if (rootName === "") this.appendFormDataMultipart(formData, data[key], key);
+			else this.appendFormDataMultipart(formData, data[key], `${rootName}/${key}`);
+		}
+	}
 	objectToQueryString(queryParameters) {
 		return Object.keys(queryParameters).map((key) => key + "=" + queryParameters[key]).join("&");
 	}
@@ -73228,22 +73276,23 @@ var AppInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	}),
 	emits: /*@__PURE__*/ mergeModels(["onSubmit", "blur"], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
-		useSlots();
+		const slots = useSlots();
 		let modelValue = useModel(__props, "modelValue");
 		const props = __props;
 		const emits = __emit;
+		const hasLeftIcon = computed(() => !!props.leftIcon || !!slots.iconLeft);
 		const clearStyle = computed(() => ({ "margin-right": isTypeNumber.value ? "2px" : "8px" }));
 		const inputClass = computed(() => ({
 			"input-empty no-spinner flex-1": true,
-			"pl-15": !props.leftIcon
+			"pl-15": !hasLeftIcon.value
 		}));
 		const inputContainerClass = computed(() => {
 			return {
 				"flex-center-vertical form-control": true,
 				"disabled-element": props.disabled,
-				"p-0": !props.leftIcon,
-				"no-padding-right": !!props.leftIcon,
-				"gap-1": !!props.leftIcon
+				"p-0": !hasLeftIcon.value,
+				"no-padding-right": !!hasLeftIcon.value,
+				"gap-1": !!hasLeftIcon.value
 			};
 		});
 		const isTypeNumber = computed(() => props.type === "number");
@@ -73289,7 +73338,7 @@ var AppInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
 				"help-block": withCtx(() => [renderSlot(_ctx.$slots, "help-block", {}, void 0, true)]),
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(inputContainerClass.value) }, [
-					__props.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_1$59, [createVNode(_component_app_icon, { value: __props.leftIcon }, null, 8, ["value"])])) : createCommentVNode("", true),
+					hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$59, [renderSlot(_ctx.$slots, "iconLeft", {}, () => [createVNode(_component_app_icon, { value: __props.leftIcon }, null, 8, ["value"])], true)])) : createCommentVNode("", true),
 					withDirectives(createElementVNode("input", mergeProps({
 						ref_key: "inputElement",
 						ref: inputElement,
@@ -73327,7 +73376,7 @@ var AppInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			})]), 1040);
 		};
 	}
-}, [["__scopeId", "data-v-5dd82e85"]]);
+}, [["__scopeId", "data-v-7a5068b0"]]);
 //#endregion
 //#region src/components/small/app-link/AppLink.vue
 var _hoisted_1$58 = {
@@ -125794,7 +125843,7 @@ var useFormEvent = {
 	fetched: "fetched"
 };
 function useForm(config, emits) {
-	const { onEvent, model = null, shouldFetchOnMount: defaultShouldFetchOnMount = true, shouldEmitOnMount = true, useInModal = false } = config;
+	const { onEvent, model = null, shouldFetchOnMount: defaultShouldFetchOnMount = true, shouldEmitOnMount = true, useInModal = false, useMultipart = false } = config;
 	const { fetchItem: fetchItem_, saveItem: saveItem_, deleteItem: deleteItem_ } = config;
 	const { validationPath: globalValidationPath } = config;
 	const repository = model?.getRepository();
@@ -125866,8 +125915,8 @@ function useForm(config, emits) {
 		let newItem = (0, import_lodash.cloneDeep)(item.value);
 		newItem = await transformer?.transformToApi?.(newItem);
 		let response = null;
-		if (item.value?.id) response = await repository.update(item.value?.id, newItem);
-		else response = await repository.insert(newItem);
+		if (item.value?.id) response = useMultipart ? await repository.updateToFormDataMultipart(item.value?.id, newItem) : await repository.update(item.value?.id, newItem);
+		else response = useMultipart ? await repository.insertToFormDataMultipart(newItem) : await repository.insert(newItem);
 		isLoading.value = false;
 		if (!ResponseUtils.isSuccess(response)) return response;
 		useDraft && formDraft.clearItemFromStorage();