tinacms 2.9.4 → 2.10.0

package/dist/toolkit/fields/components/select.d.ts

@@ -18,6 +18,6 @@ export interface SelectProps {
     options?: (Option | string)[];
     className?: string;
 }
-export declare const selectFieldClasses = "shadow appearance-none bg-white block pl-3 pr-8 py-2 truncate w-full text-base cursor-pointer border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded";
+export declare const selectFieldClasses = "shadow appearance-none h-full bg-white block pl-3 pr-8 py-2 truncate w-full text-base cursor-pointer border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded";
 export declare const Select: React.FC<SelectProps>;
 export {};

package/dist/toolkit/fields/plugins/dnd-kit-wrapper.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+export interface DropResult {
+    destination: {
+        index: number;
+    } | null;
+    source: {
+        index: number;
+    };
+    type: string;
+}
+export interface DragDropContextProps {
+    onDragEnd: (result: DropResult) => void;
+    children: React.ReactNode;
+}
+export interface DroppableProps {
+    droppableId: string;
+    type: string;
+    children: (provided: {
+        innerRef: React.RefObject<HTMLDivElement>;
+        placeholder: React.ReactNode;
+    }) => React.ReactNode;
+}
+export interface DraggableProps {
+    draggableId: string;
+    index: number;
+    children: (provided: {
+        innerRef: React.RefObject<HTMLElement>;
+        draggableProps: {
+            style?: React.CSSProperties;
+            ref?: any;
+            [key: string]: any;
+        };
+        dragHandleProps: {
+            style?: React.CSSProperties;
+            [key: string]: any;
+        };
+    }, snapshot: {
+        isDragging: boolean;
+    }) => React.ReactNode;
+}
+export declare const DragDropContext: React.FC<DragDropContextProps>;
+export declare const Droppable: React.FC<DroppableProps>;
+export declare const Draggable: React.FC<DraggableProps>;
+interface SortableProviderProps {
+    items: string[];
+    children: React.ReactNode;
+}
+export declare const SortableProvider: React.FC<SortableProviderProps>;
+export {};

package/dist/toolkit/fields/plugins/group-list-field-plugin.d.ts

@@ -51,8 +51,9 @@ export declare const ItemDeleteButton: ({ onClick, disabled }: {
     onClick: any;
     disabled?: boolean;
 }) => React.JSX.Element;
-export declare const DragHandle: ({ isDragging }: {
+export declare const DragHandle: ({ isDragging, dragHandleProps, }: {
     isDragging: boolean;
+    dragHandleProps?: any;
 }) => React.JSX.Element;
 export declare const GroupListField: ({ tinaForm, form, field, input, meta, index }: GroupProps) => React.JSX.Element;
 export declare const GroupListFieldPlugin: {

package/dist/toolkit/fields/plugins/list-field-plugin.d.ts

@@ -7,6 +7,8 @@ interface ListFieldDefinititon extends Field {
     field: {
         component: 'text' | 'textarea' | 'number' | 'select' | 'image';
     };
+    min?: number;
+    max?: number;
     type?: string;
     list?: boolean;
     parentTypename?: string;

package/dist/toolkit/react-sidebar/components/badge.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export declare const Badge: ({ children, calloutStyle, className, ...props }: {
+export declare const Badge: ({ children, calloutStyle, className, displayIcon, ...props }: {
     children?: React.ReactNode;
     calloutStyle?: "warning" | "info" | "success" | "error";
+    displayIcon?: boolean;
 } & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;

package/dist/utils/index.d.ts

@@ -20,3 +20,4 @@ export interface CreateClientProps {
 export declare const createClient: ({ clientId, isLocalClient, branch, tinaioConfig, schema, apiUrl, tinaGraphQLVersion, }: CreateClientProps) => Client;
 export declare function assertShape<T>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema, errorMessage?: string): asserts value is T;
 export declare function safeAssertShape<T>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema): boolean;
+export declare const get: (obj: any, path: any, defaultValue?: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.9.4",
+  "version": "2.10.0",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -67,6 +67,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@ariakit/react": "^0.4.15",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/dom": "^1.6.13",
     "@floating-ui/react-dom": "^2.1.2",
     "@graphql-inspector/core": "^6.2.1",
@@ -113,39 +116,33 @@
     "color-string": "^1.9.1",
     "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
+    "es-toolkit": "^1.42.0",
     "final-form": "4.20.10",
     "final-form-arrays": "^3.1.0",
     "final-form-set-field-data": "^1.0.2",
     "graphql": "15.8.0",
     "graphql-tag": "^2.12.6",
     "is-hotkey": "^0.2.0",
-    "lodash.get": "^4.4.2",
-    "lodash.set": "^4.3.2",
     "lucide-react": "^0.424.0",
     "mermaid": "9.3.0",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
-    "react-beautiful-dnd": "^13.1.1",
     "react-color": "^2.19.3",
     "react-datetime": "^3.3.1",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
     "react-dropzone": "14.2.3",
     "react-final-form": "^6.5.9",
     "react-icons": "^5.4.0",
     "react-router-dom": "6.3.0",
     "react-use": "^17.6.0",
-    "sonner": "^2.0.7",
     "tailwind-merge": "^2.6.0",
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "dompurify": "^3.3.0",
-    "@tinacms/schema-tools": "1.9.1",
-    "@tinacms/search": "1.1.1",
-    "@tinacms/mdx": "1.8.1"
+    "@tinacms/mdx": "1.8.2",
+    "@tinacms/schema-tools": "1.10.0",
+    "@tinacms/search": "1.1.2"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -156,12 +153,9 @@
     "@types/atob": "^2.1.4",
     "@types/codemirror": "^5.60.15",
     "@types/color-string": "^1.5.5",
-    "@types/lodash.debounce": "^4.0.9",
-    "@types/lodash.get": "^4.4.9",
     "@types/node": "^22.13.1",
     "@types/prop-types": "^15.7.14",
     "@types/react": "^18.3.18",
-    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "^18.3.5",
     "@types/yup": "^0.32.0",
@@ -179,7 +173,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.4.0"
+    "@tinacms/scripts": "1.4.1"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

package/dist/toolkit/components/ui/sonner.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Toaster as Sonner } from 'sonner';
-type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const toast: {
-    success: (message: string | React.ReactNode, options?: any) => string | number;
-    error: (message: string | React.ReactNode, options?: any) => string | number;
-    warning: (message: string | React.ReactNode, options?: any) => string | number;
-    info: (message: string | React.ReactNode, options?: any) => string | number;
-    dismiss: (id?: number | string) => string | number;
-};
-declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
-export { toast, Toaster };