@nubitio/crud 0.5.15 → 0.5.19

package/dist/index.cjs

@@ -28,7 +28,6 @@ let react_dom = require("react-dom");
 let _nubitio_ui = require("@nubitio/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _nubitio_core = require("@nubitio/core");
-let react_dropzone = require("react-dropzone");
 let _tanstack_react_query = require("@tanstack/react-query");
 //#region packages/crud/crud/defineResource.ts
 const stringResourceCache = /* @__PURE__ */ new Map();
@@ -63,6 +62,17 @@ function defineResource(apiUrl, overrides) {
 	return resource;
 }
 //#endregion
+//#region packages/crud/crud/embeddedLinesUrl.ts
+/**
+* Builds a formDetail reload URL for {@code #[EmbeddedLines]} line entities.
+*
+* @example embeddedLinesUrl('/api/sales_document_lines', 'document')
+*          → '/api/sales_document_lines?document={id}'
+*/
+function embeddedLinesUrl(route, parentQueryParam) {
+	return `${route}${route.includes("?") ? "&" : "?"}${parentQueryParam}={id}`;
+}
+//#endregion
 //#region packages/crud/datagrid/DataGridEvents.ts
 const DATA_GRID_EVENTS = {
 	SELECTION_CHANGED: "datagrid:selection.changed",
@@ -1243,9 +1253,6 @@ const enumTypeModule = {
 };
 //#endregion
 //#region packages/crud/form/FileUploadField.tsx
-function cx$1(...values) {
-	return values.filter(Boolean).join(" ");
-}
 function resolveMediaPath(media) {
 	if (!media) return null;
 	const path = media["path"];
@@ -1271,27 +1278,6 @@ function resolveMediaIri(uploadUrl, media) {
 function isImageMimeType(mimeType) {
 	return !!mimeType && mimeType.startsWith("image/");
 }
-function buildDropzoneAccept(accept) {
-	if (!accept || accept === "*/*" || accept === "*") return void 0;
-	if (accept === "image/*") return {
-		"image/png": [".png"],
-		"image/jpeg": [".jpg", ".jpeg"],
-		"image/webp": [".webp"],
-		"image/gif": [".gif"]
-	};
-	if (accept.includes(",")) return accept.split(",").reduce((acc, token) => {
-		const trimmed = token.trim();
-		if (!trimmed) return acc;
-		if (trimmed.startsWith(".")) {
-			acc["application/octet-stream"] = [...acc["application/octet-stream"] ?? [], trimmed];
-			return acc;
-		}
-		acc[trimmed] = [];
-		return acc;
-	}, {});
-	if (accept.startsWith(".")) return { "application/octet-stream": [accept] };
-	return { [accept]: [] };
-}
 async function uploadMediaFile(file, uploadUrl, httpClient) {
 	const body = new FormData();
 	body.append("file", file);
@@ -1371,17 +1357,6 @@ function FileUploadField({ field, disabled = false, readOnly = false, invalid =
 		t,
 		uploadUrl
 	]);
-	const { getRootProps, getInputProps, isDragActive, open } = (0, react_dropzone.useDropzone)({
-		accept: buildDropzoneAccept(field.accept),
-		disabled: disabled || readOnly || status === "uploading",
-		multiple: false,
-		noClick: !!(previewUrl || fileName),
-		noKeyboard: !!(previewUrl || fileName),
-		onDrop: (acceptedFiles) => {
-			const file = acceptedFiles[0];
-			if (file) uploadFile(file);
-		}
-	});
 	const handleClear = () => {
 		revokeLocalPreview();
 		setPreviewUrl(null);
@@ -1391,104 +1366,35 @@ function FileUploadField({ field, disabled = false, readOnly = false, invalid =
 		setErrorMessage(null);
 		onCleared(field.name);
 	};
-	const isInteractive = !disabled && !readOnly;
-	const hasContent = !!(previewUrl || fileName);
-	const placeholderIcon = imageMode ? "ph-image" : "ph-file-arrow-up";
-	const placeholderTitle = isDragActive ? t("form.fileUploadDrop") : imageMode ? t("form.imageUploadPrompt") : t("form.fileUploadPrompt");
-	const placeholderHint = imageMode ? t("form.imageUploadHint") : t("form.fileUploadHint");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cx$1("nb-form__file-upload", imageMode && "nb-form__file-upload--image", invalid && "nb-form__file-upload--invalid"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			...getRootProps({ className: cx$1("nb-form__file-upload-zone", isDragActive && "nb-form__file-upload-zone--active", hasContent && "nb-form__file-upload-zone--filled", status === "uploading" && "nb-form__file-upload-zone--uploading", !isInteractive && "nb-form__file-upload-zone--disabled") }),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...getInputProps({
-				id: `nb-form-${field.name}`,
-				"aria-label": field.label
-			}) }), hasContent ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				previewUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-					className: "nb-form__file-upload-preview",
-					src: previewUrl,
-					alt: field.label
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "nb-form__file-upload-file",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "nb-form__file-upload-file-icon",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "ph ph-file" })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "nb-form__file-upload-file-meta",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "nb-form__file-upload-file-name",
-							children: fileName
-						}), fileUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-							className: "nb-form__file-upload-file-link",
-							href: fileUrl,
-							target: "_blank",
-							rel: "noreferrer",
-							onClick: (event) => event.stopPropagation(),
-							children: t("form.fileUploadOpen")
-						})]
-					})]
-				}),
-				status === "uploading" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "nb-form__file-upload-overlay",
-					"aria-live": "polite",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "nb-form__file-upload-spinner",
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("form.fileUploading") })]
-				}),
-				isInteractive && status !== "uploading" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "nb-form__file-upload-actions",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "nb-form__file-upload-action",
-						onClick: (event) => {
-							event.stopPropagation();
-							open();
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-							className: "ph ph-arrows-clockwise",
-							"aria-hidden": "true"
-						}), t("form.fileUploadReplace")]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "nb-form__file-upload-action nb-form__file-upload-action--danger",
-						onClick: (event) => {
-							event.stopPropagation();
-							handleClear();
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-							className: "ph ph-trash",
-							"aria-hidden": "true"
-						}), t("form.fileUploadRemove")]
-					})]
-				})
-			] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "nb-form__file-upload-placeholder",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "nb-form__file-upload-icon",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: `ph ${placeholderIcon}` })
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "nb-form__file-upload-title",
-						children: placeholderTitle
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "nb-form__file-upload-hint",
-						children: placeholderHint
-					})
-				]
-			})]
-		}), errorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "nb-form__file-upload-error",
-			role: "alert",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-				className: "ph ph-warning-circle",
-				"aria-hidden": "true"
-			}), errorMessage]
-		})]
+	const value = {
+		fileName,
+		fileUrl,
+		previewUrl
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_nubitio_ui.FileDropzone, {
+		accept: field.accept,
+		disabled,
+		readOnly,
+		invalid,
+		image: imageMode,
+		value,
+		uploading: status === "uploading",
+		error: errorMessage,
+		inputId: `nb-form-${field.name}`,
+		inputLabel: field.label,
+		labels: {
+			dropPrompt: t("form.fileUploadDrop"),
+			prompt: t("form.fileUploadPrompt"),
+			imagePrompt: t("form.imageUploadPrompt"),
+			hint: t("form.fileUploadHint"),
+			imageHint: t("form.imageUploadHint"),
+			uploading: t("form.fileUploading"),
+			replace: t("form.fileUploadReplace"),
+			remove: t("form.fileUploadRemove"),
+			open: t("form.fileUploadOpen")
+		},
+		onFileSelect: (file) => void uploadFile(file),
+		onClear: handleClear
 	});
 }
 function isImageFileField(field) {
@@ -3693,6 +3599,17 @@ function normalizeEntityField(row, field, adapter, prependDataByField) {
 	}
 }
 //#endregion
