fastapi-rtk 2.7.0 → 2.8.0

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;

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) => ({