@plitzi/sdk-elements 0.30.19

package/dist/elements/provider/CollectionContainer/CollectionContainer.d.ts

@@ -0,0 +1,18 @@
+import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
+import { ReactNode, RefObject } from 'react';
+export type CollectionContainerProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    source?: string;
+    children?: ReactNode;
+    limit?: string;
+    query?: RuleGroup;
+    singleRecord?: boolean;
+};
+declare const CollectionContainer: ({ ref, className, source, children, limit, query, singleRecord }: CollectionContainerProps) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<CollectionContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { CollectionContainer };

package/dist/elements/provider/CollectionContainer/CollectionContainer.mjs

@@ -0,0 +1,61 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "./hooks/useCollectionContext.mjs";
+import n from "../../../Element/hocs/withElement.mjs";
+import { use as r, useCallback as i, useMemo as a } from "react";
+import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "clsx";
+import u from "@plitzi/sdk-shared/elements/hooks/useElement";
+var d = n(({ ref: n, className: d = "", source: f = "", children: p, limit: m = "10", query: h, singleRecord: g = !1 }) => {
+	let { id: _, definition: { label: v = "Collection Container" } } = u(), { settings: { previewMode: y }, contexts: { DataSourceContext: b } } = o(), { loading: x, collection: S, fetch: C } = t({
+		source: f,
+		limit: m,
+		query: h,
+		singleRecord: g,
+		previewMode: y
+	}), { useDataSource: w } = r(b), T = i(() => {
+		let e = [];
+		return S ? (g || e.push({
+			path: "records",
+			name: "Records"
+		}), e.push({
+			path: "record.id",
+			name: "Record ID"
+		}), e.push({
+			path: "record.status",
+			name: "Record Status"
+		}), Object.values(S.fields).forEach((t) => {
+			e.push({
+				path: `record.values.${t.machineName}`,
+				name: `Record Field - ${t.name}`
+			});
+		}), e) : [];
+	}, [S, g]), [E] = w({
+		id: _,
+		source: `collectionContainer_${_}`,
+		mode: "write",
+		name: v || `Collection - ${S?.name || _}`,
+		fields: T
+	}), D = a(() => ({ performQuery: {
+		action: "performQuery",
+		title: `Refresh ${v}`,
+		type: "callback",
+		callback: C,
+		preview: {},
+		params: {}
+	} }), [C, v]);
+	if (!(!S && y)) return /* @__PURE__ */ c(e, {
+		ref: n,
+		interactionCallbacks: D,
+		className: l("plitzi-component__collection-container", d, { "collection-container--context-empty": !S }),
+		children: [!S && /* @__PURE__ */ s("div", {
+			className: "collection-container__message",
+			children: "Source Not Selected"
+		}), S && !x && /* @__PURE__ */ s(E, {
+			value: S,
+			children: p
+		})]
+	});
+});
+//#endregion
+export { d as default };

package/dist/elements/provider/CollectionContainer/CollectionContainer.stories-pending.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/provider/CollectionContainer/Settings.d.ts

@@ -0,0 +1,10 @@
+import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
+type SettingsProps = {
+    source?: string;
+    query?: RuleGroup;
+    limit?: string;
+    singleRecord?: boolean;
+    onUpdate?: (key: string, value: string | boolean | number | RuleGroup) => void;
+};
+declare const Settings: ({ source, query, limit, singleRecord, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default Settings;

package/dist/elements/provider/CollectionContainer/Settings.mjs

@@ -0,0 +1,74 @@
+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 { getPathsFromObeject as a } from "@plitzi/sdk-shared/helpers/utils";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@plitzi/plitzi-ui/QueryBuilder";
+import u from "@plitzi/plitzi-ui/Checkbox";
+import d from "@plitzi/plitzi-ui/Input";
+import f from "@plitzi/plitzi-ui/Select";
+//#region src/elements/provider/CollectionContainer/Settings.tsx
+var p = ({ source: p = "", query: m, limit: h = "10", singleRecord: g = !1, onUpdate: _ }) => {
+	let { contexts: { CollectionContext: v, NavigationContext: y } } = r(), { collections: b } = e(v), { routeParams: x, queryParams: S } = e(y), C = t((e) => (t) => _?.(e, t), [_]), w = t((e) => (t) => _?.(e, t.target.checked), [_]), T = t((e) => _?.("when", e), [_]), E = n(() => {
+		if (!p || !b[p]) return {};
+		let e = i(b, `${p}.records.0`, void 0);
+		return e ? a({
+			values: e.values,
+			routeParams: x,
+			queryParams: S,
+			_id: e.id
+		}).reduce((e, t) => ({
+			...e,
+			[t]: {
+				name: t,
+				label: t,
+				placeholder: `Enter ${t}`
+			}
+		}), {}) : {};
+	}, [
+		b,
+		p,
+		x,
+		S
+	]);
+	return /* @__PURE__ */ c("div", {
+		className: "flex flex-col gap-4 py-2",
+		children: [
+			/* @__PURE__ */ c(f, {
+				label: "Source",
+				value: p,
+				onChange: C("source"),
+				children: [/* @__PURE__ */ s("option", {
+					value: "",
+					children: "Select a Source"
+				}), Object.values(b).map((e, t) => /* @__PURE__ */ s("option", {
+					value: e.id,
+					children: e.name
+				}, t))]
+			}),
+			p && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ s("label", { children: "Query" }), /* @__PURE__ */ s(l, {
+					direction: "vertical",
+					className: "w-full",
+					query: m,
+					fields: E,
+					onChange: T,
+					showBranches: !0,
+					allowSubGroups: !1
+				})]
+			}), /* @__PURE__ */ s(u, {
+				label: "Single Record",
+				checked: g,
+				onChange: w("singleRecord")
+			})] }),
+			!g && /* @__PURE__ */ s(d, {
+				value: h,
+				label: "Limit",
+				onChange: C("limit")
+			})
+		]
+	});
+};
+//#endregion
+export { p as default };

