fastapi-rtk 2.7.0 → 2.8.0

package/dist/jsonforms/cjs/layouts/Array/MantineArrayLayout.cjs

@@ -35,50 +35,83 @@ const Component = (props) => {
   const doDisableAdd = disableAdd || appliedUiSchemaOptions.disableAdd;
   const doDisableRemove = disableRemove || appliedUiSchemaOptions.disableRemove;
   const innerCreateDefaultValue = React.useCallback(() => core.createDefaultValue(props.schema, props.rootSchema), [props.schema]);
-  const [Component2, _props] = useContextProps.useContextProps("Array.Accordion", `${path}.Accordion`, {}, props, {
-    withAllProps: false
-  });
   const headerErrors = useArrayHeaderErrors.useArrayHeaderErrors(path, schema);
-  return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Stack, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ArrayToolbar.ArrayLayoutToolbar,
-      {
-        translations,
-        label: core.computeLabel(label, required ?? false, appliedUiSchemaOptions.hideRequiredAsterisk),
-        description,
-        errors: headerErrors,
-        path,
-        enabled,
-        addItem,
-        createDefault: innerCreateDefaultValue,
-        disableAdd: doDisableAdd
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { children: data > 0 ? Component2 === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion, { variant: "separated", ..._props, children: map(range(data), (index) => {
-      const childPath = core.Paths.compose(path, `${index}`);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        ExpandPanelRenderer.ExpandPanelRenderer,
-        {
-          enabled,
-          path,
-          childPath,
-          index,
-          rootSchema,
-          schema,
-          uischema,
-          uischemas,
-          renderers,
-          cells,
-          enableUp: index !== 0,
-          enableDown: index !== data - 1,
-          disableRemove: doDisableRemove,
-          config,
-          translations
-        },
-        index
-      );
-    }) }) : Component2 : /* @__PURE__ */ jsxRuntime.jsx(core$1.Text, { ta: "center", children: translations.noDataMessage }) })
-  ] });
+  const [Component2, _props] = useContextProps.useContextProps(
+    "Array.Accordion",
+    `${path}.Accordion`,
+    {
+      variant: "separated",
+      children: map(range(data), (index) => {
+        const childPath = core.Paths.compose(path, `${index}`);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ExpandPanelRenderer.ExpandPanelRenderer,
+          {
+            enabled,
+            path,
+            childPath,
+            index,
+            rootSchema,
+            schema,
+            uischema,
+            uischemas,
+            renderers,
+            cells,
+            enableUp: index !== 0,
+            enableDown: index !== data - 1,
+            disableRemove: doDisableRemove,
+            config,
+            translations
+          },
+          index
+        );
+      })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const accordionEl = Component2 === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion, { ..._props }) : Component2;
+  const [EmptyComponent, _emptyProps] = useContextProps.useContextProps(
+    "Array.Empty",
+    `${path}.Empty`,
+    { ta: "center", children: translations.noDataMessage },
+    props,
+    { withAllProps: false }
+  );
+  const emptyEl = EmptyComponent === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Text, { ..._emptyProps }) : EmptyComponent;
+  const [InnerStack, _innerStackProps] = useContextProps.useContextProps(
+    "Array.Items",
+    `${path}.Items`,
+    { children: data > 0 ? accordionEl : emptyEl },
+    props,
+    { withAllProps: false }
+  );
+  const itemsEl = InnerStack === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { ..._innerStackProps }) : InnerStack;
+  const [OuterStack, _outerStackProps] = useContextProps.useContextProps(
+    "Array.Stack",
+    `${path}.Stack`,
+    {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ArrayToolbar.ArrayLayoutToolbar,
+          {
+            translations,
+            label: core.computeLabel(label, required ?? false, appliedUiSchemaOptions.hideRequiredAsterisk),
+            description,
+            errors: headerErrors,
+            path,
+            enabled,
+            addItem,
+            createDefault: innerCreateDefaultValue,
+            disableAdd: doDisableAdd
+          }
+        ),
+        itemsEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  return OuterStack === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { ..._outerStackProps }) : OuterStack;
 };
 const MantineArrayLayout = React.memo(Component);
 exports.MantineArrayLayout = MantineArrayLayout;

package/dist/jsonforms/cjs/layouts/MantineHotizontalLayoutRenderer.cjs

