@pixpilot/formily-shadcn 0.9.1 → 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.cjs

@@ -1,31 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_transform_schema = require('../utils/transform-schema.cjs');
-require('../utils/index.cjs');
-const require_form = require('./form.cjs');
-const require_schema_field = require('./schema-field/schema-field.cjs');
-require('./schema-field/index.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-let __formily_core = require("@formily/core");
-__formily_core = require_rolldown_runtime.__toESM(__formily_core);
-
-//#region src/components/json-schema-form-renderer.tsx
-const JsonSchemaFormRenderer = (props) => {
-	const { schema, children, schemaField,...rest } = props;
-	const form = (0, react.useMemo)(() => (0, __formily_core.createForm)(), []);
-	const formSchema = (0, react.useMemo)(() => {
-		return require_transform_schema.transformSchema(schema);
-	}, [schema]);
-	const SchemaFieldComponent = schemaField || require_schema_field.SchemaField;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_form.Form, {
-		...rest,
-		form,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaFieldComponent, { schema: formSchema }), children]
-	});
-};
-JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";
-
-//#endregion
-exports.JsonSchemaFormRenderer = JsonSchemaFormRenderer;

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

@@ -1,15 +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;
-  schemaField?: React.FC<{
-    schema: ISchema;
-  }>;
-}
-declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
-//#endregion
-export { JsonSchemaFormRenderer, JsonSchemaFormRendererProps };

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

@@ -1,15 +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;
-  schemaField?: React.FC<{
-    schema: ISchema;
-  }>;
-}
-declare const JsonSchemaFormRenderer: React.FC<JsonSchemaFormRendererProps>;
-//#endregion
-export { JsonSchemaFormRenderer, JsonSchemaFormRendererProps };

package/dist/components/json-schema-form-renderer.js

@@ -1,27 +0,0 @@
-import { transformSchema } from "../utils/transform-schema.js";
-import "../utils/index.js";
-import { Form as Form$1 } from "./form.js";
-import { SchemaField } from "./schema-field/schema-field.js";
-import "./schema-field/index.js";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createForm } from "@formily/core";
-
-//#region src/components/json-schema-form-renderer.tsx
-const JsonSchemaFormRenderer = (props) => {
-	const { schema, children, schemaField,...rest } = props;
-	const form = useMemo(() => createForm(), []);
-	const formSchema = useMemo(() => {
-		return transformSchema(schema);
-	}, [schema]);
-	const SchemaFieldComponent = schemaField || SchemaField;
-	return /* @__PURE__ */ jsxs(Form$1, {
-		...rest,
-		form,
-		children: [/* @__PURE__ */ jsx(SchemaFieldComponent, { schema: formSchema }), children]
-	});
-};
-JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";
-
-//#endregion
-export { JsonSchemaFormRenderer };