@plitzi/sdk-shared 0.32.1 → 0.32.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @plitzi/sdk-shared
 
+## 0.32.3
+
+### Patch Changes
+
+- v0.32.3
+- Updated dependencies
+  - @plitzi/nexus@0.32.3
+
+## 0.32.2
+
+### Patch Changes
+
+- v0.32.2
+- Updated dependencies
+  - @plitzi/nexus@0.32.2
+
 ## 0.32.1
 
 ### Patch Changes

package/dist/dataSource/getBindingsDetails.d.ts

@@ -0,0 +1,10 @@
+import { Element } from '../types';
+import { RuleValue } from '@plitzi/plitzi-ui/QueryBuilder';
+declare const getBindingsDetails: (dataSource: Record<string, RuleValue>, element: Element, style?: Record<string, string>) => {
+    attributes: Record<string, unknown> & {
+        subType?: string;
+    };
+    style: Record<string, string>;
+    definition: import('..').ElementDefinition;
+};
+export default getBindingsDetails;

package/dist/dataSource/getBindingsDetails.mjs

@@ -0,0 +1,49 @@
+import e from "./utility/index.mjs";
+import { camelCase as t, get as n, set as r } from "@plitzi/plitzi-ui";
+import { QueryBuilderEvaluator as i } from "@plitzi/plitzi-ui/QueryBuilder";
+import { produce as a } from "immer";
+//#region src/dataSource/getBindingsDetails.ts
+var o = (e, t, r, i, a, o) => {
+	let s = r && t ? `${t}.${r}` : void 0, c = a === "initialState" ? `definition.${a}.${o}` : `${a}.${o}`;
+	return {
+		fromValue: s ? n(e, s, n(i, c)) : void 0,
+		toValue: n(i, c, s ? n(e, s) : void 0)
+	};
+}, s = (s, c, l = {}) => {
+	let { attributes: u, definition: d } = c, { bindings: f } = d;
+	return !f || typeof f == "object" && !Object.keys(f).length ? {
+		attributes: u,
+		style: {},
+		definition: d
+	} : a({
+		attributes: u,
+		style: l,
+		definition: d
+	}, (a) => {
+		Object.keys(f).forEach((c) => {
+			!f[c] || !Array.isArray(f[c]) || !f[c].length || f[c].forEach((l) => {
+				let { source: u, fromPath: d, transformers: f, when: p, enabled: m = !0 } = l, { toPath: h } = l;
+				if (!h || p && !i(p, s, !1, !0) || !m) return;
+				c === "style" && (h = t(h));
+				let { fromValue: g, toValue: _ } = o(s, u, d, a, c, h), v = g;
+				f && Array.isArray(f) && f.length > 0 && f.forEach((t) => {
+					let { type: r, action: i, params: o } = t;
+					switch (r) {
+						case "utility": {
+							let t = n(e, `${i}.callback`);
+							if (typeof t != "function") break;
+							v = t(v, o, a, {
+								...s,
+								sourceTo: _
+							});
+							break;
+						}
+						default:
+					}
+				}), (typeof v == "boolean" || typeof v == "number" || v) && (c === "initialState" ? r(a, `definition.${c}.${h}`, v) : r(a, `${c}.${h}`, v));
+			});
+		});
+	});
+};
+//#endregion
+export { s as default };

package/dist/dataSource/hooks/useRegisterSource.mjs

@@ -1,7 +1,7 @@
 import { makeId as e } from "../../helpers/utils.mjs";
 import { useEffect as t, useMemo as n } from "react";
 import { omit as r } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as i } from "@plitzi/nexus/createStore";
