@plitzi/sdk-elements 0.30.19 → 0.31.1

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

@@ -0,0 +1,6 @@
+import { DataSourceUtility } from '@plitzi/sdk-shared';
+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 '@plitzi/sdk-shared';
+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 '@plitzi/sdk-shared';
+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 "@plitzi/sdk-shared";
+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 '@plitzi/sdk-shared';
+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 '@plitzi/sdk-shared';
+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 '@plitzi/sdk-shared';
+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 '@plitzi/sdk-shared';
+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 '@plitzi/sdk-shared';
+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 "@plitzi/sdk-shared/helpers/twigWrapper";
+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/elements/advanced/Reference/Reference.mjs

@@ -4,11 +4,11 @@ import n from "../../../Element/hocs/withElement.mjs";
 import { use as r, useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { get as u } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as d } from "@plitzi/sdk-store/createStore";
+import { createStoreHook as d } from "@plitzi/nexus/createStore";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import m from "clsx";
 import h from "@plitzi/sdk-shared/elements/hooks/useElement";
-import g from "@plitzi/sdk-store/StoreProvider";
+import g from "@plitzi/nexus/StoreProvider";
 var _ = n(({ ref: n, children: _, className: v = "", referenceType: y = "element", referenceId: b = "", referenceContainer: x = "" }) => {
 	let { id: S, definition: { rootId: C, styleSelectors: w } } = h(), { settings: { previewMode: T, environment: E }, contexts: { SegmentsContext: D } } = l(), { useStore: O } = d(), [[k, A]] = O(["schema", "segments"]), { segmentGet: j } = r(D), M = s(k);
 	M.current = k;

package/dist/elements/advanced/Reference/Settings.mjs

@@ -1,7 +1,7 @@
 import { use as e, useCallback as t, useMemo as n } from "react";
 import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { get as i } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as a } from "@plitzi/sdk-store/createStore";
+import { createStoreHook as a } from "@plitzi/nexus/createStore";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import c from "@plitzi/plitzi-ui/Select2";
 //#region src/elements/advanced/Reference/Settings.tsx

package/dist/elements/basic/Link/Link.mjs

@@ -2,19 +2,19 @@ import e from "../../../Element/RootElement.mjs";
 import t from "../../../Element/hocs/withElement.mjs";
 import { use as n, useMemo as r } from "react";
 import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { processTwig as a } from "@plitzi/sdk-shared/helpers/twigWrapper";
-import { createStoreHook as o } from "@plitzi/sdk-store/createStore";
+import { createStoreHook as a } from "@plitzi/nexus/createStore";
+import { processTwig as o } from "@plitzi/sdk-shared/helpers/twigWrapper";
 import { jsx as s } from "react/jsx-runtime";
 import c from "clsx";
 import l from "@plitzi/sdk-shared/elements/hooks/useElement";
 import { getPageFullPath as u } from "@plitzi/sdk-navigation/NavigationHelper";
 var d = t(({ ref: t, children: d, className: f = "", href: p = "#", target: m = "self", mode: h = "page" }) => {
-	let { style: g } = l(), { settings: { previewMode: _ }, contexts: { NavigationContext: v } } = i(), { navigate: y, routeParams: b, queryParams: x } = n(v), { useStore: S } = o(), [[C, w]] = S(["pageDefinitions", "schema.pageFolders"]), T = r(() => {
+	let { style: g } = l(), { settings: { previewMode: _ }, contexts: { NavigationContext: v } } = i(), { navigate: y, routeParams: b, queryParams: x } = n(v), { useStore: S } = a(), [[C, w]] = S(["pageDefinitions", "schema.pageFolders"]), T = r(() => {
 		if (h === "external") return p;
 		let e = `/${p}`.replaceAll(/[/]+/gim, "/");
 		if (h === "internal") {
 			try {
-				let t = a(e, {
+				let t = o(e, {
 					...x,
 					...b
 				}, !0);

package/dist/elements/basic/Link/Settings.mjs

@@ -1,7 +1,7 @@
 import { use as e, useCallback as t, useEffect as n, useMemo as r } from "react";
 import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { get as a, pick as o } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as s } from "@plitzi/sdk-store/createStore";
+import { createStoreHook as s } from "@plitzi/nexus/createStore";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { getPageFullPath as u } from "@plitzi/sdk-navigation/NavigationHelper";
 import d from "@plitzi/plitzi-ui/Input";

package/dist/elements/form/Form/Form.mjs

@@ -8,21 +8,23 @@ import { jsx as u } from "react/jsx-runtime";
 import d from "clsx";
 import f from "@plitzi/sdk-shared/elements/hooks/useElement";
 import { produce as p } from "immer";
+import m from "@plitzi/nexus/StoreProvider";
+import h from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/form/Form/Form.tsx
-var m = ({ ref: t, className: m = "", children: h, method: g = "get", actionUrl: _ = "", managedByInteractions: v = !1, errors: y = l, values: b = l }) => {
-	let [x, S] = a({}), { id: C, definition: { label: w = "Form" }, setElementState: T } = f(), { settings: { previewMode: E }, contexts: { DataSourceContext: D, InteractionsContext: O } } = o(), { useDataSource: k } = n(D), { interactionsManager: A } = n(O), j = r((e) => S((t) => ({
+var g = ({ ref: t, className: g = "", children: _, method: v = "get", actionUrl: y = "", managedByInteractions: b = !1, errors: x = l, values: S = l }) => {
+	let [C, w] = a({}), { id: T, definition: { label: E = "Form" }, setElementState: D } = f(), { settings: { previewMode: O }, contexts: { InteractionsContext: k } } = o(), { interactionsManager: A } = n(k), j = r((e) => w((t) => ({
 		...t,
 		[e.name]: e
-	})), [S]), M = r((e) => !e || !x[e] ? x : s(x, e), [x]), N = r((e) => {
-		S((t) => p(t, (t) => {
+	})), [w]), M = r((e) => !e || !C[e] ? C : s(C, e), [C]), N = r((e) => {
+		w((t) => p(t, (t) => {
 			t[e] && delete t[e];
-		})), e && T((t) => ({
+		})), e && D((t) => ({
 			...t,
 			values: c(t, `values.${e}`),
 			errors: c(t, `errors.${e}`)
 		}));
-	}, [T]), P = r((e, t = "") => {
-		e && (t === null && (t = ""), T((n) => n.errors && n.errors[e] ? {
+	}, [D]), P = r((e, t = "") => {
+		e && (t === null && (t = ""), D((n) => n.errors && n.errors[e] ? {
 			...n,
 			values: {
 				...n.values,
@@ -36,8 +38,8 @@ var m = ({ ref: t, className: m = "", children: h, method: g = "get", actionUrl:
 				[e]: t
 			}
 		}));
-	}, [T]), F = r((e, t) => {
-		e && T((n) => !t && !s(n, `errors.${e}`) ? n : !t && n.errors && n.errors[e] ? {
+	}, [D]), F = r((e, t) => {
+		e && D((n) => !t && !s(n, `errors.${e}`) ? n : !t && n.errors && n.errors[e] ? {
 			...n,
 			errors: c(n, [`errors.${e}`])
 		} : {
@@ -47,7 +49,7 @@ var m = ({ ref: t, className: m = "", children: h, method: g = "get", actionUrl:
 				[e]: t
 			}
 		});
-	}, [T]), I = r(() => Object.values(x).filter((e) => !!e.name).reduce((e, t) => [
+	}, [D]), I = r(() => Object.values(C).filter((e) => !!e.name).reduce((e, t) => [
 		...e,
 		{
 			path: `fields.${t.name}.id`,
@@ -61,99 +63,100 @@ var m = ({ ref: t, className: m = "", children: h, method: g = "get", actionUrl:
 			path: `errors.${t.name}`,
 			name: `${t.name} Error Message`
 		}
-	], []), [x]), L = i(() => ({
-		fields: x,
-		errors: y,
-		values: b,
+	], []), [C]), L = i(() => ({
+		fields: C,
+		errors: x,
+		values: S,
 		registerField: j,
 		unregisterField: N,
 		getField: M,
 		setFieldValue: P,
 		setFieldError: F
 	}), [
+		C,
 		x,
-		y,
-		b,
+		S,
 		j,
 		N,
 		M,
 		P,
 		F
-	]), [R] = k({
-		id: C,
+	]);
+	h({
+		id: T,
 		source: "form",
-		mode: "write",
-		name: w || `Form - ${C}`,
+		name: E || `Form - ${T}`,
 		fields: I
-	}), z = i(() => ({ onSubmit: {
+	});
+	let R = i(() => ({ onSubmit: {
 		action: "onSubmit",
 		title: "On Form Submit",
 		type: "trigger",
 		params: {},
 		preview: {
-			values: Object.values(x).reduce((e, t) => ({
+			values: Object.values(C).reduce((e, t) => ({
 				...e,
 				[t.name]: ""
 			}), {}),
 			actionUrl: "",
 			method: ""
 		}
-	} }), [x]), B = r((e) => {
-		if (T((e) => ({
+	} }), [C]), z = r((e) => {
+		if (D((e) => ({
 			...e,
 			errors: {}
-		})), !v || (e.stopPropagation(), e.preventDefault(), !E)) return;
-		let t = Object.values(x).reduce((e, { name: t }) => ({
+		})), !b || (e.stopPropagation(), e.preventDefault(), !O)) return;
+		let t = Object.values(C).reduce((e, { name: t }) => ({
 			...e,
-			[t]: b[t]
+			[t]: S[t]
 		}), {});
-		A.interactionTrigger(C, "onSubmit", {
+		A.interactionTrigger(T, "onSubmit", {
 			values: t,
-			actionUrl: _,
-			method: g
+			actionUrl: y,
+			method: v
 		});
 	}, [
+		D,
+		b,
+		O,
+		C,
+		A,
 		T,
+		y,
 		v,
-		E,
-		x,
-		A,
-		C,
-		_,
-		g,
-		b
-	]), V = r((e) => {
-		v && (e instanceof Event && (e.stopPropagation(), e.preventDefault()), T((e) => ({
+		S
+	]), B = r((e) => {
+		b && (e instanceof Event && (e.stopPropagation(), e.preventDefault()), D((e) => ({
 			...e,
 			values: {},
 			errors: {}
 		})));
-	}, [T, v]), H = r((e) => {
+	}, [D, b]), V = r((e) => {
 		let { name: t, value: n } = e;
 		P(t, n);
-	}, [P]), U = r((e) => {
+	}, [P]), H = r((e) => {
 		let { name: t, error: n } = e;
 		F(t, n);
-	}, [F]), W = i(() => ({
+	}, [F]), U = i(() => ({
 		performReset: {
 			action: "performReset",
-			title: `Reset ${w}`,
+			title: `Reset ${E}`,
 			type: "callback",
-			callback: V,
+			callback: B,
 			params: {}
 		},
 		setFieldValue: {
 			action: "setFieldValue",
-			title: `Set Field Value ${w}`,
+			title: `Set Field Value ${E}`,
 			type: "callback",
-			callback: H,
+			callback: V,
 			preview: {},
 			params: {
 				name: {
 					label: "Field Name",
 					defaultValue: void 0,
 					type: "select",
-					options: Object.values(x).map((e) => ({
+					options: Object.values(C).map((e) => ({
 						value: e.name,
 						label: e.name
 					}))
@@ -166,16 +169,16 @@ var m = ({ ref: t, className: m = "", children: h, method: g = "get", actionUrl:
 		},
 		setFieldError: {
 			action: "setFieldError",
-			title: `Set Field Error ${w}`,
+			title: `Set Field Error ${E}`,
 			type: "callback",
-			callback: U,
+			callback: H,
 			preview: {},
 			params: {
 				name: {
 					label: "Field Name",
 					defaultValue: void 0,
 					type: "select",
-					options: Object.values(x).map((e) => ({
+					options: Object.values(C).map((e) => ({
 						value: e.name,
 						label: e.name
 					}))
@@ -187,27 +190,28 @@ var m = ({ ref: t, className: m = "", children: h, method: g = "get", actionUrl:
 			}
 		}
 	}), [
-		w,
+		E,
+		B,
 		V,
-		H,
-		x,
-		U
+		C,
+		H
 	]);
 	return /* @__PURE__ */ u(e, {
 		tag: "form",
 		ref: t,
-		method: g,
-		className: d("plitzi-component__form", m),
-		interactionTriggers: z,
-		interactionCallbacks: W,
-		onSubmit: B,
-		onReset: V,
-		action: _,
-		children: /* @__PURE__ */ u(R, {
-			value: L,
-			children: h
+		method: v,
+		className: d("plitzi-component__form", g),
+		interactionTriggers: R,
+		interactionCallbacks: U,
+		onSubmit: z,
+		onReset: B,
+		action: y,
+		children: /* @__PURE__ */ u(m, {
+			inherit: "live",
+			value: { runtime: { sources: { form: L } } },
+			children: _
 		})
 	});
-}, h = t(m);
+}, _ = t(g);
 //#endregion
-export { m as Form, h as default };
+export { g as Form, _ as default };