fastapi-rtk 2.7.1 → 2.8.0

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/Array/MantineArrayLayout.mjs

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useArrayHeaderErrors } from "../../hooks/useArrayHeaderErrors.mjs";
 import { useContextProps } from "../../hooks/useContextProps.mjs";
-import { createDefaultValue, computeLabel, Paths } from "../../../../../../../../.external/esm/@jsonforms_core@3.7.0/@jsonforms/core/lib/jsonforms-core.esm.mjs";
-import { Stack, Accordion, Text } from "@mantine/core";
+import { createDefaultValue, Paths, computeLabel } from "../../../../../../../../.external/esm/@jsonforms_core@3.7.0/@jsonforms/core/lib/jsonforms-core.esm.mjs";
+import { Accordion, Text, Stack } from "@mantine/core";
 import map from "../../../../../_virtual/map.mjs";
 import merge from "../../../../../_virtual/merge.mjs";
 import range from "../../../../../_virtual/range.mjs";
@@ -33,50 +33,83 @@ const Component = (props) => {
   const doDisableAdd = disableAdd || appliedUiSchemaOptions.disableAdd;
   const doDisableRemove = disableRemove || appliedUiSchemaOptions.disableRemove;
   const innerCreateDefaultValue = useCallback(() => createDefaultValue(props.schema, props.rootSchema), [props.schema]);
-  const [Component2, _props] = useContextProps("Array.Accordion", `${path}.Accordion`, {}, props, {
-    withAllProps: false
-  });
   const headerErrors = useArrayHeaderErrors(path, schema);
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      ArrayLayoutToolbar,
-      {
-        translations,
-        label: computeLabel(label, required ?? false, appliedUiSchemaOptions.hideRequiredAsterisk),
-        description,
-        errors: headerErrors,
-        path,
-        enabled,
-        addItem,
-        createDefault: innerCreateDefaultValue,
-        disableAdd: doDisableAdd
-      }
-    ),
-    /* @__PURE__ */ jsx(Stack, { children: data > 0 ? Component2 === void 0 ? /* @__PURE__ */ jsx(Accordion, { variant: "separated", ..._props, children: map(range(data), (index) => {
-      const childPath = Paths.compose(path, `${index}`);
-      return /* @__PURE__ */ jsx(
-        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__ */ jsx(Text, { ta: "center", children: translations.noDataMessage }) })
-  ] });
+  const [Component2, _props] = useContextProps(
+    "Array.Accordion",
+    `${path}.Accordion`,
+    {
+      variant: "separated",
+      children: map(range(data), (index) => {
+        const childPath = Paths.compose(path, `${index}`);
+        return /* @__PURE__ */ jsx(
+          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__ */ jsx(Accordion, { ..._props }) : Component2;
+  const [EmptyComponent, _emptyProps] = useContextProps(
+    "Array.Empty",
+    `${path}.Empty`,
+    { ta: "center", children: translations.noDataMessage },
+    props,
+    { withAllProps: false }
+  );
+  const emptyEl = EmptyComponent === void 0 ? /* @__PURE__ */ jsx(Text, { ..._emptyProps }) : EmptyComponent;
+  const [InnerStack, _innerStackProps] = useContextProps(
+    "Array.Items",
+    `${path}.Items`,
+    { children: data > 0 ? accordionEl : emptyEl },
+    props,
+    { withAllProps: false }
+  );
+  const itemsEl = InnerStack === void 0 ? /* @__PURE__ */ jsx(Stack, { ..._innerStackProps }) : InnerStack;
+  const [OuterStack, _outerStackProps] = useContextProps(
+    "Array.Stack",
+    `${path}.Stack`,
+    {
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          ArrayLayoutToolbar,
+          {
+            translations,
+            label: 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__ */ jsx(Stack, { ..._outerStackProps }) : OuterStack;
 };
 const MantineArrayLayout = memo(Component);
 export {

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/MantineHotizontalLayoutRenderer.mjs

@@ -11,12 +11,12 @@ const Component = (props) => {
   const [Component2, _props] = 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__ */ jsx(MantineLayoutRenderer, { ...childProps, ..._props, renderers, cells });
+    return /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, ..._props });
   }
   return Component2;
 };

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/MantineVerticalLayoutRenderer.mjs

@@ -11,12 +11,12 @@ const Component = (props) => {
   const [Component2, _props] = 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__ */ jsx(MantineLayoutRenderer, { ...childProps, ..._props, renderers, cells });
+    return /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, ..._props });
   }
   return Component2;
 };

package/dist/jsonforms/cjs/MantineInputs/MantineFileInput.cjs

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

package/dist/jsonforms/cjs/MantineInputs/MantineObjectInput.cjs

@@ -3,8 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
+const core$1 = require("@mantine/core");
 const lodash = require("../_virtual/lodash.cjs");
 const React = require("react");
+const useContextProps = require("../hooks/useContextProps.cjs");
 function MantineObjectInput(props) {
   const { renderers, cells, uischemas, schema, path, visible, enabled, uischema, rootSchema } = props;
   const label = "label" in props ? props.label : void 0;
@@ -23,20 +25,29 @@ function MantineObjectInput(props) {
     ),
     [uischemas, schema, path, label, uischema, rootSchema]
   );
+  const [Component, _props] = useContextProps.useContextProps(
+    "Object",
+    `${path}.Object`,
+    {
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        react.JsonFormsDispatch,
+        {
+          visible,
+          enabled,
+          schema,
+          uischema: detailUiSchema,
+          path,
+          renderers,
+          cells
+        }
+      )
+    },
+    props,
+    { withAllProps: false }
+  );
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.JsonFormsDispatch,
-    {
-      visible,
-      enabled,
-      schema,
-      uischema: detailUiSchema,
-      path,
-      renderers,
-      cells
-    }
-  );
+  return Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { ..._props }) : Component;
 }
 exports.MantineObjectInput = MantineObjectInput;