+import { createStoreHook as i } from "@plitzi/nexus/react";
 //#region src/dataSource/hooks/useRegisterSource.ts
 var a = ({ id: a = "", source: o, name: s, fields: c = [] }) => {
 	let { useStoreSetter: l } = i(), u = l(), d = n(() => `${a}_${e(8)}`, [a]);

package/dist/dataSource/index.d.ts

@@ -1 +1,3 @@
 export * from './hooks';
+export { default as getBindingsDetails } from './getBindingsDetails';
+export { default as utility, utilityOptions } from './utility';

package/dist/dataSource/index.mjs

@@ -1,2 +1,4 @@
 import e from "./hooks/useRegisterSource.mjs";
-export { e as useRegisterSource };
+import t, { utilityOptions as n } from "./utility/index.mjs";
+import r from "./getBindingsDetails.mjs";
+export { r as getBindingsDetails, e as useRegisterSource, t as utility, n as utilityOptions };

package/dist/dataSource/utility/arrayMap.d.ts

@@ -0,0 +1,6 @@
+import { DataSourceUtility } from '../../types';
+declare const arrayMap: DataSourceUtility<string[] | string, string | string[] | Record<string, string>[], string | {
+    from: string;
+    to: string;
+}[]>;
+export default arrayMap;

package/dist/dataSource/utility/arrayMap.mjs

@@ -0,0 +1,28 @@
+import { get as e, set as t } from "@plitzi/plitzi-ui/helpers";
+var n = {
+	action: "arrayMap",
+	title: "Array Map",
+	type: "utility",
+	params: { keys: {
+		defaultValue: "[{\"from\": \"\", \"to\": \"\"}]",
+		type: "textarea"
+	} },
+	preview: { sourceParsed: "" },
+	callback: (n, r) => {
+		let { keys: i } = r;
+		if (!Array.isArray(n)) return n;
+		try {
+			typeof i == "string" && (i = JSON.parse(i));
+		} catch {
+			return n;
+		}
+		return n.map((n) => {
+			let r = {};
+			return i.forEach((i) => {
+				typeof i == "object" && i.from && i.to && t(r, i.to, e(n, i.from, ""));
+			}), r;
+		});
+	}
+};
+//#endregion
+export { n as default };

package/dist/dataSource/utility/capitalize.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceUtility } from '../../types';
+declare const capitalize: DataSourceUtility;
+export default capitalize;

package/dist/dataSource/utility/capitalize.mjs

@@ -0,0 +1,11 @@
+import { capitalize as e } from "@plitzi/plitzi-ui/helpers";
+var t = {
+	action: "capitalize",
+	title: "Capitalize",
+	type: "utility",
+	params: {},
+	preview: { content: "" },
+	callback: (t) => typeof t == "string" ? e(t) : t
+};
+//#endregion
+export { t as default };

package/dist/dataSource/utility/dateConverter.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceUtility } from '../../types';
+declare const dateConverter: DataSourceUtility;
+export default dateConverter;

package/dist/dataSource/utility/dateConverter.mjs

@@ -0,0 +1,60 @@
+import { formatDate as e, formatDateUTC as t, formatFromNow as n, parseDate as r } from "../../helpers/formatDate.mjs";
+var i = {
+	action: "dateConverter",
+	title: "Date Converter",
+	type: "utility",
+	params: {
+		format: {
+			defaultValue: "dd/MM/yyyy",
+			type: "text"
+		},
+		asAge: {
+			defaultValue: !1,
+			type: "checkbox"
+		},
+		isUnix: {
+			defaultValue: !0,
+			type: "checkbox"
+		},
+		isUtc: {
+			defaultValue: !1,
+			type: "checkbox"
+		},
+		locale: {
+			defaultValue: "en",
+			type: "select",
+			options: [
+				{
+					label: "en",
+					value: "en"
+				},
+				{
+					label: "es",
+					value: "es"
+				},
+				{
+					label: "pt",
+					value: "pt"
+				}
+			]
+		}
+	},
+	preview: {
+		format: "",
+		asAge: "",
+		isUnix: "",
+		isUtc: "",
+		locale: ""
+	},
+	callback: (i, { format: a = "dd/MM/yyyy", asAge: o = !1, isUnix: s = !0, isUtc: c = !1, locale: l = "en" }) => {
+		if (typeof i != "string" && typeof i != "number") return i;
+		try {
+			let u = r(s ? Number(i) : i);
+			return isNaN(u.getTime()) ? i : o ? n(u, l, { addSuffix: !0 }) : c ? t(u, a, l) : e(u, a, l);
+		} catch {
+			return i;
+		}
+	}
+};
+//#endregion
+export { i as default };

package/dist/dataSource/utility/index.d.ts

@@ -0,0 +1,7 @@
+import { DataSourceUtility } from '../../types';
+declare const utilities: Record<string, DataSourceUtility<any, any, any>>;
+export declare const utilityOptions: {
+    label: string;
+    value: string;
+}[];
+export default utilities;

package/dist/dataSource/utility/index.mjs

@@ -0,0 +1,22 @@
+import e from "./arrayMap.mjs";
+import t from "./capitalize.mjs";
+import n from "./dateConverter.mjs";
+import r from "./staticValue.mjs";
+import i from "./stringToArray.mjs";
+import a from "./styleSelector.mjs";
+import o from "./twigTemplate.mjs";
+//#region src/dataSource/utility/index.ts
+var s = {
+	twigTemplate: o,
+	dateConverter: n,
+	staticValue: r,
+	capitalize: t,
+	arrayMap: e,
+	stringToArray: i,
+	styleSelector: a
+}, c = Object.values(s).map(({ title: e, action: t }) => ({
+	label: e,
+	value: t
+}));
+//#endregion
+export { s as default, c as utilityOptions };

