@plitzi/sdk-style 0.30.19

package/dist/models/SelectorForm/SelectorForm.d.ts

@@ -0,0 +1,21 @@
+import { z } from 'zod';
+import { ComponentPluginWithHOC } from '@plitzi/sdk-shared';
+declare const selectorFormSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    name: z.ZodString;
+    mode: z.ZodLiteral<"default">;
+}, z.core.$strip>, z.ZodObject<{
+    mode: z.ZodLiteral<"element">;
+    componentType: z.ZodString;
+}, z.core.$strip>], "mode">;
+export type SelectorFormValues = z.infer<typeof selectorFormSchema>;
+export type SelectorFormProps = {
+    name?: string;
+    mode?: 'default' | 'element';
+    componentType?: string;
+    components: Record<string, ComponentPluginWithHOC>;
+    componentsNotAvailables?: string[];
+    onClose?: () => void | Promise<void>;
+    onSubmit?: (e: MouseEvent | undefined, values: SelectorFormValues) => void | Promise<void>;
+};
+declare const SelectorForm: ({ name, mode, componentType, components, componentsNotAvailables, onClose, onSubmit }: SelectorFormProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectorForm;

package/dist/models/SelectorForm/SelectorForm.mjs

@@ -0,0 +1,73 @@
+import { useCallback as e, useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@plitzi/plitzi-ui/Button";
+import { capitalize as a } from "@plitzi/plitzi-ui/helpers/lodash";
+import o, { useForm as s, useFormWatch as c } from "@plitzi/plitzi-ui/Form";
+import { z as l } from "zod";
+//#region src/models/SelectorForm/SelectorForm.tsx
+var u = l.discriminatedUnion("mode", [l.object({
+	name: l.string().min(3).regex(/^([a-zA-Z.#]{1}([a-zA-Z0-9\-_.#: ]+)?)$/i, { message: "Name only can be letters, numbers and _ -" }),
+	mode: l.literal("default")
+}), l.object({
+	mode: l.literal("element"),
+	componentType: l.string()
+})]), d = ({ name: l = "", mode: d = "default", componentType: f = "", components: p, componentsNotAvailables: m, onClose: h, onSubmit: g }) => {
+	let _ = s({
+		defaultValues: {
+			name: l,
+			mode: d,
+			componentType: f
+		},
+		config: { schema: u }
+	}), v = c(_.formMethods, "mode"), y = t(() => Object.keys(p).sort((e, t) => e.localeCompare(t)).map((e) => /* @__PURE__ */ n("option", {
+		value: e,
+		disabled: m?.includes(e),
+		children: a(e.replace(/([a-z0-9])([A-Z])/g, "$1 $2"))
+	}, e)), [p, m]), b = e((e) => {
+		e === "element" ? _.formMethods.setValue("componentType", Object.keys(p)[0]) : _.formMethods.setValue("componentType", "");
+	}, [p, _.formMethods]);
+	return /* @__PURE__ */ r(o, {
+		form: _,
+		onSubmit: e((e) => g?.(void 0, e), [g]),
+		className: "gap-4",
+		children: [/* @__PURE__ */ r(o.Body, { children: [
+			/* @__PURE__ */ r(o.Select, {
+				name: "mode",
+				label: "Mode",
+				onChange: b,
+				size: "xs",
+				children: [/* @__PURE__ */ n("option", {
+					value: "default",
+					children: "Default"
+				}), /* @__PURE__ */ n("option", {
+					value: "element",
+					children: "Element"
+				})]
+			}),
+			v === "default" && /* @__PURE__ */ n(o.Input, {
+				name: "name",
+				label: "Name",
+				size: "xs"
+			}),
+			v === "element" && /* @__PURE__ */ n(o.Select, {
+				name: "componentType",
+				label: "Element Type",
+				size: "xs",
+				children: y
+			})
+		] }), /* @__PURE__ */ r(o.Footer, {
+			justify: "end",
+			children: [/* @__PURE__ */ n(i, {
+				onClick: h,
+				size: "sm",
+				children: "Cancel"
+			}), /* @__PURE__ */ n(i, {
+				type: "submit",
+				size: "sm",
+				children: "Submit"
+			})]
+		})]
+	});
+};
+//#endregion
+export { d as default };

package/dist/models/SelectorForm/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SelectorForm } from './SelectorForm';
+export * from './SelectorForm';
+export default SelectorForm;

package/dist/models/SelectorForm/index.mjs

@@ -0,0 +1,5 @@
+import e from "./SelectorForm.mjs";
+//#region src/models/SelectorForm/index.ts
+var t = e;
+//#endregion
+export { t as default };