fastapi-rtk 2.7.1 → 2.8.0

package/dist/jsonforms/cjs/hooks/useNavigationComponent.cjs

@@ -20,7 +20,8 @@ const useNavigationComponent = (props) => {
       ["aria-label"]: translations == null ? void 0 : translations.upAriaLabel,
       onClick: onUp,
       disabled: !enableUp,
-      ...iconProps
+      ...iconProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(arrowUp, {})
     },
     rest,
     { withAllProps: false }
@@ -33,7 +34,8 @@ const useNavigationComponent = (props) => {
       ["aria-label"]: translations == null ? void 0 : translations.downAriaLabel,
       onClick: onDown,
       disabled: !enableDown,
-      ...iconProps
+      ...iconProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(arrowDown, {})
     },
     rest,
     { withAllProps: false }
@@ -46,22 +48,44 @@ const useNavigationComponent = (props) => {
       title: translations == null ? void 0 : translations.removeTooltip,
       ["aria-label"]: translations == null ? void 0 : translations.removeAriaLabel,
       onClick: onDelete,
-      ...iconProps
+      ...iconProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(trash, {})
     },
     rest,
     { withAllProps: false }
   );
+  const [ComponentUpCol, _up_col_props] = useContextProps.useContextProps(
+    `${componentName}.${componentIdentifier}.Up.Col`,
+    `${childPath}.${componentIdentifier}.Up.Col`,
+    { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._up_props }) },
+    rest,
+    { withAllProps: false }
+  );
+  const [ComponentDownCol, _down_col_props] = useContextProps.useContextProps(
+    `${componentName}.${componentIdentifier}.Down.Col`,
+    `${childPath}.${componentIdentifier}.Down.Col`,
+    { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._down_props }) },
+    rest,
+    { withAllProps: false }
+  );
+  const [ComponentRemoveCol, _remove_col_props] = useContextProps.useContextProps(
+    `${componentName}.${componentIdentifier}.Remove.Col`,
+    `${childPath}.${componentIdentifier}.Remove.Col`,
+    { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._remove_props }) },
+    rest,
+    { withAllProps: false }
+  );
   const ActionIconUp = React.useMemo(
-    () => ComponentUp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsxRuntime.jsx(arrowUp, {}) }) }) : ComponentUp,
-    [ComponentUp, _up_props]
+    () => ComponentUp === void 0 ? ComponentUpCol === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { ..._up_col_props }) : ComponentUpCol : ComponentUp,
+    [ComponentUp, ComponentUpCol, _up_col_props]
   );
   const ActionIconDown = React.useMemo(
-    () => ComponentDown === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsxRuntime.jsx(arrowDown, {}) }) }) : ComponentDown,
-    [ComponentDown, _down_props]
+    () => ComponentDown === void 0 ? ComponentDownCol === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { ..._down_col_props }) : ComponentDownCol : ComponentDown,
+    [ComponentDown, ComponentDownCol, _down_col_props]
   );
   const ActionIconRemove = React.useMemo(
-    () => ComponentRemove === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsxRuntime.jsx(trash, {}) }) }) : ComponentRemove,
-    [ComponentRemove, _remove_props]
+    () => ComponentRemove === void 0 ? ComponentRemoveCol === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { ..._remove_col_props }) : ComponentRemoveCol : ComponentRemove,
+    [ComponentRemove, ComponentRemoveCol, _remove_col_props]
   );
   const SortButtons = React.useMemo(
     () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -76,9 +100,20 @@ const useNavigationComponent = (props) => {
   );
   const enableRemove = React.useMemo(() => !disableRemove && !!ActionIconRemove, [disableRemove, ActionIconRemove]);
   const showComponent = React.useMemo(() => enableSort || enableRemove, [enableSort, enableRemove]);
-  return showComponent ? /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { justify: "flex-end", align: "center", children: [
-    enableSort && SortButtons,
-    enableRemove && ActionIconRemove
-  ] }) : void 0;
+  const [ComponentGrid, _grid_props] = useContextProps.useContextProps(
+    `${componentName}.${componentIdentifier}.Grid`,
+    `${childPath}.${componentIdentifier}.Grid`,
+    {
+      justify: "flex-end",
+      align: "center",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        enableSort && SortButtons,
+        enableRemove && ActionIconRemove
+      ] })
+    },
+    rest,
+    { withAllProps: false }
+  );
+  return showComponent ? ComponentGrid === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { ..._grid_props }) : ComponentGrid : void 0;
 };
 exports.useNavigationComponent = useNavigationComponent;