+//#region packages/crud/form/loadDetailRows.ts
+/**
+* Loads embedded line rows for formDetail edit mode. Accepts both plain JSON
+* arrays (nubit embedded-lines endpoint) and Hydra collections.
+*/
+async function loadDetailRows(httpClient, detailUrl, adapter) {
+	const response = await httpClient.get(detailUrl);
+	const { items } = (adapter ?? HydraAdapter).parseListResponse(response.data);
+	return items;
+}
+//#endregion
 //#region packages/crud/form/safeRandomId.ts
 /**
 * Generate a unique-enough id string for internal React keys.
@@ -4753,7 +4670,7 @@ const NativeFormView = (0, react.forwardRef)((options, ref) => {
 		const detailUrl = typeof detailId === "string" || typeof detailId === "number" ? options.detailUrl?.replace("{id}", String(detailId)) : void 0;
 		if (!detailUrl) return;
 		emit(FORM_EVENTS.LOADING, true);
-		httpClient.get(detailUrl).then((response) => setNextDetailRows(response.data)).finally(() => emit(FORM_EVENTS.LOADING, false));
+		loadDetailRows(httpClient, detailUrl, options.adapter).then((rows) => setNextDetailRows(rows)).finally(() => emit(FORM_EVENTS.LOADING, false));
 	}, [
 		captureExistingMedia,
 		emit,
@@ -8543,6 +8460,24 @@ function ToolbarSelect({ id, label, icon = "ph-funnel", value, options, onChange
 	});
 }
 //#endregion
+//#region packages/crud/workflow/buildWorkflowRowActions.ts
+function buildWorkflowRowActions(row, workflow, apiUrl, roles, onDone) {
+	if (!workflow) return [];
+	const current = String(row[workflow.field] ?? "");
+	return workflow.transitions.filter((transition) => transition.from.includes(current)).filter((transition) => !transition.roles?.length || transition.roles.some((role) => roles.includes(role))).map((transition) => ({
+		text: transition.label ?? transition.name,
+		onClick: async () => {
+			const base = apiUrl.replace(/\/$/, "");
+			const id = row.id;
+			await fetch(`${base}/${id}/transition/${transition.name}`, {
+				method: "POST",
+				credentials: "include"
+			});
+			onDone?.();
+		}
+	}));
+}
+//#endregion
 //#region packages/crud/adapter/RestAdapter.ts
 /**
 * Backend adapter for plain OpenAPI / REST backends.
@@ -8722,6 +8657,7 @@ exports.SmartCrudRolesProvider = SmartCrudRolesProvider;
 exports.ToolbarSelect = ToolbarSelect;
 exports.buildFieldColSpanContext = buildFieldColSpanContext;
 exports.buildFields = buildFields;
+exports.buildWorkflowRowActions = buildWorkflowRowActions;
 exports.checkboxField = checkboxField;
 exports.computeSummaryValue = computeSummaryValue;
 Object.defineProperty(exports, "createCrudEvents", {
@@ -8738,6 +8674,7 @@ exports.datetimeField = datetimeField;
 exports.defineFieldContract = defineFieldContract;
 exports.defineFields = defineFields;
 exports.defineResource = defineResource;
+exports.embeddedLinesUrl = embeddedLinesUrl;
 exports.entityField = entityField;
 exports.enumField = enumField;
 exports.fileField = fileField;

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 import React, { ReactElement, ReactNode, RefObject } from "react";
 import { CoreHttpClient, DataGridEventNames, DataRecord, DataRecord as DataRecord$1, DialogEventNames, FormEventNames, GridData, GridData as GridData$1, createCrudEvents } from "@nubitio/core";
 import { AppDropdownOption } from "@nubitio/ui";
+import { WorkflowSchema } from "@nubitio/hydra";
 
 //#region packages/crud/field/FieldType.d.ts
 declare enum FieldType {
@@ -1013,6 +1014,15 @@ declare function defineResource<T extends DataRecord$1>(apiUrl: string, override
   id?: string;
 }): ResourceConfig<T>;
 //#endregion
+//#region packages/crud/crud/embeddedLinesUrl.d.ts
+/**
+ * Builds a formDetail reload URL for {@code #[EmbeddedLines]} line entities.
+ *
+ * @example embeddedLinesUrl('/api/sales_document_lines', 'document')
+ *          → '/api/sales_document_lines?document={id}'
+ */
+declare function embeddedLinesUrl(route: string, parentQueryParam: string): string;
+//#endregion
 //#region packages/crud/crud/CrudPage.d.ts
 interface CrudPageProps<T extends DataRecord$1 = DataRecord$1> {
   resource: ResourceConfig<T>;
@@ -1867,6 +1877,9 @@ interface ColumnPresetState {
 }
 declare function useColumnPreset(resource: ResourceConfig): ColumnPresetState;
 //#endregion
+//#region packages/crud/workflow/buildWorkflowRowActions.d.ts
+declare function buildWorkflowRowActions<T extends DataRecord$1 = DataRecord$1>(row: T, workflow: WorkflowSchema | undefined, apiUrl: string, roles: string[], onDone?: () => void): ResourceToolbarAction[];
+//#endregion
 //#region packages/crud/adapter/HydraAdapter.d.ts
 /**
  * Default backend adapter for API Platform / JSON-LD + Hydra backends.
@@ -1905,6 +1918,7 @@ interface ResourceSchemaResolution {
    * resource publishes one. Explicit `ResourceConfig.formLayout` wins.
    */
   formLayout?: FormLayout;
+  workflow?: WorkflowSchema;
 }
 interface ResourceSchemaResolver {
   useResourceSchema(request: ResourceSchemaRequest): ResourceSchemaResolution;
@@ -1999,4 +2013,4 @@ interface RestQueryDialect {
  */
 declare function createRestResourceStore(dialect?: RestQueryDialect): ResourceStoreFactory;
 //#endregion
-export { type AuditEntry, type AuditFieldLabelResolver, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, type BackendAdapter, type BulkAction, type ColSpan, type ColumnPreset, ColumnPresetSelector, type ColumnPresetState, CrudDialogShell, CrudDrawerShell, type CrudDrawerSize, type CrudDrawerViewEvents, type CrudDrawerViewOptions, CrudFormShell, type CrudFormShellProps, CrudPage, CrudPageShell, type CrudPageViewEvents, type CrudPageViewOptions, type CrudViewMode, type CrudViewModeConfig, DATA_GRID_EVENTS, DEFAULT_DRAWER_SIZE, DEFAULT_DRAWER_WIDTH, DRAWER_WIDTHS, type DataGridSelectionChangedEvent, type DataGridSummaryItem, NativeDataGridView as DataGridView, type DataGridViewOptions, type DataRecord, type DetailSummaryOptions, CrudDialogView as DialogView, type DrawerSize, CrudDrawerView as DrawerView, type EnumOption, FORM_EVENTS, type Field, FieldBuilder, type FieldColSpanContext, type FieldDef, type FieldInput, type FieldOverride, FieldType, type FilterRule, type FormHandle, type FormLayout, type FormLayoutHint, type FormOnChangeFn, type FormPresentationContext, type FormPresentationMode, type FormSection, type FormTab, NativeFormView as FormView, type FormViewOptions, type FormatterFn, type GridCellContext, type GridData, type GridHandle, type GridOnChangeFn, HydraAdapter, type ItemFormatterFn, type LoadOption, type OnChangeFn, CrudPageView as PageView, type ResolvedViewMode, type ResourceConfig, type ResourceEmptyState, type ResourceFilterDescriptor, type ResourceFilterRule, type ResourceFormDetail, type ResourceGridDetail, type ResourceLoadOption, type ResourceLoadOptions, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, ResourceSchemaProvider, type ResourceSchemaProviderProps, type ResourceSchemaResolution, type ResourceSchemaResolver, type ResourceSortDescriptor, type ResourceStore, type ResourceStoreFactory, type ResourceStoreOptions, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, type RestQueryDialect, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, type SummaryCalculateContext, type SummaryFormat, type SummaryItem, type SummaryTextContext, type SummaryType, ToolbarSelect, type ToolbarSelectOption, type ToolbarSelectProps, type ValidationRule, buildFieldColSpanContext, buildFields, checkboxField, computeSummaryValue, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, formatSummaryValue, identityField, imageField, isLongTextField, isShortField, noneField, numberField, parseDrawerWidthPx, passwordField, resolveDrawerLayoutBucket, resolveDrawerSize, resolveDrawerWidth, resolveFieldColSpan, resolveFieldsColSpans, resolveSummaryText, resolveViewMode, selectField, switchField, textField, textareaField, useColumnPreset, useResourceStoreFactory, useSmartCrudRoles, validateFieldContract };
+export { type AuditEntry, type AuditFieldLabelResolver, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, type BackendAdapter, type BulkAction, type ColSpan, type ColumnPreset, ColumnPresetSelector, type ColumnPresetState, CrudDialogShell, CrudDrawerShell, type CrudDrawerSize, type CrudDrawerViewEvents, type CrudDrawerViewOptions, CrudFormShell, type CrudFormShellProps, CrudPage, CrudPageShell, type CrudPageViewEvents, type CrudPageViewOptions, type CrudViewMode, type CrudViewModeConfig, DATA_GRID_EVENTS, DEFAULT_DRAWER_SIZE, DEFAULT_DRAWER_WIDTH, DRAWER_WIDTHS, type DataGridSelectionChangedEvent, type DataGridSummaryItem, NativeDataGridView as DataGridView, type DataGridViewOptions, type DataRecord, type DetailSummaryOptions, CrudDialogView as DialogView, type DrawerSize, CrudDrawerView as DrawerView, type EnumOption, FORM_EVENTS, type Field, FieldBuilder, type FieldColSpanContext, type FieldDef, type FieldInput, type FieldOverride, FieldType, type FilterRule, type FormHandle, type FormLayout, type FormLayoutHint, type FormOnChangeFn, type FormPresentationContext, type FormPresentationMode, type FormSection, type FormTab, NativeFormView as FormView, type FormViewOptions, type FormatterFn, type GridCellContext, type GridData, type GridHandle, type GridOnChangeFn, HydraAdapter, type ItemFormatterFn, type LoadOption, type OnChangeFn, CrudPageView as PageView, type ResolvedViewMode, type ResourceConfig, type ResourceEmptyState, type ResourceFilterDescriptor, type ResourceFilterRule, type ResourceFormDetail, type ResourceGridDetail, type ResourceLoadOption, type ResourceLoadOptions, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, ResourceSchemaProvider, type ResourceSchemaProviderProps, type ResourceSchemaResolution, type ResourceSchemaResolver, type ResourceSortDescriptor, type ResourceStore, type ResourceStoreFactory, type ResourceStoreOptions, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, type RestQueryDialect, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, type SummaryCalculateContext, type SummaryFormat, type SummaryItem, type SummaryTextContext, type SummaryType, ToolbarSelect, type ToolbarSelectOption, type ToolbarSelectProps, type ValidationRule, buildFieldColSpanContext, buildFields, buildWorkflowRowActions, checkboxField, computeSummaryValue, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, embeddedLinesUrl, entityField, enumField, fileField, formatSummaryValue, identityField, imageField, isLongTextField, isShortField, noneField, numberField, parseDrawerWidthPx, passwordField, resolveDrawerLayoutBucket, resolveDrawerSize, resolveDrawerWidth, resolveFieldColSpan, resolveFieldsColSpans, resolveSummaryText, resolveViewMode, selectField, switchField, textField, textareaField, useColumnPreset, useResourceStoreFactory, useSmartCrudRoles, validateFieldContract };

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import React, { ReactElement, ReactNode, RefObject } from "react";
 import { AppDropdownOption } from "@nubitio/ui";
 import { CoreHttpClient, DataGridEventNames, DataRecord, DataRecord as DataRecord$1, DialogEventNames, FormEventNames, GridData, GridData as GridData$1, createCrudEvents } from "@nubitio/core";
+import { WorkflowSchema } from "@nubitio/hydra";
 
 //#region packages/crud/field/FieldType.d.ts
 declare enum FieldType {
@@ -1013,6 +1014,15 @@ declare function defineResource<T extends DataRecord$1>(apiUrl: string, override
   id?: string;
 }): ResourceConfig<T>;
 //#endregion
+//#region packages/crud/crud/embeddedLinesUrl.d.ts
+/**
+ * Builds a formDetail reload URL for {@code #[EmbeddedLines]} line entities.
+ *
+ * @example embeddedLinesUrl('/api/sales_document_lines', 'document')
+ *          → '/api/sales_document_lines?document={id}'
+ */
+declare function embeddedLinesUrl(route: string, parentQueryParam: string): string;
+//#endregion
 //#region packages/crud/crud/CrudPage.d.ts
 interface CrudPageProps<T extends DataRecord$1 = DataRecord$1> {
   resource: ResourceConfig<T>;
@@ -1867,6 +1877,9 @@ interface ColumnPresetState {
 }
 declare function useColumnPreset(resource: ResourceConfig): ColumnPresetState;
 //#endregion
+//#region packages/crud/workflow/buildWorkflowRowActions.d.ts
+declare function buildWorkflowRowActions<T extends DataRecord$1 = DataRecord$1>(row: T, workflow: WorkflowSchema | undefined, apiUrl: string, roles: string[], onDone?: () => void): ResourceToolbarAction[];
+//#endregion
 //#region packages/crud/adapter/HydraAdapter.d.ts
 /**
  * Default backend adapter for API Platform / JSON-LD + Hydra backends.
@@ -1905,6 +1918,7 @@ interface ResourceSchemaResolution {
    * resource publishes one. Explicit `ResourceConfig.formLayout` wins.
    */
   formLayout?: FormLayout;
+  workflow?: WorkflowSchema;
 }
 interface ResourceSchemaResolver {
   useResourceSchema(request: ResourceSchemaRequest): ResourceSchemaResolution;
@@ -1999,4 +2013,4 @@ interface RestQueryDialect {
  */
 declare function createRestResourceStore(dialect?: RestQueryDialect): ResourceStoreFactory;
 //#endregion
-export { type AuditEntry, type AuditFieldLabelResolver, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, type BackendAdapter, type BulkAction, type ColSpan, type ColumnPreset, ColumnPresetSelector, type ColumnPresetState, CrudDialogShell, CrudDrawerShell, type CrudDrawerSize, type CrudDrawerViewEvents, type CrudDrawerViewOptions, CrudFormShell, type CrudFormShellProps, CrudPage, CrudPageShell, type CrudPageViewEvents, type CrudPageViewOptions, type CrudViewMode, type CrudViewModeConfig, DATA_GRID_EVENTS, DEFAULT_DRAWER_SIZE, DEFAULT_DRAWER_WIDTH, DRAWER_WIDTHS, type DataGridSelectionChangedEvent, type DataGridSummaryItem, NativeDataGridView as DataGridView, type DataGridViewOptions, type DataRecord, type DetailSummaryOptions, CrudDialogView as DialogView, type DrawerSize, CrudDrawerView as DrawerView, type EnumOption, FORM_EVENTS, type Field, FieldBuilder, type FieldColSpanContext, type FieldDef, type FieldInput, type FieldOverride, FieldType, type FilterRule, type FormHandle, type FormLayout, type FormLayoutHint, type FormOnChangeFn, type FormPresentationContext, type FormPresentationMode, type FormSection, type FormTab, NativeFormView as FormView, type FormViewOptions, type FormatterFn, type GridCellContext, type GridData, type GridHandle, type GridOnChangeFn, HydraAdapter, type ItemFormatterFn, type LoadOption, type OnChangeFn, CrudPageView as PageView, type ResolvedViewMode, type ResourceConfig, type ResourceEmptyState, type ResourceFilterDescriptor, type ResourceFilterRule, type ResourceFormDetail, type ResourceGridDetail, type ResourceLoadOption, type ResourceLoadOptions, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, ResourceSchemaProvider, type ResourceSchemaProviderProps, type ResourceSchemaResolution, type ResourceSchemaResolver, type ResourceSortDescriptor, type ResourceStore, type ResourceStoreFactory, type ResourceStoreOptions, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, type RestQueryDialect, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, type SummaryCalculateContext, type SummaryFormat, type SummaryItem, type SummaryTextContext, type SummaryType, ToolbarSelect, type ToolbarSelectOption, type ToolbarSelectProps, type ValidationRule, buildFieldColSpanContext, buildFields, checkboxField, computeSummaryValue, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, formatSummaryValue, identityField, imageField, isLongTextField, isShortField, noneField, numberField, parseDrawerWidthPx, passwordField, resolveDrawerLayoutBucket, resolveDrawerSize, resolveDrawerWidth, resolveFieldColSpan, resolveFieldsColSpans, resolveSummaryText, resolveViewMode, selectField, switchField, textField, textareaField, useColumnPreset, useResourceStoreFactory, useSmartCrudRoles, validateFieldContract };
+export { type AuditEntry, type AuditFieldLabelResolver, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, type BackendAdapter, type BulkAction, type ColSpan, type ColumnPreset, ColumnPresetSelector, type ColumnPresetState, CrudDialogShell, CrudDrawerShell, type CrudDrawerSize, type CrudDrawerViewEvents, type CrudDrawerViewOptions, CrudFormShell, type CrudFormShellProps, CrudPage, CrudPageShell, type CrudPageViewEvents, type CrudPageViewOptions, type CrudViewMode, type CrudViewModeConfig, DATA_GRID_EVENTS, DEFAULT_DRAWER_SIZE, DEFAULT_DRAWER_WIDTH, DRAWER_WIDTHS, type DataGridSelectionChangedEvent, type DataGridSummaryItem, NativeDataGridView as DataGridView, type DataGridViewOptions, type DataRecord, type DetailSummaryOptions, CrudDialogView as DialogView, type DrawerSize, CrudDrawerView as DrawerView, type EnumOption, FORM_EVENTS, type Field, FieldBuilder, type FieldColSpanContext, type FieldDef, type FieldInput, type FieldOverride, FieldType, type FilterRule, type FormHandle, type FormLayout, type FormLayoutHint, type FormOnChangeFn, type FormPresentationContext, type FormPresentationMode, type FormSection, type FormTab, NativeFormView as FormView, type FormViewOptions, type FormatterFn, type GridCellContext, type GridData, type GridHandle, type GridOnChangeFn, HydraAdapter, type ItemFormatterFn, type LoadOption, type OnChangeFn, CrudPageView as PageView, type ResolvedViewMode, type ResourceConfig, type ResourceEmptyState, type ResourceFilterDescriptor, type ResourceFilterRule, type ResourceFormDetail, type ResourceGridDetail, type ResourceLoadOption, type ResourceLoadOptions, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, ResourceSchemaProvider, type ResourceSchemaProviderProps, type ResourceSchemaResolution, type ResourceSchemaResolver, type ResourceSortDescriptor, type ResourceStore, type ResourceStoreFactory, type ResourceStoreOptions, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, type RestQueryDialect, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, type SummaryCalculateContext, type SummaryFormat, type SummaryItem, type SummaryTextContext, type SummaryType, ToolbarSelect, type ToolbarSelectOption, type ToolbarSelectProps, type ValidationRule, buildFieldColSpanContext, buildFields, buildWorkflowRowActions, checkboxField, computeSummaryValue, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, embeddedLinesUrl, entityField, enumField, fileField, formatSummaryValue, identityField, imageField, isLongTextField, isShortField, noneField, numberField, parseDrawerWidthPx, passwordField, resolveDrawerLayoutBucket, resolveDrawerSize, resolveDrawerWidth, resolveFieldColSpan, resolveFieldsColSpans, resolveSummaryText, resolveViewMode, selectField, switchField, textField, textareaField, useColumnPreset, useResourceStoreFactory, useSmartCrudRoles, validateFieldContract };

package/dist/index.mjs

@@ -1,10 +1,9 @@
 import React, { createContext, forwardRef, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Route, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { createPortal } from "react-dom";
-import { AppDialog, AppDropdown, Badge, Button, ConfirmDialog, DatePicker, DateRangePicker, Drawer, EmptyState, IconButton, Skeleton, Timeline, TimelineItem } from "@nubitio/ui";
+import { AppDialog, AppDropdown, Badge, Button, ConfirmDialog, DatePicker, DateRangePicker, Drawer, EmptyState, FileDropzone, IconButton, Skeleton, Timeline, TimelineItem } from "@nubitio/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createCrudEvents, createScopedEventBus, getCoreCurrency, getCoreLocale, getCoreTimezone, useCoreHttpClient, useCoreRuntime, useCoreTranslation, useEvents, useMercureSubscription } from "@nubitio/core";
-import { useDropzone } from "react-dropzone";
 import { useQueryClient } from "@tanstack/react-query";
 //#region packages/crud/crud/defineResource.ts
 const stringResourceCache = /* @__PURE__ */ new Map();
@@ -39,6 +38,17 @@ function defineResource(apiUrl, overrides) {
 	return resource;
 }
 //#endregion
+//#region packages/crud/crud/embeddedLinesUrl.ts
+/**
+* Builds a formDetail reload URL for {@code #[EmbeddedLines]} line entities.
+*
+* @example embeddedLinesUrl('/api/sales_document_lines', 'document')
+*          → '/api/sales_document_lines?document={id}'
+*/
+function embeddedLinesUrl(route, parentQueryParam) {
+	return `${route}${route.includes("?") ? "&" : "?"}${parentQueryParam}={id}`;
+}
+//#endregion
 //#region packages/crud/datagrid/DataGridEvents.ts
 const DATA_GRID_EVENTS = {
 	SELECTION_CHANGED: "datagrid:selection.changed",
@@ -1219,9 +1229,6 @@ const enumTypeModule = {
 };
 //#endregion
 //#region packages/crud/form/FileUploadField.tsx
-function cx$1(...values) {
-	return values.filter(Boolean).join(" ");
-}
 function resolveMediaPath(media) {
 	if (!media) return null;
 	const path = media["path"];
@@ -1247,27 +1254,6 @@ function resolveMediaIri(uploadUrl, media) {
 function isImageMimeType(mimeType) {
 	return !!mimeType && mimeType.startsWith("image/");
 }
-function buildDropzoneAccept(accept) {
-	if (!accept || accept === "*/*" || accept === "*") return void 0;
-	if (accept === "image/*") return {
-		"image/png": [".png"],
-		"image/jpeg": [".jpg", ".jpeg"],
-		"image/webp": [".webp"],
-		"image/gif": [".gif"]
-	};
-	if (accept.includes(",")) return accept.split(",").reduce((acc, token) => {
-		const trimmed = token.trim();
-		if (!trimmed) return acc;
-		if (trimmed.startsWith(".")) {
-			acc["application/octet-stream"] = [...acc["application/octet-stream"] ?? [], trimmed];
-			return acc;
-		}
-		acc[trimmed] = [];
-		return acc;
-	}, {});
-	if (accept.startsWith(".")) return { "application/octet-stream": [accept] };
-	return { [accept]: [] };
-}
 async function uploadMediaFile(file, uploadUrl, httpClient) {
 	const body = new FormData();
 	body.append("file", file);
@@ -1347,17 +1333,6 @@ function FileUploadField({ field, disabled = false, readOnly = false, invalid =
 		t,
 		uploadUrl
 	]);
-	const { getRootProps, getInputProps, isDragActive, open } = useDropzone({
-		accept: buildDropzoneAccept(field.accept),
-		disabled: disabled || readOnly || status === "uploading",
-		multiple: false,
-		noClick: !!(previewUrl || fileName),
-		noKeyboard: !!(previewUrl || fileName),
-		onDrop: (acceptedFiles) => {
-			const file = acceptedFiles[0];
-			if (file) uploadFile(file);
-		}
-	});
 	const handleClear = () => {
 		revokeLocalPreview();
 		setPreviewUrl(null);
@@ -1367,104 +1342,35 @@ function FileUploadField({ field, disabled = false, readOnly = false, invalid =
 		setErrorMessage(null);
 		onCleared(field.name);
 	};
-	const isInteractive = !disabled && !readOnly;
-	const hasContent = !!(previewUrl || fileName);
-	const placeholderIcon = imageMode ? "ph-image" : "ph-file-arrow-up";
-	const placeholderTitle = isDragActive ? t("form.fileUploadDrop") : imageMode ? t("form.imageUploadPrompt") : t("form.fileUploadPrompt");
-	const placeholderHint = imageMode ? t("form.imageUploadHint") : t("form.fileUploadHint");
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx$1("nb-form__file-upload", imageMode && "nb-form__file-upload--image", invalid && "nb-form__file-upload--invalid"),
-		children: [/* @__PURE__ */ jsxs("div", {
-			...getRootProps({ className: cx$1("nb-form__file-upload-zone", isDragActive && "nb-form__file-upload-zone--active", hasContent && "nb-form__file-upload-zone--filled", status === "uploading" && "nb-form__file-upload-zone--uploading", !isInteractive && "nb-form__file-upload-zone--disabled") }),
-			children: [/* @__PURE__ */ jsx("input", { ...getInputProps({
-				id: `nb-form-${field.name}`,
-				"aria-label": field.label
-			}) }), hasContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
-				previewUrl ? /* @__PURE__ */ jsx("img", {
-					className: "nb-form__file-upload-preview",
-					src: previewUrl,
-					alt: field.label
-				}) : /* @__PURE__ */ jsxs("div", {
-					className: "nb-form__file-upload-file",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "nb-form__file-upload-file-icon",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ jsx("i", { className: "ph ph-file" })
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "nb-form__file-upload-file-meta",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "nb-form__file-upload-file-name",
-							children: fileName
-						}), fileUrl && /* @__PURE__ */ jsx("a", {
-							className: "nb-form__file-upload-file-link",
-							href: fileUrl,
-							target: "_blank",
-							rel: "noreferrer",
-							onClick: (event) => event.stopPropagation(),
-							children: t("form.fileUploadOpen")
-						})]
-					})]
-				}),
-				status === "uploading" && /* @__PURE__ */ jsxs("div", {
-					className: "nb-form__file-upload-overlay",
-					"aria-live": "polite",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "nb-form__file-upload-spinner",
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ jsx("span", { children: t("form.fileUploading") })]
-				}),
-				isInteractive && status !== "uploading" && /* @__PURE__ */ jsxs("div", {
-					className: "nb-form__file-upload-actions",
-					children: [/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: "nb-form__file-upload-action",
-						onClick: (event) => {
-							event.stopPropagation();
-							open();
-						},
-						children: [/* @__PURE__ */ jsx("i", {
-							className: "ph ph-arrows-clockwise",
-							"aria-hidden": "true"
-						}), t("form.fileUploadReplace")]
-					}), /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: "nb-form__file-upload-action nb-form__file-upload-action--danger",
-						onClick: (event) => {
-							event.stopPropagation();
-							handleClear();
-						},
-						children: [/* @__PURE__ */ jsx("i", {
-							className: "ph ph-trash",
-							"aria-hidden": "true"
-						}), t("form.fileUploadRemove")]
-					})]
-				})
-			] }) : /* @__PURE__ */ jsxs("div", {
-				className: "nb-form__file-upload-placeholder",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "nb-form__file-upload-icon",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ jsx("i", { className: `ph ${placeholderIcon}` })
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "nb-form__file-upload-title",
-						children: placeholderTitle
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "nb-form__file-upload-hint",
-						children: placeholderHint
-					})
-				]
-			})]
-		}), errorMessage && /* @__PURE__ */ jsxs("span", {
-			className: "nb-form__file-upload-error",
-			role: "alert",
-			children: [/* @__PURE__ */ jsx("i", {
-				className: "ph ph-warning-circle",
-				"aria-hidden": "true"
-			}), errorMessage]
-		})]
+	const value = {
+		fileName,
+		fileUrl,
+		previewUrl
+	};
+	return /* @__PURE__ */ jsx(FileDropzone, {
+		accept: field.accept,
+		disabled,
+		readOnly,
+		invalid,
+		image: imageMode,
+		value,
+		uploading: status === "uploading",
+		error: errorMessage,
+		inputId: `nb-form-${field.name}`,
+		inputLabel: field.label,
+		labels: {
+			dropPrompt: t("form.fileUploadDrop"),
+			prompt: t("form.fileUploadPrompt"),
+			imagePrompt: t("form.imageUploadPrompt"),
+			hint: t("form.fileUploadHint"),
+			imageHint: t("form.imageUploadHint"),
+			uploading: t("form.fileUploading"),
+			replace: t("form.fileUploadReplace"),
+			remove: t("form.fileUploadRemove"),
+			open: t("form.fileUploadOpen")
+		},
+		onFileSelect: (file) => void uploadFile(file),
+		onClear: handleClear
 	});
 }
 function isImageFileField(field) {
@@ -3669,6 +3575,17 @@ function normalizeEntityField(row, field, adapter, prependDataByField) {
 	}
 }
 //#endregion