package/dist/dataSource/utility/staticValue.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceUtility } from '../../types';
+declare const staticValue: DataSourceUtility;
+export default staticValue;

package/dist/dataSource/utility/staticValue.mjs

@@ -0,0 +1,47 @@
+var e = {
+	action: "staticValue",
+	title: "Static Value",
+	type: "utility",
+	params: {
+		valueType: {
+			label: "Value Type",
+			defaultValue: "text",
+			type: "select",
+			options: [
+				{
+					label: "Text",
+					value: "text"
+				},
+				{
+					label: "Long Text",
+					value: "textarea"
+				},
+				{
+					label: "Boolean",
+					value: "select"
+				}
+			]
+		},
+		value: {
+			defaultValue: "",
+			type: ({ valueType: e }) => e,
+			options: [{
+				label: "True",
+				value: "true"
+			}, {
+				label: "False",
+				value: "false"
+			}]
+		}
+	},
+	preview: {
+		valueType: "",
+		value: ""
+	},
+	callback: (e, t) => {
+		let { valueType: n, value: r } = t;
+		return n === "select" ? r === "true" : r;
+	}
+};
+//#endregion
+export { e as default };

package/dist/dataSource/utility/stringToArray.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceUtility } from '../../types';
+declare const stringToArray: DataSourceUtility<string, string[], string>;
+export default stringToArray;

package/dist/dataSource/utility/stringToArray.mjs

@@ -0,0 +1,20 @@
+var e = {
+	action: "stringToArray",
+	title: "Text to List",
+	type: "utility",
+	params: { separator: {
+		label: "Separator",
+		defaultValue: ",",
+		type: "text"
+	} },
+	preview: {
+		valueType: "",
+		value: ""
+	},
+	callback: (e, t) => {
+		let { separator: n } = t;
+		return console.log(e, t), typeof e == "string" ? e.split(n).map((e) => e.trim()) : e;
+	}
+};
+//#endregion
+export { e as default };

package/dist/dataSource/utility/styleSelector.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceUtility } from '../../types';
+declare const styleSelector: DataSourceUtility;
+export default styleSelector;

package/dist/dataSource/utility/styleSelector.mjs

@@ -0,0 +1,42 @@
+import { get as e } from "@plitzi/plitzi-ui/helpers";
+var t = {
+	action: "styleSelector",
+	title: "Style Selector",
+	type: "utility",
+	params: {
+		originalSelector: {
+			label: "Original Selector",
+			description: "This will append the original selector (require append option enabled)",
+			defaultValue: !1,
+			disabled: ({ append: e }) => !e,
+			type: "checkbox"
+		},
+		append: {
+			label: "Append Selector",
+			defaultValue: !1,
+			type: "checkbox"
+		},
+		selector: {
+			label: "Selector",
+			defaultValue: "",
+			type: "select",
+			options: []
+		}
+	},
+	preview: {
+		append: "",
+		originalSelector: "",
+		selector: ""
+	},
+	callback: (t, n, r, i = {}) => {
+		let { originalSelector: a, append: o, selector: s } = n, c = [];
+		if (o && !a && i.sourceTo) c.push(i.sourceTo, s);
+		else if (a && o) {
+			let t = e(r, "definition.styleSelectors.base", "");
+			t ? c.push(t, s) : c.push(s);
+		}
+		return c.length ? c.length === 1 ? c[0] : c.join(" ") : "";
+	}
+};
+//#endregion
+export { t as default };

package/dist/dataSource/utility/twigTemplate.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceUtility } from '../../types';
+declare const twigTemplate: DataSourceUtility<string, string | object, string>;
+export default twigTemplate;

package/dist/dataSource/utility/twigTemplate.mjs

@@ -0,0 +1,26 @@
+import { processTwig as e } from "../../helpers/twigWrapper.mjs";
+var t = {
+	action: "twigTemplate",
+	title: "Twig Template",
+	type: "utility",
+	params: { template: {
+		label: "Template",
+		defaultValue: "Tokens {{source}} from the value selected to bind previously, {{sourceTo}} is your original value, other tokens via autocomplete",
+		type: "codemirror-text"
+	} },
+	preview: { template: "" },
+	callback: (t, n, r, i = {}) => {
+		let { template: a } = n, o = t;
+		try {
+			o = e(a, {
+				source: t,
+				...i
+			});
+		} catch {
+			o = t;
+		}
+		return o;
+	}
+};
+//#endregion
+export { t as default };