package/dist/jsonforms/cjs/hooks/useToolbarComponent.cjs

@@ -66,7 +66,8 @@ const useToolbarComponent = (props) => {
       id: "tooltip-add",
       title: translations == null ? void 0 : translations.addTooltip,
       onClick: onAdd,
-      ...iconProps
+      ...iconProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(plus, {})
     },
     rest,
     {}
@@ -74,17 +75,36 @@ const useToolbarComponent = (props) => {
   const TextLabel = ComponentLabel === void 0 ? (_label_props == null ? void 0 : _label_props.value) ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { children: _label_props == null ? void 0 : _label_props.value }) : null : ComponentLabel;
   const TextDescription = ComponentDescription === void 0 ? (_description_props == null ? void 0 : _description_props.value) ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.Description, { children: _description_props == null ? void 0 : _description_props.value }) : null : ComponentDescription;
   const IconValidation = ComponentValidation === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ValidationIcon, { ..._validation_props }) : ComponentValidation;
-  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsxRuntime.jsx(plus, {}) }) : ComponentAdd;
-  return [
-    // eslint-disable-next-line react/jsx-key
-    /* @__PURE__ */ jsxRuntime.jsxs(core.Input.Wrapper, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { justify: "flex-start", align: "center", gap: "sm", children: [
+  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._add_props }) : ComponentAdd;
+  const [ComponentFlex, _flex_props] = useContextProps.useContextProps(
+    `${componentName}.${componentIdentifier}.Flex`,
+    `${path}.${componentIdentifier}.Flex`,
+    {
+      justify: "flex-start",
+      align: "center",
+      gap: "sm",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         TextLabel,
         IconValidation
-      ] }),
-      TextDescription
-    ] }),
-    ActionIconAdd
-  ];
+      ] })
+    },
+    rest,
+    { withAllProps: false }
+  );
+  const flexEl = ComponentFlex === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { ..._flex_props }) : ComponentFlex;
+  const [ComponentWrapper, _wrapper_props] = useContextProps.useContextProps(
+    `${componentName}.${componentIdentifier}.Wrapper`,
+    `${path}.${componentIdentifier}.Wrapper`,
+    {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        flexEl,
+        TextDescription
+      ] })
+    },
+    rest,
+    { withAllProps: false }
+  );
+  const wrapperEl = ComponentWrapper === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.Wrapper, { ..._wrapper_props }) : ComponentWrapper;
+  return [wrapperEl, ActionIconAdd];
 };
 exports.useToolbarComponent = useToolbarComponent;

package/dist/jsonforms/cjs/labels/MantineLabelRenderer.cjs

@@ -4,12 +4,20 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@jsonforms/core");
 const react = require("@jsonforms/react");
 const core$1 = require("@mantine/core");
+const useContextProps = require("../hooks/useContextProps.cjs");
 const Component = (props) => {
   const { text, visible } = props;
+  const [CustomComponent, _props] = useContextProps.useContextProps(
+    "Label",
+    `Label.${text}`,
+    { fw: "bold", size: "xl", children: text },
+    props,
+    { withAllProps: false }
+  );
   if (!visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { fw: "bold", size: "xl", children: text });
+  return CustomComponent === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { ..._props }) : CustomComponent;
 };
 const mantineLabelTester = core.rankWith(1, core.isLabelable);
 const MantineLabelRenderer = react.withJsonFormsLabelProps(Component);

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

@@ -3,6 +3,7 @@ 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 useToolbarComponent = require("../../hooks/useToolbarComponent.cjs");
 const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar2(props) {
   const { addItem, path, enabled, createDefault } = props;
@@ -12,9 +13,19 @@ const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar2(props) {
     onAdd: addItem(path, createDefault()),
     ...props
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { justify: "space-between", children: [
-    ToolbarComponent,
-    enabled && ToolbarAdd
-  ] });
+  const [ToolbarGroup, _toolbarGroupProps] = useContextProps.useContextProps(
+    "Array.Header.Group",
+    `${path}.Header.Group`,
+    {
+      justify: "space-between",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        ToolbarComponent,
+        enabled && ToolbarAdd
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  return ToolbarGroup === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Group, { ..._toolbarGroupProps }) : ToolbarGroup;
 });
 exports.ArrayLayoutToolbar = ArrayLayoutToolbar;

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