+//#region packages/crud/form/loadDetailRows.ts
+/**
+* Loads embedded line rows for formDetail edit mode. Accepts both plain JSON
+* arrays (nubit embedded-lines endpoint) and Hydra collections.
+*/
+async function loadDetailRows(httpClient, detailUrl, adapter) {
+	const response = await httpClient.get(detailUrl);
+	const { items } = (adapter ?? HydraAdapter).parseListResponse(response.data);
+	return items;
+}
+//#endregion
 //#region packages/crud/form/safeRandomId.ts
 /**
 * Generate a unique-enough id string for internal React keys.
@@ -4729,7 +4646,7 @@ const NativeFormView = forwardRef((options, ref) => {
 		const detailUrl = typeof detailId === "string" || typeof detailId === "number" ? options.detailUrl?.replace("{id}", String(detailId)) : void 0;
 		if (!detailUrl) return;
 		emit(FORM_EVENTS.LOADING, true);
-		httpClient.get(detailUrl).then((response) => setNextDetailRows(response.data)).finally(() => emit(FORM_EVENTS.LOADING, false));
+		loadDetailRows(httpClient, detailUrl, options.adapter).then((rows) => setNextDetailRows(rows)).finally(() => emit(FORM_EVENTS.LOADING, false));
 	}, [
 		captureExistingMedia,
 		emit,
@@ -8519,6 +8436,24 @@ function ToolbarSelect({ id, label, icon = "ph-funnel", value, options, onChange
 	});
 }
 //#endregion
+//#region packages/crud/workflow/buildWorkflowRowActions.ts
+function buildWorkflowRowActions(row, workflow, apiUrl, roles, onDone) {
+	if (!workflow) return [];
+	const current = String(row[workflow.field] ?? "");
+	return workflow.transitions.filter((transition) => transition.from.includes(current)).filter((transition) => !transition.roles?.length || transition.roles.some((role) => roles.includes(role))).map((transition) => ({
+		text: transition.label ?? transition.name,
+		onClick: async () => {
+			const base = apiUrl.replace(/\/$/, "");
+			const id = row.id;
+			await fetch(`${base}/${id}/transition/${transition.name}`, {
+				method: "POST",
+				credentials: "include"
+			});
+			onDone?.();
+		}
+	}));
+}
+//#endregion
 //#region packages/crud/adapter/RestAdapter.ts
 /**
 * Backend adapter for plain OpenAPI / REST backends.
@@ -8670,4 +8605,4 @@ function createRestResourceStore(dialect = {}) {
 	};
 }
 //#endregion
-export { AuditTrailPanel, ColumnPresetSelector, CrudDialogShell, CrudDrawerShell, CrudFormShell, CrudPage, CrudPageShell, DATA_GRID_EVENTS, DEFAULT_DRAWER_SIZE, DEFAULT_DRAWER_WIDTH, DRAWER_WIDTHS, NativeDataGridView as DataGridView, CrudDialogView as DialogView, CrudDrawerView as DrawerView, FORM_EVENTS, FieldBuilder, FieldType, NativeFormView as FormView, HydraAdapter, CrudPageView as PageView, ResourceSchemaProvider, ResourceStoreProvider, RestAdapter, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFieldColSpanContext, buildFields, checkboxField, computeSummaryValue, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, formatSummaryValue, identityField, imageField, isLongTextField, isShortField, noneField, numberField, parseDrawerWidthPx, passwordField, resolveDrawerLayoutBucket, resolveDrawerSize, resolveDrawerWidth, resolveFieldColSpan, resolveFieldsColSpans, resolveSummaryText, resolveViewMode, selectField, switchField, textField, textareaField, useColumnPreset, useResourceStoreFactory, useSmartCrudRoles, validateFieldContract };
+export { AuditTrailPanel, ColumnPresetSelector, CrudDialogShell, CrudDrawerShell, CrudFormShell, CrudPage, CrudPageShell, DATA_GRID_EVENTS, DEFAULT_DRAWER_SIZE, DEFAULT_DRAWER_WIDTH, DRAWER_WIDTHS, NativeDataGridView as DataGridView, CrudDialogView as DialogView, CrudDrawerView as DrawerView, FORM_EVENTS, FieldBuilder, FieldType, NativeFormView as FormView, HydraAdapter, CrudPageView as PageView, ResourceSchemaProvider, ResourceStoreProvider, RestAdapter, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFieldColSpanContext, buildFields, buildWorkflowRowActions, checkboxField, computeSummaryValue, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, embeddedLinesUrl, entityField, enumField, fileField, formatSummaryValue, identityField, imageField, isLongTextField, isShortField, noneField, numberField, parseDrawerWidthPx, passwordField, resolveDrawerLayoutBucket, resolveDrawerSize, resolveDrawerWidth, resolveFieldColSpan, resolveFieldsColSpans, resolveSummaryText, resolveViewMode, selectField, switchField, textField, textareaField, useColumnPreset, useResourceStoreFactory, useSmartCrudRoles, validateFieldContract };

package/dist/style.css

@@ -617,7 +617,7 @@
   font-size: var(--font-size-xs);
 }
 
-.nb-datagrid__filter-operator {
+.nb-datagrid__filter-wrap > .nb-datagrid__filter-operator {
   left: 5px;
   position: absolute;
   top: 50%;
@@ -625,7 +625,7 @@
   width: 30px;
   z-index: 2;
 }
-.nb-datagrid__filter-operator.nb-dropdown .nb-dropdown__trigger {
+.nb-datagrid__filter-wrap > .nb-datagrid__filter-operator.nb-dropdown .nb-dropdown__trigger {
   appearance: none;
   background: color-mix(in srgb, var(--accent-color) 10%, transparent);
   border: 1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);
@@ -641,7 +641,7 @@
   text-align: center;
   width: 30px;
 }
-.nb-datagrid__filter-operator.nb-dropdown .nb-dropdown__caret {
+.nb-datagrid__filter-wrap > .nb-datagrid__filter-operator.nb-dropdown .nb-dropdown__caret {
   display: none;
 }
 
@@ -1705,471 +1705,6 @@ html[data-density=compact] .nb-datagrid .nb-badge {
     box-shadow: none;
   }
 }
-.nb-form__file-upload {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-  width: 100%;
-}
-
-.nb-form__file-upload-zone {
-  align-items: center;
-  background: var(--surface-1);
-  border: 1px dashed var(--border-color);
-  border-radius: var(--radius-lg);
-  box-sizing: border-box;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  min-height: 112px;
-  overflow: hidden;
-  position: relative;
-  transition: border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
-  width: 100%;
-}
-.nb-form__file-upload-zone:hover:not(.nb-form__file-upload-zone--disabled):not(.nb-form__file-upload-zone--filled) {
-  background: color-mix(in srgb, var(--accent-color) 4%, var(--surface-1));
-  border-color: var(--accent-color);
-}
-.nb-form__file-upload-zone--active {
-  background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-1));
-  border-color: var(--accent-color);
-}
-.nb-form__file-upload-zone--filled {
-  border-style: solid;
-  cursor: default;
-  min-height: 88px;
-}
-.nb-form__file-upload-zone--uploading {
-  pointer-events: none;
-}
-.nb-form__file-upload-zone--disabled {
-  cursor: not-allowed;
-  opacity: 0.72;
-}
-.nb-form__file-upload-zone:focus-visible {
-  box-shadow: 0 0 0 3px var(--focus-ring-color);
-  outline: none;
-}
-
-.nb-form__file-upload--image .nb-form__file-upload-zone {
-  min-height: 168px;
-}
-
-.nb-form__file-upload--image .nb-form__file-upload-zone--filled {
-  min-height: 180px;
-}
-
-.nb-form__file-upload--invalid .nb-form__file-upload-zone {
-  border-color: var(--error-color);
-}
-
-.nb-form__file-upload-placeholder {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  max-width: 320px;
-  padding: var(--space-4);
-  text-align: center;
-}
-
-.nb-form__file-upload-icon {
-  align-items: center;
-  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
-  border-radius: 999px;
-  color: var(--accent-color);
-  display: inline-flex;
-  font-size: 24px;
-  height: 48px;
-  justify-content: center;
-  width: 48px;
-}
-
-.nb-form__file-upload-title {
-  color: var(--text-primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-}
-
-.nb-form__file-upload-hint {
-  color: var(--text-tertiary);
-  font-size: var(--font-size-xs);
-  line-height: var(--line-height-tight);
-}
-
-.nb-form__file-upload-preview {
-  display: block;
-  height: 100%;
-  max-height: 220px;
-  object-fit: contain;
-  width: 100%;
-}
-
-.nb-form__file-upload-file {
-  align-items: center;
-  display: flex;
-  gap: var(--space-3);
-  max-width: 100%;
-  padding: var(--space-3) var(--space-4);
-  width: 100%;
-}
-
-.nb-form__file-upload-file-icon {
-  align-items: center;
-  background: var(--surface-0);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-md);
-  color: var(--accent-color);
-  display: inline-flex;
-  flex: 0 0 auto;
-  font-size: 22px;
-  height: 44px;
-  justify-content: center;
-  width: 44px;
-}
-
-.nb-form__file-upload-file-meta {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-
-.nb-form__file-upload-file-name {
-  color: var(--text-primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.nb-form__file-upload-file-link {
-  color: var(--accent-color);
-  font-size: var(--font-size-xs);
-  text-decoration: none;
-}
-.nb-form__file-upload-file-link:hover {
-  text-decoration: underline;
-}
-
-.nb-form__file-upload-overlay {
-  align-items: center;
-  background: rgba(0, 0, 0, 0.42);
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  font-size: var(--font-size-sm);
-  gap: var(--space-2);
-  inset: 0;
-  justify-content: center;
-  position: absolute;
-}
-
-.nb-form__file-upload-spinner {
-  animation: nb-form-file-spin 700ms linear infinite;
-  border: 2px solid rgba(255, 255, 255, 0.35);
-  border-radius: 999px;
-  border-top-color: #fff;
-  height: 24px;
-  width: 24px;
-}
-
-@keyframes nb-form-file-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.nb-form__file-upload-actions {
-  align-items: center;
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.58), transparent);
-  bottom: 0;
-  display: flex;
-  gap: var(--space-2);
-  inset-inline: 0;
-  justify-content: center;
-  opacity: 0;
-  padding: var(--space-3);
-  position: absolute;
-  transition: opacity var(--transition-base);
-}
-
-.nb-form__file-upload-zone--filled:hover .nb-form__file-upload-actions,
-.nb-form__file-upload-zone--filled:focus-within .nb-form__file-upload-actions {
-  opacity: 1;
-}
-
-.nb-form__file-upload-action {
-  align-items: center;
-  background: var(--surface-1);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-md);
-  color: var(--text-primary);
-  cursor: pointer;
-  display: inline-flex;
-  font: inherit;
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  gap: var(--space-1);
-  min-height: 28px;
-  padding: 0 var(--space-2);
-  transition: background var(--transition-base), border-color var(--transition-base), color var(--transition-base);
-}
-.nb-form__file-upload-action:hover {
-  border-color: var(--accent-color);
-  color: var(--accent-color);
-}
-.nb-form__file-upload-action--danger:hover {
-  border-color: var(--error-color);
-  color: var(--error-color);
-}
-.nb-form__file-upload-action:focus-visible {
-  box-shadow: 0 0 0 2px var(--focus-ring-color);
-  outline: none;
-}
-
-.nb-form__file-upload-error {
-  align-items: center;
-  color: var(--error-color);
-  display: inline-flex;
-  font-size: var(--font-size-xs);
-  gap: var(--space-1);
-}
-.nb-form__file-upload {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-  width: 100%;
-}
-
-.nb-form__file-upload-zone {
-  align-items: center;
-  background: var(--surface-1);
-  border: 1px dashed var(--border-color);
-  border-radius: var(--radius-lg);
-  box-sizing: border-box;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  min-height: 112px;
-  overflow: hidden;
-  position: relative;
-  transition: border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
-  width: 100%;
-}
-.nb-form__file-upload-zone:hover:not(.nb-form__file-upload-zone--disabled):not(.nb-form__file-upload-zone--filled) {
-  background: color-mix(in srgb, var(--accent-color) 4%, var(--surface-1));
-  border-color: var(--accent-color);
-}
-.nb-form__file-upload-zone--active {
-  background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-1));
-  border-color: var(--accent-color);
-}
-.nb-form__file-upload-zone--filled {
-  border-style: solid;
-  cursor: default;
-  min-height: 88px;
-}
-.nb-form__file-upload-zone--uploading {
-  pointer-events: none;
-}
-.nb-form__file-upload-zone--disabled {
-  cursor: not-allowed;
-  opacity: 0.72;
-}
-.nb-form__file-upload-zone:focus-visible {
-  box-shadow: 0 0 0 3px var(--focus-ring-color);
-  outline: none;
-}
-
-.nb-form__file-upload--image .nb-form__file-upload-zone {
-  min-height: 168px;
-}
-
-.nb-form__file-upload--image .nb-form__file-upload-zone--filled {
-  min-height: 180px;
-}
-
-.nb-form__file-upload--invalid .nb-form__file-upload-zone {
-  border-color: var(--error-color);
-}
-
-.nb-form__file-upload-placeholder {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  max-width: 320px;
-  padding: var(--space-4);
-  text-align: center;
-}
-
-.nb-form__file-upload-icon {
-  align-items: center;
-  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
-  border-radius: 999px;
-  color: var(--accent-color);
-  display: inline-flex;
-  font-size: 24px;
-  height: 48px;
-  justify-content: center;
-  width: 48px;
-}
-
-.nb-form__file-upload-title {
-  color: var(--text-primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-}
-
-.nb-form__file-upload-hint {
-  color: var(--text-tertiary);
-  font-size: var(--font-size-xs);
-  line-height: var(--line-height-tight);
-}
-
-.nb-form__file-upload-preview {
-  display: block;
-  height: 100%;
-  max-height: 220px;
-  object-fit: contain;
-  width: 100%;
-}
-
-.nb-form__file-upload-file {
-  align-items: center;
-  display: flex;
-  gap: var(--space-3);
-  max-width: 100%;
-  padding: var(--space-3) var(--space-4);
-  width: 100%;
-}
-
-.nb-form__file-upload-file-icon {
-  align-items: center;
-  background: var(--surface-0);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-md);
-  color: var(--accent-color);
-  display: inline-flex;
-  flex: 0 0 auto;
-  font-size: 22px;
-  height: 44px;
-  justify-content: center;
-  width: 44px;
-}
-
-.nb-form__file-upload-file-meta {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-
-.nb-form__file-upload-file-name {
-  color: var(--text-primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.nb-form__file-upload-file-link {
-  color: var(--accent-color);
-  font-size: var(--font-size-xs);
-  text-decoration: none;
-}
-.nb-form__file-upload-file-link:hover {
-  text-decoration: underline;
-}
-
-.nb-form__file-upload-overlay {
-  align-items: center;
-  background: rgba(0, 0, 0, 0.42);
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  font-size: var(--font-size-sm);
-  gap: var(--space-2);
-  inset: 0;
-  justify-content: center;
-  position: absolute;
-}
-
-.nb-form__file-upload-spinner {
-  animation: nb-form-file-spin 700ms linear infinite;
-  border: 2px solid rgba(255, 255, 255, 0.35);
-  border-radius: 999px;
-  border-top-color: #fff;
-  height: 24px;
-  width: 24px;
-}
-
-@keyframes nb-form-file-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.nb-form__file-upload-actions {
-  align-items: center;
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.58), transparent);
-  bottom: 0;
-  display: flex;
-  gap: var(--space-2);
-  inset-inline: 0;
-  justify-content: center;
-  opacity: 0;
-  padding: var(--space-3);
-  position: absolute;
-  transition: opacity var(--transition-base);
-}
-
-.nb-form__file-upload-zone--filled:hover .nb-form__file-upload-actions,
-.nb-form__file-upload-zone--filled:focus-within .nb-form__file-upload-actions {
-  opacity: 1;
-}
-
-.nb-form__file-upload-action {
-  align-items: center;
-  background: var(--surface-1);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-md);
-  color: var(--text-primary);
-  cursor: pointer;
-  display: inline-flex;
-  font: inherit;
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  gap: var(--space-1);
-  min-height: 28px;
-  padding: 0 var(--space-2);
-  transition: background var(--transition-base), border-color var(--transition-base), color var(--transition-base);
-}
-.nb-form__file-upload-action:hover {
-  border-color: var(--accent-color);
-  color: var(--accent-color);
-}
-.nb-form__file-upload-action--danger:hover {
-  border-color: var(--error-color);
-  color: var(--error-color);
-}
-.nb-form__file-upload-action:focus-visible {
-  box-shadow: 0 0 0 2px var(--focus-ring-color);
-  outline: none;
-}
-
-.nb-form__file-upload-error {
-  align-items: center;
-  color: var(--error-color);
-  display: inline-flex;
-  font-size: var(--font-size-xs);
-  gap: var(--space-1);
-}
-
 .nb-form {
   color: var(--text-primary);
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubitio/crud",
-  "version": "0.5.15",
+  "version": "0.5.19",
   "type": "module",
   "description": "Declarative CRUD engine with field DSL, forms, datagrids, RBAC, conditional logic and pluggable adapters (Hydra/REST).",
   "license": "MIT",
@@ -56,10 +56,7 @@
     "react-dom": "^19.0.0",
     "react-i18next": "^14.0.0",
     "react-router-dom": "^6.0.0",
-    "@nubitio/core": "^0.5.15",
-    "@nubitio/ui": "^0.5.15"
-  },
-  "dependencies": {
-    "react-dropzone": "^15.0.0"
+    "@nubitio/core": "^0.5.19",
+    "@nubitio/ui": "^0.5.19"
   }
 }