@@ -13,12 +13,12 @@ const Component = (props) => {
   const [Component2, _props] = useContextProps.useContextProps(
     "HorizontalLayout",
     `${path}.HorizontalLayout`,
-    ((_a = uischema.options) == null ? void 0 : _a.props) ?? {},
+    { ...childProps, renderers, cells, ...((_a = uischema.options) == null ? void 0 : _a.props) ?? {} },
     props,
     { withAllProps: false }
   );
   if (Component2 === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, ..._props, renderers, cells });
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, ..._props });
   }
   return Component2;
 };

package/dist/jsonforms/cjs/layouts/MantineVerticalLayoutRenderer.cjs

@@ -13,12 +13,12 @@ const Component = (props) => {
   const [Component2, _props] = useContextProps.useContextProps(
     "VerticalLayout",
     `${path}.VerticalLayout`,
-    ((_a = uischema.options) == null ? void 0 : _a.props) ?? {},
+    { ...childProps, renderers, cells, ...((_a = uischema.options) == null ? void 0 : _a.props) ?? {} },
     props,
     { withAllProps: false }
   );
   if (Component2 === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, ..._props, renderers, cells });
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, ..._props });
   }
   return Component2;
 };

package/dist/jsonforms/esm/MantineInputs/MantineFileInput.mjs

@@ -1,6 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MemoWrapper, parseFromValuesOrFunc } from "fastapi-rtk/utils";
-import { Box, FileInput } from "@mantine/core";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { parseFromValuesOrFunc, MemoWrapper } from "fastapi-rtk/utils";
+import { FileInput, Box } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
@@ -17,13 +17,22 @@ const InnerMantineFileInput = (props) => {
   const fileProps = useFileProps({ value, onChange: commonProps.onChange, accept, errors });
   const componentProps = useMemo(() => ({ ...commonProps, ...fileProps }), [commonProps, fileProps]);
   const [Component, _props] = useContextProps(contextName, path, componentProps, rest);
+  const [BoxComponent, _boxProps] = useContextProps(
+    `${contextName}.Box`,
+    `${path}.Box`,
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(FileInput, { ..._props }),
+        parseFromValuesOrFunc(children, { componentProps, jsonFormsProps: rest })
+      ] })
+    },
+    rest,
+    { withAllProps: false }
+  );
   if (!rest.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `${componentName}-${path}`, ..._props, children: /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(FileInput, { ..._props }),
-    parseFromValuesOrFunc(children, { componentProps, jsonFormsProps: rest })
-  ] }) }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `${componentName}-${path}`, ..._props, children: BoxComponent === void 0 ? /* @__PURE__ */ jsx(Box, { ..._boxProps }) : BoxComponent }) : Component;
 };
 function MantineFileInput(props) {
   return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "File", componentName: "MantineFileInput" });

package/dist/jsonforms/esm/MantineInputs/MantineObjectInput.mjs

@@ -1,8 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { findUISchema, Generate } from "@jsonforms/core";
 import { JsonFormsDispatch } from "@jsonforms/react";
+import { Box } from "@mantine/core";
 import { l as lodashExports } from "../_virtual/lodash.mjs";
 import { useMemo } from "react";
+import { useContextProps } from "../hooks/useContextProps.mjs";
 function MantineObjectInput(props) {
   const { renderers, cells, uischemas, schema, path, visible, enabled, uischema, rootSchema } = props;
   const label = "label" in props ? props.label : void 0;
@@ -21,21 +23,30 @@ function MantineObjectInput(props) {
     ),
     [uischemas, schema, path, label, uischema, rootSchema]
   );
+  const [Component, _props] = useContextProps(
+    "Object",
+    `${path}.Object`,
+    {
+      children: /* @__PURE__ */ jsx(
+        JsonFormsDispatch,
+        {
+          visible,
+          enabled,
+          schema,
+          uischema: detailUiSchema,
+          path,
+          renderers,
+          cells
+        }
+      )
+    },
+    props,
+    { withAllProps: false }
+  );
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
-    JsonFormsDispatch,
-    {
-      visible,
-      enabled,
-      schema,
-      uischema: detailUiSchema,
-      path,
-      renderers,
-      cells
-    }
-  );
+  return Component === void 0 ? /* @__PURE__ */ jsx(Box, { ..._props }) : Component;
 }
 export {
   MantineObjectInput

package/dist/jsonforms/esm/complex/MantineArrayControl/DeleteDialog.mjs

@@ -1,15 +1,46 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Modal, Stack, Text, Flex, Button } from "@mantine/core";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Button, Flex, Text, Stack, Modal } from "@mantine/core";
 import React from "react";