package/dist/jsonforms/cjs/complex/MantineArrayControl/DeleteDialog.cjs

@@ -3,14 +3,45 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const React = require("react");
+const useContextProps = require("../../hooks/useContextProps.cjs");
 const DeleteDialog = React.memo(function DeleteDialog2(props) {
   const { open, onClose, onConfirm, onCancel, title, message, acceptText, declineText } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Modal, { opened: open, withCloseButton: false, centered: true, title, keepMounted: true, onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: message }),
-    /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { justify: "flex-end", align: "center", gap: "md", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onCancel, children: declineText }),
-      /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onConfirm, children: acceptText })
-    ] })
-  ] }) });
+  const [FlexComponent, _flexProps] = useContextProps.useContextProps(
+    "Array.DeleteDialog.Flex",
+    "Array.DeleteDialog.Flex",
+    {
+      justify: "flex-end",
+      align: "center",
+      gap: "md",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onCancel, children: declineText }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onConfirm, children: acceptText })
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const flexEl = FlexComponent === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { ..._flexProps }) : FlexComponent;
+  const [StackComponent, _stackProps] = useContextProps.useContextProps(
+    "Array.DeleteDialog.Stack",
+    "Array.DeleteDialog.Stack",
+    {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: message }),
+        flexEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const stackEl = StackComponent === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { ..._stackProps }) : StackComponent;
+  const [ModalComponent, _modalProps] = useContextProps.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__ */ jsxRuntime.jsx(core.Modal, { opened: open, onClose, ..._modalProps }) : ModalComponent;
 });
 exports.DeleteDialog = DeleteDialog;

package/dist/jsonforms/cjs/complex/MantineArrayControl/MantineArrayControl.cjs

@@ -5,6 +5,7 @@ const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const core$1 = require("@mantine/core");
 const React = require("react");