package/dist/elements/provider/CollectionContainer/hooks/useCollectionContext.d.ts

@@ -0,0 +1,19 @@
+import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
+import { Collection } from '@plitzi/sdk-shared';
+export type UseCollectionContextProps = {
+    source: string;
+    query?: RuleGroup;
+    limit: string;
+    appendResults?: boolean;
+    singleRecord: boolean;
+    previewMode?: boolean;
+};
+export type UseCollectionContextResult = {
+    loading: boolean;
+    collection?: Collection;
+    hasNextPage: boolean;
+    handleNextPage: () => void;
+    fetch: () => void;
+};
+declare const useCollectionContext: ({ source, query, limit, appendResults, singleRecord, previewMode }?: UseCollectionContextProps) => UseCollectionContextResult;
+export default useCollectionContext;

package/dist/elements/provider/CollectionContainer/hooks/useCollectionContext.mjs

@@ -0,0 +1,71 @@
+import { use as e, useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { isEmpty as o } from "@plitzi/plitzi-ui/helpers";
+import { QueryBuilderFormatter as s } from "@plitzi/plitzi-ui/QueryBuilder";
+//#region src/elements/provider/CollectionContainer/hooks/useCollectionContext.ts
+var c = ({ source: c, query: l, limit: u = "1", appendResults: d = !1, singleRecord: f = !1, previewMode: p = !0 } = {}) => {
+	let m = a(), [h, g] = i(void 0), [_, v] = i(!0), [y, b] = i(void 0), [x, S] = i(!1), { contexts: { CollectionContext: C, NavigationContext: w } } = m, { routeParams: T, queryParams: E } = e(w), { fetchRecords: D, fetchCollection: O } = e(C), k = r(() => {
+		if (!p || !l) return "";
+		try {
+			return s(l, "mongodb", !1, {
+				queryParams: E,
+				routeParams: T
+			});
+		} catch {}
+		return "";
+	}, [
+		p,
+		l,
+		E,
+		T
+	]), A = t((e, t) => {
+		let { pageInfo: n, edges: r } = t;
+		b(n.nextCursor), S(n.hasNextPage), g({
+			...e,
+			records: f ? [] : r,
+			record: f && r.length > 0 ? r[0] : void 0
+		});
+	}, [f]), j = t(async () => {
+		v(!0);
+		let e = await O(c, k);
+		v(!1), e?.records && e.records.edges.length > 0 && A(e, e.records);
+	}, [
+		O,
+		A,
+		k,
+		c
+	]), M = t(async () => {
+		if (!h || !c) return;
+		v(!0);
+		let e = await D(c, k, !d && y ? void 0 : y, parseInt(u, 10));
+		v(!1), e && A(h, e);
+	}, [
+		h,
+		c,
+		D,
+		k,
+		d,
+		y,
+		u,
+		A
+	]), N = t(async () => {
+		x && await M();
+	}, [x, M]);
+	return n(() => {
+		o(c) ? (b(void 0), S(!1), g(void 0), v(!1)) : j();
+	}, [c, j]), r(() => ({
+		loading: _,
+		collection: h,
+		hasNextPage: x,
+		handleNextPage: N,
+		fetch: j
+	}), [
+		_,
+		h,
+		x,
+		N,
+		j
+	]);
+};
+//#endregion
+export { c as default };

package/dist/elements/provider/CollectionContainer/index.d.ts

@@ -0,0 +1,60 @@
+declare const CollectionContainer: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./CollectionContainer').CollectionContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            limit: string;
+            query: string;
+            source: undefined;
+            singleRecord: boolean;
+        };
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            items: never[];
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {
+                        'min-width': string;
+                        'min-height': string;
+                    };
+                };
+            };
+            subTypes: {};
+        };
+        settings: {};
+    };
+};
+export default CollectionContainer;

