tinacms 3.1.3 → 3.2.0

package/dist/index.js

@@ -1402,6 +1402,7 @@ function wrapFieldsWithMeta(Field2) {
         error: props.meta.error,
         index: props.index,
         tinaForm: props.tinaForm,
+        field: props.field,
         focusIntent: props.field.focusIntent,
         hoverIntent: props.field.hoverIntent
       },
@@ -1454,6 +1455,7 @@ const FieldMeta = ({
   children,
   index,
   tinaForm,
+  field,
   focusIntent,
   hoverIntent,
   ...props
@@ -1481,6 +1483,7 @@ const FieldMeta = ({
     FieldWrapper,
     {
       margin,
+      field,
       onMouseOver: () => setHoveredField({ id: tinaForm.id, fieldName: name }),
       onMouseOut: () => setHoveredField({ id: null, fieldName: null }),
       onClick: handleClick,
@@ -1497,9 +1500,10 @@ const FieldMeta = ({
 const FieldWrapper = ({
   margin,
   children,
+  field,
   "data-tina-field-active": dataActive,
   "data-tina-field-hovering": dataHovering,
-  ...restProps
+  ...props
 }) => {
   const isActive = dataActive === "true";
   const isHovering = dataHovering === "true";
@@ -1521,10 +1525,10 @@ const FieldWrapper = ({
   return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `relative ${margin ? `mb-5 last:mb-0` : ``} ${getFieldStateClasses()}`,
+      className: `relative w-full px-2 ${margin ? "mb-5 last:mb-0" : ""} ${(field == null ? void 0 : field.width) === "half" ? "@sm:w-1/2" : ""} ${getFieldStateClasses()}`,
       "data-tina-field-active": dataActive,
       "data-tina-field-hovering": dataHovering,
-      ...restProps
+      ...props
     },
     children
   );
@@ -38245,7 +38249,7 @@ function FieldsBuilder({
   }, [setFieldPlugins]);
   React.useEffect(() => updateFieldPlugins(), []);
   useEventSubscription("plugin:add:field", () => updateFieldPlugins(), []);
-  return /* @__PURE__ */ React.createElement(FieldsGroup, { padding }, fields.map((field, index) => {
+  return /* @__PURE__ */ React.createElement(FieldsGroup, null, fields.map((field, index) => {
     return /* @__PURE__ */ React.createElement(
       InnerField,
       {
@@ -38306,6 +38310,7 @@ const InnerField = ({
     {
       name: field.name,
       key: field.name,
+      className: "w-full",
       isEqual: (a2, b) => isEqual(field, a2, b),
       type,
       parse: parse2 ? (value, name) => parse2(value, name, field) : void 0,
@@ -38354,13 +38359,12 @@ const InnerField = ({
   );
 };
 const FieldsGroup = ({
-  padding,
   children
 }) => {
   return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `relative block w-full h-full whitespace-nowrap overflow-x-visible ${padding ? `pb-5` : ``}`
+      className: `relative flex flex-wrap w-full h-full whitespace-nowrap overflow-x-visible`
     },
     children
   );
@@ -39977,7 +39981,7 @@ const Select$1 = ({
       ref.current.focus();
     }
   }, [field == null ? void 0 : field.focusIntent, ref]);
-  return /* @__PURE__ */ React.createElement("div", { className: "relative group w-full h-full md:w-auto" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "relative group w-full h-fit md:w-auto" }, /* @__PURE__ */ React.createElement(
     "select",
     {
       id: input.name,
@@ -46527,7 +46531,7 @@ const NavProvider = ({
   };
   return /* @__PURE__ */ React__default.createElement(NavContext.Provider, { value }, children);
 };
-const version$1 = "3.1.3";
+const version$1 = "3.2.0";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -64657,9 +64661,9 @@ const FormWrapper = ({
     "div",
     {
       "data-test": `form:${id2 == null ? void 0 : id2.replace(/\\/g, "/")}`,
-      className: "h-full overflow-y-auto max-h-full bg-gray-50"
+      className: "h-full overflow-y-auto max-h-full bg-gray-50 @container"
     },
-    /* @__PURE__ */ React.createElement("div", { className: "py-5 px-6" }, children)
+    /* @__PURE__ */ React.createElement("div", { className: "py-5 px-4" }, children)
   );
 };
 const Emoji = ({ className = "", ...props }) => /* @__PURE__ */ React.createElement(

package/dist/toolkit/fields/plugins/wrap-field-with-meta.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FieldProps } from './field-props';
-import { Form } from '../../forms';
+import { Form, Field } from '../../forms';
 export type InputFieldType<ExtraFieldProps, InputProps> = FieldProps<InputProps> & ExtraFieldProps;
 export declare function wrapFieldsWithMeta<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
 /**
@@ -21,13 +21,15 @@ interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     margin?: boolean;
     index?: number;
     tinaForm: Form;
+    field?: Field;
     focusIntent?: boolean;
     hoverIntent?: boolean;
 }
-export declare const FieldMeta: ({ name, label, description, error, margin, children, index, tinaForm, focusIntent, hoverIntent, ...props }: FieldMetaProps) => React.JSX.Element;
-export declare const FieldWrapper: ({ margin, children, "data-tina-field-active": dataActive, "data-tina-field-hovering": dataHovering, ...restProps }: {
+export declare const FieldMeta: ({ name, label, description, error, margin, children, index, tinaForm, field, focusIntent, hoverIntent, ...props }: FieldMetaProps) => React.JSX.Element;
+export declare const FieldWrapper: ({ margin, children, field, "data-tina-field-active": dataActive, "data-tina-field-hovering": dataHovering, ...props }: {
     margin: boolean;
     children: React.ReactNode;
+    field?: Field;
     "data-tina-field-active"?: string;
     "data-tina-field-hovering"?: string;
 } & Partial<React.ComponentPropsWithoutRef<"div">>) => React.JSX.Element;

package/dist/toolkit/form-builder/fields-builder.d.ts

@@ -8,7 +8,6 @@ export interface FieldsBuilderProps {
     padding?: boolean;
 }
 export declare function FieldsBuilder({ form, fields, activeFieldName, hoveringFieldName, padding, }: FieldsBuilderProps): React.JSX.Element;
-export declare const FieldsGroup: ({ padding, children, }: {
-    padding?: boolean;
+export declare const FieldsGroup: ({ children, }: {
     children?: any | any[];
 }) => React.JSX.Element;

package/dist/toolkit/forms/field.d.ts

@@ -15,6 +15,7 @@ export interface Field<F extends Field = AnyField> {
     defaultValue?: any;
     namespace?: string[];
     fields?: F[];
+    width?: 'full' | 'half';
     /**
      * Focus events can come from outside of the component, this is not
      * a guarantee that the given field will receive focus since that functionality

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.1.3",
+  "version": "3.2.0",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -110,9 +110,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "2.0.1",
-    "@tinacms/schema-tools": "2.1.0",
-    "@tinacms/search": "1.1.8"
+    "@tinacms/mdx": "2.0.2",
+    "@tinacms/search": "1.1.9",
+    "@tinacms/schema-tools": "2.2.0"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",