+const useContextProps = require("../../hooks/useContextProps.cjs");
 const useThemeCustomizer = require("../../hooks/useThemeCustomizer.cjs");
 const isEnumArrayArrayControl = require("../../testers/isEnumArrayArrayControl.cjs");
 const isFilesControl = require("../../testers/isFilesControl.cjs");
@@ -55,17 +56,21 @@ const Component = (props) => {
     )
   ] });
 };
-const FileArrayComponent = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  core$1.MantineThemeProvider,
-  {
-    theme: useThemeCustomizer.useThemeCustomizer({
-      "Table.Header.Validation": {
-        component: /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { style: { display: "none" } })
-      }
-    }),
-    children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props })
-  }
-);
+const FileArrayComponent = (props) => {
+  const [HiddenBox, _hiddenBoxProps] = useContextProps.useContextProps(
+    "Array.File.HiddenValidation",
+    "Array.File.HiddenValidation",
+    { style: { display: "none" } },
+    props,
+    { withAllProps: false }
+  );
+  const theme = useThemeCustomizer.useThemeCustomizer({
+    "Table.Header.Validation": {
+      component: HiddenBox === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { ..._hiddenBoxProps }) : HiddenBox
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.MantineThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }) });
+};
 const mantineArrayControlTester = core.rankWith(
   1,
   core.or(core.isObjectArrayControl, core.isPrimitiveArrayControl, isEnumArrayArrayControl.isEnumArrayArrayControl, isJsonArrayControl.isJsonArrayControl)

package/dist/jsonforms/cjs/complex/MantineTableControl/MantineTableControl.cjs

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

package/dist/jsonforms/cjs/complex/MantineTableControl/TableToolbar.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const core$1 = require("@mantine/core");
 const React = require("react");
+const useContextProps = require("../../hooks/useContextProps.cjs");
 const useToolbarComponent = require("../../hooks/useToolbarComponent.cjs");
 const NoBorderTableCell = require("./NoBorderTableCell.cjs");
 const fixedCellSmall = {
@@ -18,9 +19,34 @@ const TableToolbar = React.memo(function TableToolbar2(props) {
     onAdd: addItem(path, core.createDefaultValue(schema, rootSchema)),
     ...props
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Table.Tr, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NoBorderTableCell.NoBorderTableCell, { p: 0, colSpan: numColumns, children: ToolbarComponent }),
-    enabled && ToolbarAdd && /* @__PURE__ */ jsxRuntime.jsx(NoBorderTableCell.NoBorderTableCell, { p: 0, align: "right", style: fixedCellSmall, children: ToolbarAdd })
-  ] });
+  const [ToolbarCell, _toolbarCellProps] = useContextProps.useContextProps(
+    "Table.Header.Toolbar.Cell",
+    `${path}.Header.Toolbar.Cell`,
+    { p: 0, colSpan: numColumns, children: ToolbarComponent },
+    props,
+    { withAllProps: false }
+  );
+  const [ToolbarAddCell, _toolbarAddCellProps] = useContextProps.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__ */ jsxRuntime.jsx(NoBorderTableCell.NoBorderTableCell, { ..._toolbarCellProps }) : ToolbarCell;
+  const toolbarAddCellEl = ToolbarAddCell === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(NoBorderTableCell.NoBorderTableCell, { ..._toolbarAddCellProps }) : ToolbarAddCell;
+  const [ToolbarTr, _toolbarTrProps] = useContextProps.useContextProps(
+    "Table.Header.Toolbar",
+    `${path}.Header.Toolbar`,
+    {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        toolbarCellEl,
+        enabled && ToolbarAdd && toolbarAddCellEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  return ToolbarTr === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Table.Tr, { ..._toolbarTrProps }) : ToolbarTr;
 });
 exports.TableToolbar = TableToolbar;

package/dist/jsonforms/cjs/hooks/useContextProps.cjs

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