@pixpilot/formily-shadcn 0.10.0 → 0.11.0

package/dist/components/form-item.js

@@ -1,112 +0,0 @@
-import { useFormContext } from "../hooks/use-form-context.js";
-import { useLabel } from "../hooks/use-label.js";
-import "../hooks/index.js";
-import { connect, mapProps, useField } from "@formily/react";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@pixpilot/shadcn";
-import { isVoidField } from "@formily/core";
-
-//#region src/components/form-item.tsx
-const BaseFormItem = ({ className, children, label, description, asterisk, feedbackStatus, feedbackText, labelPlacement = "top",...props }) => {
-	const field = useField();
-	const fieldProps = field?.componentProps ?? {};
-	const effectiveLabel = useLabel(label);
-	const { itemProps } = useFormContext();
-	const { className: itemPropsClassName } = itemProps || {};
-	const effectiveLabelPlacement = fieldProps.labelPlacement ?? labelPlacement;
-	const id = field?.componentProps?.id ?? `form-${field?.address?.toString()?.replace(/\./gu, "-")}`;
-	const descriptionId = React.useId();
-	const feedbackId = React.useId();
-	const ariaDescribedBy = [description != null ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
-	const labelElement = effectiveLabel != null && /* @__PURE__ */ jsxs("label", {
-		htmlFor: id,
-		"data-slot": "form-label",
-		"data-error": Boolean(feedbackStatus === "error"),
-		className: cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", feedbackStatus === "error" && "text-destructive", (effectiveLabelPlacement === "end" || effectiveLabelPlacement === "start") && "shrink-0"),
-		children: [effectiveLabel, asterisk && /* @__PURE__ */ jsx("span", {
-			className: "text-destructive ml-1",
-			"aria-label": "required",
-			children: "*"
-		})]
-	});
-	const inputElement = /* @__PURE__ */ jsx("div", {
-		className: "relative",
-		children: React.isValidElement(children) ? React.cloneElement(children, {
-			id,
-			"aria-describedby": ariaDescribedBy || void 0,
-			"aria-invalid": feedbackStatus === "error" ? "true" : void 0
-		}) : children
-	});
-	const contentElement = /* @__PURE__ */ jsxs(Fragment, { children: [
-		effectiveLabelPlacement === "top" && labelElement,
-		description != null && effectiveLabelPlacement === "top" && /* @__PURE__ */ jsx("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-[0.8rem]",
-			children: description
-		}),
-		(effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ jsxs("div", {
-			className: cn("flex items-center gap-2", effectiveLabelPlacement === "start" && "flex-row"),
-			children: [
-				effectiveLabelPlacement === "start" && labelElement,
-				inputElement,
-				effectiveLabelPlacement === "end" && labelElement
-			]
-		}),
-		effectiveLabelPlacement === "top" && inputElement,
-		description != null && (effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ jsx("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-[0.8rem]",
-			children: description
-		})
-	] });
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "form-item",
-		className: cn("flex flex-col gap-2", itemPropsClassName, className),
-		...props,
-		children: [contentElement, Boolean(feedbackText) && /* @__PURE__ */ jsx("p", {
-			id: feedbackId,
-			className: cn("text-[0.8rem]", feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600"),
-			children: typeof feedbackText === "string" ? feedbackText.split("\n").map((line, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [line, index < feedbackText.split("\n").length - 1 && /* @__PURE__ */ jsx("br", {})] }, index)) : feedbackText
-		})]
-	});
-};
-/**
-* FormItem component connected to Formily field state
-* Automatically maps field validation state to component props
-*/
-const FormItem = connect(BaseFormItem, mapProps((props, field) => {
-	if (isVoidField(field)) return {
-		label: field.title ?? props.label,
-		description: props.description ?? field.description,
-		asterisk: props.asterisk
-	};
-	const takeFeedbackStatus = () => {
-		if (field.validating) return void 0;
-		if (field.selfErrors?.length) return "error";
-		if (field.selfWarnings?.length) return "warning";
-		if (field.selfSuccesses?.length) return "success";
-	};
-	const takeFeedbackText = () => {
-		if (field.validating) return void 0;
-		if (props.feedbackText != null) return props.feedbackText;
-		if (field.selfErrors?.length) return field.selfErrors.join(", ");
-		if (field.selfWarnings?.length) return field.selfWarnings.join(", ");
-		if (field.selfSuccesses?.length) return field.selfSuccesses.join(", ");
-	};
-	const takeAsterisk = () => {
-		if (field.required && field.pattern !== "readPretty") return true;
-		if ("asterisk" in props) return Boolean(props.asterisk);
-		return false;
-	};
-	return {
-		label: props.label ?? field.title,
-		description: props.description ?? field.description,
-		feedbackStatus: takeFeedbackStatus(),
-		feedbackText: takeFeedbackText(),
-		asterisk: takeAsterisk()
-	};
-}));
-
-//#endregion
-export { FormItem };

package/dist/components/json-schema-form-renderer.d.cts

@@ -1,20 +0,0 @@
-import { Form } from "./form.cjs";
-import { ISchema } from "@formily/react";
-import React from "react";
-
-//#region src/components/json-schema-form-renderer.d.ts
-interface JsonSchemaFormRendererProps extends Omit<React.ComponentProps<typeof Form>, 'form'> {
-  schema: ISchema;
-  children?: React.ReactNode;
-  values?: Record<string, any>;
-  components?: {
-    fields?: Record<string, {
-      component: React.ComponentType<any>;
-      decorator?: string;
-    }>;
-    decorators?: Record<string, React.ComponentType<any>>;
-  };
-}
-declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
-//#endregion
-export { JsonSchemaFormRenderer, JsonSchemaFormRendererProps };

package/dist/components/json-schema-form-renderer.d.ts

@@ -1,20 +0,0 @@
-import { Form } from "./form.js";
-import { ISchema } from "@formily/react";
-import React from "react";
-
-//#region src/components/json-schema-form-renderer.d.ts
-interface JsonSchemaFormRendererProps extends Omit<React.ComponentProps<typeof Form>, 'form'> {
-  schema: ISchema;
-  children?: React.ReactNode;
-  values?: Record<string, any>;
-  components?: {
-    fields?: Record<string, {
-      component: React.ComponentType<any>;
-      decorator?: string;
-    }>;
-    decorators?: Record<string, React.ComponentType<any>>;
-  };
-}
-declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
-//#endregion
-export { JsonSchemaFormRenderer, JsonSchemaFormRendererProps };