+import { useContextProps } from "../../hooks/useContextProps.mjs";
 const DeleteDialog = React.memo(function DeleteDialog2(props) {
   const { open, onClose, onConfirm, onCancel, title, message, acceptText, declineText } = props;
-  return /* @__PURE__ */ jsx(Modal, { opened: open, withCloseButton: false, centered: true, title, keepMounted: true, onClose, children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(Text, { children: message }),
-    /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", align: "center", gap: "md", children: [
-      /* @__PURE__ */ jsx(Button, { onClick: onCancel, children: declineText }),
-      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, children: acceptText })
-    ] })
-  ] }) });
+  const [FlexComponent, _flexProps] = useContextProps(
+    "Array.DeleteDialog.Flex",
+    "Array.DeleteDialog.Flex",
+    {
+      justify: "flex-end",
+      align: "center",
+      gap: "md",
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: onCancel, children: declineText }),
+        /* @__PURE__ */ jsx(Button, { onClick: onConfirm, children: acceptText })
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const flexEl = FlexComponent === void 0 ? /* @__PURE__ */ jsx(Flex, { ..._flexProps }) : FlexComponent;
+  const [StackComponent, _stackProps] = useContextProps(
+    "Array.DeleteDialog.Stack",
+    "Array.DeleteDialog.Stack",
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { children: message }),
+        flexEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const stackEl = StackComponent === void 0 ? /* @__PURE__ */ jsx(Stack, { ..._stackProps }) : StackComponent;
+  const [ModalComponent, _modalProps] = useContextProps(
+    "Array.DeleteDialog",
+    "Array.DeleteDialog",
+    { withCloseButton: false, centered: true, title, keepMounted: true, opened: open, onClose, children: stackEl },
+    props,
+    { withAllProps: false }
+  );
+  return ModalComponent === void 0 ? /* @__PURE__ */ jsx(Modal, { opened: open, onClose, ..._modalProps }) : ModalComponent;
 });
 export {
   DeleteDialog

package/dist/jsonforms/esm/complex/MantineArrayControl/MantineArrayControl.mjs

@@ -1,8 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { rankWith, or, isObjectArrayControl, isPrimitiveArrayControl } from "@jsonforms/core";
 import { withJsonFormsArrayLayoutProps, withTranslateProps, withArrayTranslationProps } from "@jsonforms/react";
-import { MantineThemeProvider, Box } from "@mantine/core";
+import { Box, MantineThemeProvider } from "@mantine/core";
 import { useState, useCallback } from "react";
+import { useContextProps } from "../../hooks/useContextProps.mjs";
 import { useThemeCustomizer } from "../../hooks/useThemeCustomizer.mjs";
 import { isEnumArrayArrayControl } from "../../testers/isEnumArrayArrayControl.mjs";
 import { isFilesControl } from "../../testers/isFilesControl.mjs";
@@ -53,17 +54,21 @@ const Component = (props) => {
     )
   ] });
 };