@@ -6,6 +6,7 @@ const react = require("@jsonforms/react");
 const core$1 = require("@mantine/core");
 const merge = require("../../_virtual/merge.cjs");
 const React = require("react");
+const useContextProps = require("../../hooks/useContextProps.cjs");
 const useNavigationComponent = require("../../hooks/useNavigationComponent.cjs");
 const Component = (props) => {
   const [labelHtmlId] = React.useState(core.createId("expand-panel"));
@@ -47,24 +48,88 @@ const Component = (props) => {
     showSortButtons,
     ...props
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Accordion.Item, { value: childPath, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(core$1.Center, { children: /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion.Control, { component: "div", icon: /* @__PURE__ */ jsxRuntime.jsx(core$1.Avatar, { children: index + 1 }), children: /* @__PURE__ */ jsxRuntime.jsxs(core$1.Group, { justify: "space-between", pr: "md", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { children: childLabel }),
-      NavigationComponent
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion.Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.JsonFormsDispatch,
-      {
-        enabled,
-        schema,
-        uischema: foundUISchema,
-        path: childPath,
-        renderers,
-        cells
-      },
-      childPath
-    ) })
-  ] });
+  const [AvatarComp, _avatarProps] = useContextProps.useContextProps(
+    "Array.Item.Avatar",
+    `${childPath}.Item.Avatar`,
+    { children: index + 1 },
+    props,
+    { withAllProps: false }
+  );
+  const avatarEl = AvatarComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Avatar, { ..._avatarProps }) : AvatarComp;
+  const [StackComp, _stackProps] = useContextProps.useContextProps(
+    "Array.Item.Stack",
+    `${childPath}.Item.Stack`,
+    { children: childLabel },
+    props,
+    { withAllProps: false }
+  );
+  const stackEl = StackComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { ..._stackProps }) : StackComp;
+  const [GroupComp, _groupProps] = useContextProps.useContextProps(
+    "Array.Item.Group",
+    `${childPath}.Item.Group`,
+    {
+      justify: "space-between",
+      pr: "md",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        stackEl,
+        NavigationComponent
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  const groupEl = GroupComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { ..._groupProps }) : GroupComp;
+  const [ControlComp, _controlProps] = useContextProps.useContextProps(
+    "Array.Item.Control",
+    `${childPath}.Item.Control`,
+    { component: "div", icon: avatarEl, children: groupEl },
+    props,
+    { withAllProps: false }
+  );
+  const controlEl = ControlComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion.Control, { ..._controlProps }) : ControlComp;
+  const [CenterComp, _centerProps] = useContextProps.useContextProps(
+    "Array.Item.Center",
+    `${childPath}.Item.Center`,
+    { children: controlEl },
+    props,
+    { withAllProps: false }
+  );
+  const centerEl = CenterComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Center, { ..._centerProps }) : CenterComp;
+  const [PanelComp, _panelProps] = useContextProps.useContextProps(
+    "Array.Item.Panel",
+    `${childPath}.Item.Panel`,
+    {
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        react.JsonFormsDispatch,
+        {
+          enabled,
+          schema,
+          uischema: foundUISchema,
+          path: childPath,
+          renderers,
+          cells
+        },
+        childPath
+      )
+    },
+    props,
+    { withAllProps: false }
+  );
+  const panelEl = PanelComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion.Panel, { ..._panelProps }) : PanelComp;
+  const [ItemComp, _itemProps] = useContextProps.useContextProps(
+    "Array.Item.Accordion",
+    `${childPath}.Item.Accordion`,
+    {
+      value: childPath,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        centerEl,
+        panelEl
+      ] })
+    },
+    props,
+    { withAllProps: false }
+  );
+  return ItemComp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Accordion.Item, { value: childPath, ..._itemProps }) : ItemComp;
 };
 const MemoComponent = React.memo(Component);
 const useCtxDispatchToExpandPanelProps = (dispatch) => ({

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