package/dist/devTools/utils/PlitziConsole.mjs

@@ -1,7 +1,6 @@
 import { formatDate as e } from "../../helpers/formatDate.mjs";
-import t from "@plitzi/nexus/helpers/getByPath";
 //#region src/devTools/utils/PlitziConsole.ts
-var n = class {
+var t = class {
 	callbackInternal;
 	callbackAddProvider;
 	callbackRemoveProvider;
@@ -12,6 +11,8 @@ var n = class {
 	listeningCategory;
 	logsListened = [];
 	listeningParams;
+	#e = [];
+	#t = !1;
 	constructor(e, t = 100) {
 		this.callbackInternal = e, this.pendingLimit = t;
 	}
@@ -33,7 +34,7 @@ var n = class {
 	flush(e = !1) {
 		this.logsListened = [], e && (this.pendingLogs = []);
 	}
-	#e(e, t, n, r) {
+	#n(e, t, n, r) {
 		let i = this.getTime(!0);
 		if (!this.callbackInternal) {
 			this.pendingLogs.push({
@@ -51,7 +52,20 @@ var n = class {
 			message: n,
 			params: r,
 			time: i
-		}) : this.callbackInternal(e, t, n, r, i), this.logsListened.length > this.logsListenedLimit && this.logsListened.shift();
+		}) : (this.#e.push({
+			logType: e,
+			category: t,
+			message: n,
+			params: r,
+			time: i
+		}), this.#r()), this.logsListened.length > this.logsListenedLimit && this.logsListened.shift();
+	}
+	#r() {
+		this.#t || (this.#t = !0, queueMicrotask(() => {
+			this.#t = !1;
+			let e = this.callbackInternal, t = this.#e;
+			if (this.#e = [], e) for (let n of t) e(n.logType, n.category, n.message, n.params, n.time);
+		}));
 	}
 	addProviderMethod(e, t) {
 		this.callbackAddProvider?.(e, t);
@@ -64,16 +78,16 @@ var n = class {
 		return t ? e(n, "HH:mm:ss.SSS") : n;
 	}
 	info(e, t, n) {
-		this.#e("info", e, t, n);
+		this.#n("info", e, t, n);
 	}
 	warning(e, t, n) {
-		this.#e("warning", e, t, n);
+		this.#n("warning", e, t, n);
 	}
 	danger(e, t, n) {
-		this.#e("danger", e, t, n);
+		this.#n("danger", e, t, n);
 	}
 	success(e, t, n) {
-		this.#e("success", e, t, n);
+		this.#n("success", e, t, n);
 	}
 	begin(e) {
 		this.listening = !0, this.listeningParams = { category: e };
@@ -81,17 +95,16 @@ var n = class {
 	end() {
 		this.listening = !1, this.listeningCategory && this.logsListened.length > 0 && this.callbackInternal?.("info", this.listeningCategory, `${this.logsListened.length} Log${this.logsListened.length === 1 ? "" : "s"}`, { logs: this.logsListened }), this.logsListened = [], this.listeningCategory = void 0;
 	}
-}, r = new n();
-function i(e = "store") {
-	return ({ path: n, prev: i, next: a }) => {
-		let o = n ? t(i, n) : i, s = n ? t(a, n) : a;
-		r.info("store", e, {
+}, n = new t();
+function r(e = "store") {
+	return ({ path: t, prevValue: r, nextValue: i }) => {
+		n.info("store", e, {
 			storeName: e,
-			path: n,
-			prev: o,
-			next: s
+			path: t,
+			prev: r,
+			next: i
 		});
 	};
 }
 //#endregion
-export { i as createStoreDevToolsLogger, n as default, r as pConsole };
+export { r as createStoreDevToolsLogger, t as default, n as pConsole };

package/dist/elements/index.d.ts

@@ -1,7 +1,3 @@
 import { default as ComponentContext } from './ComponentContext';
-import { default as ElementContext } from './ElementContext';
-import { default as useElement } from './hooks/useElement';
-export * from './ElementContext';
 export * from './ComponentContext';
-export * from './hooks/useElement';
-export { ComponentContext, ElementContext, useElement };
+export { ComponentContext };

package/dist/elements/index.mjs

@@ -1,4 +1,2 @@
 import e from "./ComponentContext.mjs";
-import t from "./ElementContext.mjs";
-import n from "./hooks/useElement.mjs";
-export { e as ComponentContext, t as ElementContext, n as useElement };
+export { e as ComponentContext };

package/dist/helpers/security.mjs

@@ -3,7 +3,8 @@ var e = () => {
 	if (typeof window > "u") return;
 	let e = () => void 0, t = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
 	typeof t == "object" && Object.keys(t).forEach((n) => {
-		t[n] = typeof t[n] == "function" ? e : null;
+		let r = t[n];
+		t[n] = typeof r == "function" ? e : null;
 	});
 };
 //#endregion

package/dist/hooks/useNetwork.d.ts

@@ -4,8 +4,9 @@ export type UseNetworkProps = {
     server?: Server;
     webKey?: string;
     internalUsage?: boolean;
+    baseUrl?: string;
 };
-declare const useNetwork: ({ initLoading, server, webKey, internalUsage }: UseNetworkProps) => {
+declare const useNetwork: ({ initLoading, server, webKey, internalUsage, baseUrl }: UseNetworkProps) => {
     networkLoading: boolean;
     networkQuery: <T = unknown>(url: string, params?: FormData | Record<string, string | object | number | boolean>, method?: string, accessToken?: string) => Promise<T | undefined>;
 };

package/dist/hooks/useNetwork.mjs

@@ -1,43 +1,41 @@
 import { useCallback as e, useState as t } from "react";
 //#region src/hooks/useNetwork.ts
-var n = ({ initLoading: n = !1, server: r, webKey: i, internalUsage: a = !0 }) => {
-	let [o, s] = t(n);
+var n = ({ initLoading: n = !1, server: r, webKey: i, internalUsage: a = !0, baseUrl: o }) => {
+	let [s, c] = t(n);
 	return {
-		networkLoading: o,
-		networkQuery: e(async (e, t = {}, n = "get", o = "") => {
+		networkLoading: s,
+		networkQuery: e(async (e, t = {}, n = "get", s = "") => {
 			try {
-				s(!0), n = n.toLowerCase();
-				let c = new Headers();
-				c.append("Content-Type", "application/json"), o ? c.append("Authorization", `Bearer ${o}`) : i && c.append("Authorization", `Bearer ${i}`);
-				let l = "";
-				if (a && r) {
-					let { nodeServer: e } = r;
-					l = e;
-				}
-				let u = t;
+				c(!0), n = n.toLowerCase();
+				let l = new Headers();
+				l.append("Content-Type", "application/json"), s ? l.append("Authorization", `Bearer ${s}`) : i && l.append("Authorization", `Bearer ${i}`);
+				let u = "";
+				a && r && (u = o ?? r.nodeServer);
+				let d = t;
 				(t instanceof FormData ? Array.from(t.values()) : Object.values(t)).forEach((e) => {
-					if (e instanceof Blob && c.get("Content-Type") !== "multipart/form-data") {
-						c.delete("Content-Type");
+					if (e instanceof Blob && l.get("Content-Type") !== "multipart/form-data") {
+						l.delete("Content-Type");
 						return;
 					}
-				}), u instanceof FormData || (u = new FormData(), Object.entries(t).forEach(([e, t]) => {
-					u.append(e, t);
+				}), d instanceof FormData || (d = new FormData(), Object.entries(t).forEach(([e, t]) => {
+					d.append(e, t);
 				}));
-				let d = {
+				let f = {
 					method: n,
-					headers: c,
-					body: u
+					headers: l,
+					body: d
 				};
-				return c.get("Content-Type") === "application/json" && (d.body = JSON.stringify(t)), n === "get" && delete d.body, await (await fetch(`${l}${e}`, d)).json();
+				return l.get("Content-Type") === "application/json" && (f.body = JSON.stringify(t)), n === "get" && delete f.body, await (await fetch(`${u}${e}`, f)).json();
 			} catch (e) {
 				console.error(e);
 			} finally {
-				s(!1);
+				c(!1);
 			}
 		}, [
 			i,
 			a,
-			r
+			r,
+			o
 		])
 	};
 };

package/dist/hooks/usePlitziServiceContext.d.ts

@@ -35,6 +35,6 @@ declare const usePlitziServiceContext: <TEventBridge = any, TInteractions = any>
 declare const PlitziServiceProvider: (props: {
     children?: ReactNode;
     value: PlitziServiceContextValue;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export { PlitziServiceProvider, PlitziServiceContext };
 export default usePlitziServiceContext;