-const FileArrayComponent = (props) => /* @__PURE__ */ jsx(
-  MantineThemeProvider,
-  {
-    theme: useThemeCustomizer({
-      "Table.Header.Validation": {
-        component: /* @__PURE__ */ jsx(Box, { style: { display: "none" } })
-      }
-    }),
-    children: /* @__PURE__ */ jsx(Component, { ...props })
-  }
-);
+const FileArrayComponent = (props) => {
+  const [HiddenBox, _hiddenBoxProps] = useContextProps(
+    "Array.File.HiddenValidation",
+    "Array.File.HiddenValidation",
+    { style: { display: "none" } },
+    props,
+    { withAllProps: false }
+  );
+  const theme = useThemeCustomizer({
+    "Table.Header.Validation": {
+      component: HiddenBox === void 0 ? /* @__PURE__ */ jsx(Box, { ..._hiddenBoxProps }) : HiddenBox
+    }
+  });
+  return /* @__PURE__ */ jsx(MantineThemeProvider, { theme, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+};
 const mantineArrayControlTester = rankWith(
   1,
   or(isObjectArrayControl, isPrimitiveArrayControl, isEnumArrayArrayControl, isJsonArrayControl)

package/dist/jsonforms/esm/complex/MantineTableControl/MantineTableControl.mjs

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { deepMerge } from "fastapi-rtk/utils";
 import { encode, Resolve, Paths, formatErrorMessage, errorsAt } from "@jsonforms/core";
 import { DispatchCell, useJsonForms } from "@jsonforms/react";
@@ -66,8 +66,18 @@ const getValidColumnProps = (scopedSchema) => {
   return [""];
 };
 const EmptyTable = (props) => {
-  const { numColumns, translations } = props;
-  return /* @__PURE__ */ jsx(Table.Tr, { children: /* @__PURE__ */ jsx(NoBorderTableCell, { colSpan: numColumns, children: /* @__PURE__ */ jsx(Text, { ta: "center", children: translations.noDataMessage }) }) });
+  const { numColumns, translations, path } = props;
+  const [EmptyComponent, _emptyProps] = useContextProps(
+    "Table.Empty",
+    `${path}.Empty`,
+    {
+      colSpan: numColumns,
+      children: /* @__PURE__ */ jsx(NoBorderTableCell, { colSpan: numColumns, children: /* @__PURE__ */ jsx(Text, { ta: "center", children: translations.noDataMessage }) })
+    },
+    props,
+    { withAllProps: false }
+  );
+  return EmptyComponent === void 0 ? /* @__PURE__ */ jsx(Table.Tr, { ..._emptyProps }) : EmptyComponent;
 };
 const TableHeaderCell = React.memo(function TableHeaderCell2(props) {
   const { title, rowPath, propName, index } = props;
@@ -119,24 +129,57 @@ const NonEmptyCellComponent = React.memo(function NonEmptyCellComponent2(props)
     [path, propName]
   );
   const index = useMemo(() => path.split(".").slice(-1)[0], [path]);
+  const rowIndex = useMemo(() => path.split(".")[originalPath.split(".").length], [path, originalPath]);
   const generalRowProps = useProps("Table.Row", {}, {});
   const arrayRowProps = useProps(originalPath, {}, {});
   const indexedRowProps = useProps(`Table.Row.${index}`, {}, {});
+  const propRowProps = useProps(propName ? `${originalPath}.${propName}` : path, {}, {});
+  const numberedRowProps = useProps(propName ? `Table.Row.${rowIndex}.${propName}` : `Table.Row.${rowIndex}`, {}, {});
   const specificRowProps = useProps(path, {}, {});
   const { component, props: _props } = useMemo(
     // #MUSTASSERT user-configured MantineThemeProvider row overrides flow through deepMerge as `{}`; narrow to the RowOverride shape consumed below
-    () => deepMerge(generalRowProps, arrayRowProps, indexedRowProps, specificRowProps),
-    [generalRowProps, arrayRowProps, indexedRowProps, specificRowProps]
+    () => deepMerge(
+      generalRowProps,
+      arrayRowProps,
+      indexedRowProps,
+      propRowProps,
+      numberedRowProps,
+      specificRowProps
+    ),
+    [generalRowProps, arrayRowProps, indexedRowProps, propRowProps, numberedRowProps, specificRowProps]
   );
   const theme = useThemeCustomizer({ [path]: { component, props: _props } });
   const [, _tdProps] = useContextProps("Table.Row.Td", `${originalPath}.Td`, { maw: 0 }, props, {
     withAllProps: false
   });
-  const [, __tdProps] = useContextProps(`Table.Row.${index}.Td`, `${path}.Td`, { maw: 0 }, props, {
+  const [, __tdProps] = useContextProps(
+    `Table.Row.${index}.Td`,
+    propName ? `${originalPath}.${propName}.Td` : `${path}.Td`,
+    {},
+    props,
+    {
+      withAllProps: false,
+      withComponentProps: false
+    }
+  );
+  const [, ___tdProps] = useContextProps(`${path}.Td`, `${path}.Td`, {}, props, {
     withAllProps: false,
     withComponentProps: false
   });
-  const tdProps = useMemo(() => deepMerge(_tdProps, __tdProps), [_tdProps, __tdProps]);
+  const [, _numberedTdProps] = useContextProps(
+    propName ? `Table.Row.${rowIndex}.${propName}.Td` : `Table.Row.${rowIndex}.Td`,
+    propName ? `Table.Row.${rowIndex}.${propName}.Td` : `Table.Row.${rowIndex}.Td`,
+    {},
+    props,
+    {
+      withAllProps: false,
+      withComponentProps: false
+    }
+  );
+  const tdProps = useMemo(
+    () => deepMerge(_tdProps, __tdProps, _numberedTdProps, ___tdProps),
+    [_tdProps, __tdProps, _numberedTdProps, ___tdProps]
+  );
   return /* @__PURE__ */ jsx(MantineThemeProvider, { theme, children: /* @__PURE__ */ jsx(NoBorderTableCell, { ...tdProps, children: schema.properties ? /* @__PURE__ */ jsx(
     DispatchCell,
     {
@@ -180,9 +223,19 @@ const NonEmptyRowComponent = (props) => {
     withAllProps: false
   });
   const trProps = useMemo(() => deepMerge(_trProps, __trProps), [_trProps, __trProps]);
+  const [ActionsComponent, _actionsProps] = useContextProps(
+    "Table.Row.Actions",
+    `${childPath}.Row.Actions`,
+    {
+      style: showSortButtons ? styles.fixedCell : styles.fixedCellSmall,
+      children: NavigationComponent
+    },
+    props,
+    { withAllProps: false }
+  );
   return /* @__PURE__ */ jsxs(Table.Tr, { ...trProps, children: [
     generateCells(NonEmptyCell, schema, childPath, enabled, cells),
-    NavigationComponent ? /* @__PURE__ */ jsx(NoBorderTableCell, { style: showSortButtons ? styles.fixedCell : styles.fixedCellSmall, children: NavigationComponent }) : null
+    NavigationComponent ? ActionsComponent === void 0 ? /* @__PURE__ */ jsx(NoBorderTableCell, { ..._actionsProps }) : ActionsComponent : null
   ] }, childPath);
 };
 const NonEmptyRow = React.memo(NonEmptyRowComponent);
@@ -203,7 +256,7 @@ const TableRows = (props) => {
   } = props;
   const isEmptyTable = data === 0;
   if (isEmptyTable) {
-    return /* @__PURE__ */ jsx(EmptyTable, { numColumns: getValidColumnProps(schema).length + 1, translations });
+    return /* @__PURE__ */ jsx(EmptyTable, { numColumns: getValidColumnProps(schema).length + 1, translations, path });
   }
   const appliedUiSchemaOptions = merge({}, config, uischema.options);
   return range(data).map((index) => {
@@ -254,13 +307,32 @@ const MantineTableControl = memo(function MantineTableControl2(props) {
   const headerCells = isObjectSchema ? generateCells(TableHeaderCell, schema, path, enabled, cells) : void 0;
   const isEnabled = enabled && !doDisableAdd;
   const headerErrors = useArrayHeaderErrors(path, schema);
-  const [Component, _props] = useContextProps("Table", `${path}.Table`, {}, props, { withAllProps: false });
-  if (!visible) {
-    return null;
-  }
-  if (Component === void 0) {
-    return /* @__PURE__ */ jsxs(Table, { ..._props, children: [
-      /* @__PURE__ */ jsxs(Table.Thead, { children: [
+  const [HeaderActionsComponent, _headerActionsProps] = useContextProps(
+    "Table.Header.Actions",
+    `${path}.Header.Actions`,
+    {},
+    props,
+    { withAllProps: false }
+  );
+  const headerActionsEl = HeaderActionsComponent === void 0 ? /* @__PURE__ */ jsx(Table.Th, { ..._headerActionsProps }) : HeaderActionsComponent;
+  const [HeaderTrComponent, _headerTrProps] = useContextProps(
+    "Table.Header.Tr",
+    `${path}.Header.Tr`,
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        headerCells,
+        isEnabled ? headerActionsEl : null
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const headerTrEl = HeaderTrComponent === void 0 ? /* @__PURE__ */ jsx(Table.Tr, { ..._headerTrProps }) : HeaderTrComponent;
+  const [TheadComponent, _theadProps] = useContextProps(
+    "Table.Thead",
+    `${path}.Thead`,
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           TableToolbar,
           {
@@ -277,15 +349,37 @@ const MantineTableControl = memo(function MantineTableControl2(props) {
             translations
           }
         ),
-        isObjectSchema && /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          headerCells,
-          isEnabled ? /* @__PURE__ */ jsx(Table.Th, {}) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Table.Tbody, { children: /* @__PURE__ */ jsx(TableRows, { ...props, disableRemove: doDisableRemove }) })
-    ] });
+        isObjectSchema && headerTrEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const theadEl = TheadComponent === void 0 ? /* @__PURE__ */ jsx(Table.Thead, { ..._theadProps }) : TheadComponent;
+  const [TbodyComponent, _tbodyProps] = useContextProps(
+    "Table.Tbody",
+    `${path}.Tbody`,
+    { children: /* @__PURE__ */ jsx(TableRows, { ...props, disableRemove: doDisableRemove }) },
+    props,
+    { withAllProps: false }
+  );
+  const tbodyEl = TbodyComponent === void 0 ? /* @__PURE__ */ jsx(Table.Tbody, { ..._tbodyProps }) : TbodyComponent;
+  const [Component, _props] = useContextProps(
+    "Table",
+    `${path}.Table`,
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        theadEl,
+        tbodyEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  if (!visible) {
+    return null;
   }
-  return Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(Table, { ..._props }) : Component;
 });
 export {
   MantineTableControl,

package/dist/jsonforms/esm/complex/MantineTableControl/TableToolbar.mjs

@@ -1,7 +1,8 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { createDefaultValue } from "@jsonforms/core";
 import { Table } from "@mantine/core";
 import { memo } from "react";
+import { useContextProps } from "../../hooks/useContextProps.mjs";
 import { useToolbarComponent } from "../../hooks/useToolbarComponent.mjs";
 import { NoBorderTableCell } from "./NoBorderTableCell.mjs";
 const fixedCellSmall = {
@@ -16,10 +17,35 @@ const TableToolbar = memo(function TableToolbar2(props) {
     onAdd: addItem(path, createDefaultValue(schema, rootSchema)),
     ...props
   });
-  return /* @__PURE__ */ jsxs(Table.Tr, { children: [
-    /* @__PURE__ */ jsx(NoBorderTableCell, { p: 0, colSpan: numColumns, children: ToolbarComponent }),
-    enabled && ToolbarAdd && /* @__PURE__ */ jsx(NoBorderTableCell, { p: 0, align: "right", style: fixedCellSmall, children: ToolbarAdd })
-  ] });
+  const [ToolbarCell, _toolbarCellProps] = useContextProps(
+    "Table.Header.Toolbar.Cell",
+    `${path}.Header.Toolbar.Cell`,
+    { p: 0, colSpan: numColumns, children: ToolbarComponent },
+    props,
+    { withAllProps: false }
+  );
+  const [ToolbarAddCell, _toolbarAddCellProps] = useContextProps(
+    "Table.Header.Toolbar.Add",
+    `${path}.Header.Toolbar.Add`,
+    { p: 0, align: "right", style: fixedCellSmall, children: ToolbarAdd },
+    props,
+    { withAllProps: false }
+  );
+  const toolbarCellEl = ToolbarCell === void 0 ? /* @__PURE__ */ jsx(NoBorderTableCell, { ..._toolbarCellProps }) : ToolbarCell;
+  const toolbarAddCellEl = ToolbarAddCell === void 0 ? /* @__PURE__ */ jsx(NoBorderTableCell, { ..._toolbarAddCellProps }) : ToolbarAddCell;
+  const [ToolbarTr, _toolbarTrProps] = useContextProps(
+    "Table.Header.Toolbar",
+    `${path}.Header.Toolbar`,
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        toolbarCellEl,
+        enabled && ToolbarAdd && toolbarAddCellEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  return ToolbarTr === void 0 ? /* @__PURE__ */ jsx(Table.Tr, { ..._toolbarTrProps }) : ToolbarTr;
 });
 export {
   TableToolbar

package/dist/jsonforms/esm/hooks/useContextProps.mjs

@@ -11,13 +11,11 @@ function useContextProps(name, path, componentProps, jsonFormsProps, { withAllPr
     () => deepMerge(withAllProps ? allProps : void 0, _componentProps, contextProps),
     [_componentProps, allProps, contextProps, withAllProps]
   );
-  return [
-    parseFromValuesOrFunc(component, { componentProps, jsonFormsProps }),
-    {
-      ...withComponentProps ? componentProps : {},
-      ...parseFromValuesOrFunc(props, { componentProps, jsonFormsProps })
-    }
-  ];
+  const mergedProps = {
+    ...withComponentProps ? componentProps : {},
+    ...parseFromValuesOrFunc(props, { componentProps, jsonFormsProps })
+  };
+  return [parseFromValuesOrFunc(component, { componentProps: mergedProps, jsonFormsProps }), mergedProps];
 }
 export {
   useContextProps