package/dist/elements/provider/CollectionContainer/index.mjs

@@ -0,0 +1,52 @@
+import e from "./CollectionContainer.mjs";
+//#region src/elements/provider/CollectionContainer/index.ts
+var t = Object.assign(e, {
+	type: "collectionContainer",
+	content: {
+		attributes: {
+			limit: "10",
+			query: "",
+			source: void 0,
+			singleRecord: !1
+		},
+		definition: {
+			label: "Collection Container",
+			type: "collectionContainer",
+			description: "",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "provider",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-database"
+		},
+		defaultStyle: {
+			name: "Collection Container",
+			displayMode: "desktop",
+			style: { base: { default: {
+				"min-width": "50px",
+				"min-height": "50px"
+			} } },
+			subTypes: {}
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/settings.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const defaultElementsSettings: Record<string, FC<any>>;
+export { defaultElementsSettings };

package/dist/elements/settings.mjs

@@ -0,0 +1,68 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.mjs";
+import t from "./advanced/BlockHtml/Settings.mjs";
+import n from "./advanced/BlockJsx/Settings.mjs";
+import r from "./advanced/Custom/Settings.mjs";
+import i from "./advanced/NodeHtml/Settings.mjs";
+import a from "./advanced/PlitziSdk/Settings.mjs";
+import o from "./advanced/Reference/Settings.mjs";
+import s from "./basic/Button/Settings.mjs";
+import c from "./basic/Dropdown/Settings.mjs";
+import l from "./basic/Heading/Settings.mjs";
+import u from "./basic/Link/Settings.mjs";
+import d from "./basic/Markdown/Settings.mjs";
+import f from "./basic/Paragraph/Settings.mjs";
+import p from "./basic/Text/Settings.mjs";
+import m from "./form/Form/Settings.mjs";
+import h from "./form/FormControl/Settings.mjs";
+import g from "./internal/LayoutContainer/Settings.mjs";
+import _ from "./internal/Page/Settings.mjs";
+import v from "./media/FontAwesome/Settings.mjs";
+import y from "./media/Image/Settings.mjs";
+import b from "./media/Video/Settings.mjs";
+import x from "./provider/ApiContainer/Settings.mjs";
+import S from "./provider/CollectionContainer/Settings.mjs";
+import C from "./structure/Container/Settings.mjs";
+import w from "./structure/DialogContainer/Settings.mjs";
+import T from "./structure/List/ListItem/Settings.mjs";
+import E from "./structure/List/Settings.mjs";
+import D from "./structure/ModalContainer/Settings.mjs";
+import O from "./structure/TabContainer/Settings.mjs";
+import k from "./structure/TabContainer/TabContainerBody/Settings.mjs";
+import A from "./structure/TabContainer/TabContainerHeader/Settings.mjs";
+import j from "./structure/TabContainer/TabContainerItem/Settings.mjs";
+//#region src/elements/settings.ts
+var M = /* @__PURE__ */ e({ defaultElementsSettings: () => N }), N = {
+	dropdown: c,
+	plitziSdk: a,
+	custom: r,
+	reference: o,
+	blockHtml: t,
+	blockJsx: n,
+	page: _,
+	container: C,
+	layoutContainer: g,
+	dialogContainer: w,
+	modalContainer: D,
+	tabContainer: O,
+	tabContainerBody: k,
+	tabContainerheader: A,
+	tabContainerItem: j,
+	heading: l,
+	image: y,
+	video: b,
+	fontAwesome: v,
+	button: s,
+	paragraph: f,
+	text: p,
+	markdown: d,
+	nodeHtml: i,
+	list: E,
+	listItem: T,
+	link: u,
+	form: m,
+	formControl: h,
+	apiContainer: x,
+	collectionContainer: S
+};
+//#endregion
+export { N as defaultElementsSettings, M as settings_exports };

package/dist/elements/structure/Container/Container.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, RefObject } from 'react';
+export type ContainerProps = {
+    ref?: RefObject<HTMLElement>;
+    className?: string;
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd';
+    children?: ReactNode;
+};
+declare const Container: ({ ref, className, subType, children }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<ContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { Container };

package/dist/elements/structure/Container/Container.mjs

@@ -0,0 +1,12 @@
+import e from "../../../Element/RootElement.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+var i = t(({ ref: t, className: i = "", subType: a = "div", children: o }) => /* @__PURE__ */ n(e, {
+	ref: t,
+	tag: a,
+	className: r(`plitzi-component__container plitzi-component__container-${a}`, i),
+	children: o
+}));
+//#endregion
+export { i as default };

package/dist/elements/structure/Container/Settings.d.ts

@@ -0,0 +1,6 @@
+type SettingsProps = {
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd';
+    onUpdate?: (key: string, value: string | boolean | number) => void;
+};
+declare const Settings: ({ subType, onUpdate }: SettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default Settings;

package/dist/elements/structure/Container/Settings.mjs

@@ -0,0 +1,69 @@
+import { useCallback as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "@plitzi/plitzi-ui/Select";
+//#region src/elements/structure/Container/Settings.tsx
+var i = ({ subType: i = "div", onUpdate: a }) => /* @__PURE__ */ t("div", {
+	className: "flex flex-col gap-4 py-2",
+	children: /* @__PURE__ */ n(r, {
+		label: "ContainerTag",
+		value: i,
+		onChange: e((e) => (t) => a?.(e, t), [a])("subType"),
+		size: "xs",
+		children: [
+			/* @__PURE__ */ t("option", {
+				value: "div",
+				children: "Div"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "header",
+				children: "Header"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "footer",
+				children: "Footer"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "nav",
+				children: "Nav"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "main",
+				children: "Main"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "section",
+				children: "Section"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "article",
+				children: "Article"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "aside",
+				children: "Aside"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "address",
+				children: "Address"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "figure",
+				children: "Figure"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "dl",
+				children: "DL"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "dt",
+				children: "DT"
+			}),
+			/* @__PURE__ */ t("option", {
+				value: "dd",
+				children: "DD"
+			})
+		]
+	})
+});
+//#endregion
+export { i as default };

package/dist/elements/structure/Container/index.d.ts

@@ -0,0 +1,57 @@
+declare const Container: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Container').ContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    type: string;
+    content: {
+        attributes: {
+            subType: string;
+        };
+        definition: {
+            label: string;
+            type: string;
+            description: string;
+            items: never[];
+            bindings: {};
+            styleSelectors: {
+                base: string;
+            };
+            initialState: {
+                visibility: boolean;
+            };
+        };
+        builder: {
+            canDelete: boolean;
+            canSelect: boolean;
+            canDragDrop: boolean;
+            canMove: boolean;
+            canTemplate: boolean;
+            itemsAllowed: never[];
+            itemsNotAllowed: never[];
+        };
+        market: {
+            category: string;
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
+            icon: string;
+        };
+        defaultStyle: {
+            name: string;
+            displayMode: string;
+            style: {
+                base: {
+                    default: {
+                        'min-width': string;
+                        'min-height': string;
+                    };
+                };
+            };
+            subTypes: {};
+        };
+        settings: {};
+    };
+};
+export default Container;

package/dist/elements/structure/Container/index.mjs

@@ -0,0 +1,47 @@
+import e from "./Container.mjs";
+//#region src/elements/structure/Container/index.ts
+var t = Object.assign(e, {
+	type: "container",
+	content: {
+		attributes: { subType: "div" },
+		definition: {
+			label: "Container",
+			type: "container",
+			description: "Group things together into groups, also nestable.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "structure",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-regular fa-square"
+		},
+		defaultStyle: {
+			name: "Container",
+			displayMode: "desktop",
+			style: { base: { default: {
+				"min-width": "50px",
+				"min-height": "50px"
+			} } },
+			subTypes: {}
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

package/dist/elements/structure/DialogContainer/DialogContainer.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode, RefObject } from 'react';
+export type DialogContainerProps = {
+    ref: RefObject<HTMLElement>;
+    className: string;
+    children: ReactNode;
+    headerLabel: string;
+    acceptButtonLabel: string;
+    acceptButtonLabelLoading: string;
+    rejectButtonLabel: string;
+    autoHideAfterClick: boolean;
+};
+declare const DialogContainer: ({ ref, className, children, headerLabel, acceptButtonLabel, acceptButtonLabelLoading, rejectButtonLabel, autoHideAfterClick }: DialogContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    (props: import('../../../Element/hocs/withElement').WithElementProps<DialogContainerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;
+export { DialogContainer };