fastapi-rtk 0.2.52 → 0.2.54

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core$1 = require("fastapi-rtk/core");
+const core = require("@mantine/core");
+const IconPlus = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
+const IconExclamationCircle = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.cjs");
+const ValidationIcon = ({ id, error }) => {
+  const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Tooltip,
+    {
+      id,
+      label: /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { gap: "0.25rem", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: `${errorMessageList.length} error(s)` }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 0, children: errorMessageList.map((error2, index) => /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: error2 }, `${error2}-${index}`)) })
+      ] }),
+      position: "right",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        core.Indicator,
+        {
+          size: "0.85rem",
+          label: errorMessageList.length,
+          disabled: !error,
+          style: { visibility: error ? "visible" : "hidden" },
+          children: /* @__PURE__ */ jsxRuntime.jsx(IconExclamationCircle, {})
+        }
+      )
+    }
+  );
+};
+const useToolbarComponent = ({ componentName, componentIdentifier, onAdd, ...props }) => {
+  const { errors, label, description, path, translations } = props;
+  const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };
+  const iconProps = core.useProps("ActionIcon", defaultProps, {});
+  const [ComponentLabel, _label_props] = core$1.useContextProps(
+    `${componentName}.${componentIdentifier}.Label`,
+    `${path}.${componentIdentifier}.Label`,
+    { value: label },
+    props,
+    false
+  );
+  const [ComponentDescription, _description_props] = core$1.useContextProps(
+    `${componentName}.${componentIdentifier}.Description`,
+    `${path}.${componentIdentifier}.Description`,
+    { value: description },
+    props,
+    false
+  );
+  const [ComponentValidation, _validation_props] = core$1.useContextProps(
+    `${componentName}.${componentIdentifier}.Validation`,
+    `${path}.${componentIdentifier}.Validation`,
+    {
+      id: "tooltip-validation",
+      error: errors
+    },
+    props,
+    false
+  );
+  const [ComponentAdd, _add_props] = core$1.useContextProps(
+    `${componentName}.${componentIdentifier}.Add`,
+    `${path}.${componentIdentifier}.Add`,
+    {
+      id: "tooltip-add",
+      title: translations.addTooltip,
+      onClick: onAdd,
+      ...iconProps
+    },
+    props,
+    false
+  );
+  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(IconPlus, {}) }) : 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: [
+        TextLabel,
+        IconValidation
+      ] }),
+      TextDescription
+    ] }),
+    ActionIconAdd
+  ];
+};
+exports.useToolbarComponent = useToolbarComponent;

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

@@ -11,7 +11,7 @@ const Component = (props) => {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { fw: "bold", size: "xl", children: text });
 };
-const MantineLabelTester = core.rankWith(1, core.isLabelable);
+const mantineLabelTester = core.rankWith(1, core.isLabelable);
 const MantineLabelRenderer = react.withJsonFormsLabelProps(Component);
 exports.MantineLabelRenderer = MantineLabelRenderer;
-exports.MantineLabelTester = MantineLabelTester;
+exports.mantineLabelTester = mantineLabelTester;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const useToolbarComponent = require("../../hooks/useToolbarComponent.cjs");
+const ArrayLayoutToolbar = React.memo(function ArrayLayoutToolbar2(props) {
+  const { addItem, path, enabled, createDefault } = props;
+  const [ToolbarComponent, ToolbarAdd] = useToolbarComponent.useToolbarComponent({
+    componentName: "Array",
+    componentIdentifier: "Header",
+    onAdd: addItem(path, createDefault()),
+    ...props
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { justify: "space-between", children: [
+    ToolbarComponent,
+    enabled && ToolbarAdd
+  ] });
+});
+exports.ArrayLayoutToolbar = ArrayLayoutToolbar;

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

@@ -0,0 +1,147 @@
+"use strict";
+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 merge = require("../../_virtual/merge.cjs");
+const React = require("react");
+const useNavigationComponent = require("../../hooks/useNavigationComponent.cjs");
+const Component = (props) => {
+  const [labelHtmlId] = React.useState(core.createId("expand-panel"));
+  React.useEffect(() => {
+    return () => {
+      core.removeId(labelHtmlId);
+    };
+  }, [labelHtmlId]);
+  const {
+    enabled,
+    path,
+    childPath,
+    childLabel,
+    index,
+    rootSchema,
+    schema,
+    uischema,
+    uischemas,
+    renderers,
+    cells,
+    moveUp: moveUp2,
+    moveDown: moveDown2,
+    removeItems,
+    config
+  } = props;
+  const foundUISchema = React.useMemo(
+    () => core.findUISchema(uischemas, schema, uischema.scope, path, void 0, uischema, rootSchema),
+    [uischemas, schema, path, uischema, rootSchema]
+  );
+  const appliedUiSchemaOptions = merge({}, config, uischema.options);
+  const showSortButtons = appliedUiSchemaOptions.showSortButtons || appliedUiSchemaOptions.showArrayLayoutSortButtons;
+  const NavigationComponent = useNavigationComponent.useNavigationComponent({
+    componentName: "Array",
+    componentIdentifier: "Item",
+    onUp: moveUp2(path, index),
+    onDown: moveDown2(path, index),
+    onDelete: removeItems(path, [index]),
+    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 MemoComponent = React.memo(Component);
+const useCtxDispatchToExpandPanelProps = (dispatch) => ({
+  removeItems: React.useCallback(
+    (path, toDelete) => (event) => {
+      event.stopPropagation();
+      dispatch(
+        core.update(
+          path,
+          (array) => {
+            toDelete.sort().reverse().forEach((s) => array.splice(s, 1));
+            return array;
+          },
+          { type: "REMOVE", indices: toDelete }
+        )
+      );
+    },
+    [dispatch]
+  ),
+  moveUp: React.useCallback(
+    (path, toMove) => (event) => {
+      event.stopPropagation();
+      dispatch(
+        core.update(
+          path,
+          (array) => {
+            core.moveUp(array, toMove);
+            return array;
+          },
+          {
+            type: "MOVE",
+            moves: [{ from: toMove, to: toMove - 1 }]
+          }
+        )
+      );
+    },
+    [dispatch]
+  ),
+  moveDown: React.useCallback(
+    (path, toMove) => (event) => {
+      event.stopPropagation();
+      dispatch(
+        core.update(
+          path,
+          (array) => {
+            core.moveDown(array, toMove);
+            return array;
+          },
+          {
+            type: "MOVE",
+            moves: [{ from: toMove, to: toMove + 1 }]
+          }
+        )
+      );
+    },
+    [dispatch]
+  )
+});
+const withContextToExpandPanelProps = (Component2) => {
+  return function WithContextToExpandPanelProps({ ctx, props }) {
+    const dispatchProps = useCtxDispatchToExpandPanelProps(ctx.dispatch);
+    const { childLabelProp, schema, uischema, rootSchema, path, index, uischemas } = props;
+    const childPath = core.Paths.compose(path, `${index}`);
+    const childLabel = React.useMemo(() => {
+      return core.computeChildLabel(
+        ctx.core.data,
+        childPath,
+        childLabelProp,
+        schema,
+        rootSchema,
+        ctx.i18n.translate,
+        uischema
+      );
+    }, [ctx.core.data, childPath, childLabelProp, schema, rootSchema, ctx.i18n.translate, uischema]);
+    return /* @__PURE__ */ jsxRuntime.jsx(Component2, { ...props, ...dispatchProps, childLabel, childPath, uischemas });
+  };
+};
+const withJsonFormsExpandPanelProps = (Component2) => react.withJsonFormsContext(withContextToExpandPanelProps(Component2));
+const ExpandPanelRenderer = withJsonFormsExpandPanelProps(MemoComponent);
+exports.ExpandPanelRenderer = ExpandPanelRenderer;
+exports.MemoComponent = MemoComponent;

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

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core$1 = require("fastapi-rtk/core");
+const core = require("@jsonforms/core");
+const core$2 = require("@mantine/core");
+const map = require("../../_virtual/map.cjs");
+const merge = require("../../_virtual/merge.cjs");
+const range = require("../../_virtual/range.cjs");
+const React = require("react");
+const ArrayToolbar = require("./ArrayToolbar.cjs");
+const ExpandPanelRenderer = require("./ExpandPanelRenderer.cjs");
+const Component = (props) => {
+  const {
+    enabled,
+    data,
+    path,
+    schema,
+    uischema,
+    errors,
+    addItem,
+    renderers,
+    cells,
+    label,
+    required,
+    rootSchema,
+    config,
+    uischemas,
+    description,
+    disableAdd,
+    disableRemove,
+    translations
+  } = props;
+  const appliedUiSchemaOptions = merge({}, config, props.uischema.options);
+  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] = core$1.useContextProps("Array.Accordion", `${path}.Accordion`, {}, props, false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core$2.Stack, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ArrayToolbar.ArrayLayoutToolbar,
+      {
+        translations,
+        label: core.computeLabel(label, required, appliedUiSchemaOptions.hideRequiredAsterisk),
+        description,
+        errors,
+        path,
+        enabled,
+        addItem,
+        createDefault: innerCreateDefaultValue,
+        disableAdd: doDisableAdd
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(core$2.Stack, { children: data > 0 ? Component2 === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core$2.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$2.Text, { ta: "center", children: translations.noDataMessage }) })
+  ] });
+};
+const MantineArrayLayout = React.memo(Component);
+exports.MantineArrayLayout = MantineArrayLayout;

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

@@ -0,0 +1,21 @@
+"use strict";
+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 React = require("react");
+const MantineArrayLayout = require("./MantineArrayLayout.cjs");
+const Component = ({ visible, addItem, translations, ...props }) => {
+  const addItemCb = React.useCallback((p, value) => addItem(p, value), [addItem]);
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Stack, { m: "0.5rem", mx: "calc(0.5rem + 2px)", children: /* @__PURE__ */ jsxRuntime.jsx(MantineArrayLayout.MantineArrayLayout, { translations, visible, addItem: addItemCb, ...props }) });
+};
+const mantineArrayLayoutTester = core.rankWith(2, core.isObjectArrayWithNesting);
+const MantineArrayLayoutRenderer = react.withJsonFormsArrayLayoutProps(
+  react.withTranslateProps(react.withArrayTranslationProps(Component))
+);
+exports.MantineArrayLayoutRenderer = MantineArrayLayoutRenderer;
+exports.mantineArrayLayoutTester = mantineArrayLayoutTester;

package/dist/jsonforms/cjs/layouts/Categorization/MantineCategorizationLayoutRenderer.cjs

@@ -67,9 +67,9 @@ const Component = (props) => {
     }
   );
 };
-const MantineCategorizationLayoutTester = core.rankWith(1, core.uiTypeIs("Categorization"));
+const mantineCategorizationLayoutTester = core.rankWith(1, core.uiTypeIs("Categorization"));
 const MantineCategorizationLayoutRenderer = withAjvProps.withAjvProps(
   react.withTranslateProps(react.withJsonFormsLayoutProps(withDebounce.withDebounce(Component)))
 );
 exports.MantineCategorizationLayoutRenderer = MantineCategorizationLayoutRenderer;
-exports.MantineCategorizationLayoutTester = MantineCategorizationLayoutTester;
+exports.mantineCategorizationLayoutTester = mantineCategorizationLayoutTester;

package/dist/jsonforms/cjs/layouts/MantineGroupLayoutRenderer.cjs

@@ -10,7 +10,7 @@ const Component = ({ schema, uischema, path, enabled, visible, renderers, cells,
   const childProps = { schema, path, enabled, visible, elements: layout$1.elements, direction: "column" };
   return /* @__PURE__ */ jsxRuntime.jsx(core$1.Fieldset, { legend: label, m: "0.5rem", mx: "calc(0.5rem + 2px)", children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, renderers, cells }) });
 };
-const MantineGroupLayoutTester = core.rankWith(1, core.uiTypeIs("Group"));
+const mantineGroupLayoutTester = core.rankWith(1, core.uiTypeIs("Group"));
 const MantineGroupLayoutRenderer = react.withJsonFormsLayoutProps(Component);
 exports.MantineGroupLayoutRenderer = MantineGroupLayoutRenderer;
-exports.MantineGroupLayoutTester = MantineGroupLayoutTester;
+exports.mantineGroupLayoutTester = mantineGroupLayoutTester;

package/dist/jsonforms/cjs/renderers/mantineRenderers.cjs

@@ -16,6 +16,7 @@ const MantineOneOfEnumControl = require("../controls/MantineOneOfEnumControl.cjs
 const MantineTextControl = require("../controls/MantineTextControl.cjs");
 const MantineTimeControl = require("../controls/MantineTimeControl.cjs");
 const MantineLabelRenderer = require("../labels/MantineLabelRenderer.cjs");
+const MantineArrayLayoutRenderer = require("../layouts/Array/MantineArrayLayoutRenderer.cjs");
 const MantineCategorizationLayoutRenderer = require("../layouts/Categorization/MantineCategorizationLayoutRenderer.cjs");
 const MantineGroupLayoutRenderer = require("../layouts/MantineGroupLayoutRenderer.cjs");
 const MantineHotizontalLayoutRenderer = require("../layouts/MantineHotizontalLayoutRenderer.cjs");
@@ -35,15 +36,17 @@ const mantineRenderers = [
   { tester: MantineIntegerControl.mantineIntegerControlTester, renderer: MantineIntegerControl.MantineIntegerControl },
   { tester: MantineBooleanControl.mantineBooleanControlTester, renderer: MantineBooleanControl.MantineBooleanControl },
   // Complex
-  { tester: MantineObjectControl.MantineObjectControlTester, renderer: MantineObjectControl.MantineObjectControl },
+  { tester: MantineObjectControl.mantineObjectControlTester, renderer: MantineObjectControl.MantineObjectControl },
   { tester: MantineArrayControl.mantineArrayControlTester, renderer: MantineArrayControl.MantineArrayControlRenderer },
+  { tester: MantineArrayControl.mantineArrayEnumArrayControlTester, renderer: MantineArrayControl.MantineArrayEnumArrayControlRenderer },
   { tester: MantineEnumArrayControl.mantineEnumArrayRendererTester, renderer: MantineEnumArrayControl.MantineEnumArrayRenderer },
   // Layouts
   { tester: MantineHotizontalLayoutRenderer.mantineHorizontalLayoutTester, renderer: MantineHotizontalLayoutRenderer.MantineHorizontalLayoutRenderer },
   { tester: MantineVerticalLayoutRenderer.mantineVerticalLayoutTester, renderer: MantineVerticalLayoutRenderer.MantineVerticalLayoutRenderer },
-  { tester: MantineGroupLayoutRenderer.MantineGroupLayoutTester, renderer: MantineGroupLayoutRenderer.MantineGroupLayoutRenderer },
-  { tester: MantineCategorizationLayoutRenderer.MantineCategorizationLayoutTester, renderer: MantineCategorizationLayoutRenderer.MantineCategorizationLayoutRenderer },
+  { tester: MantineGroupLayoutRenderer.mantineGroupLayoutTester, renderer: MantineGroupLayoutRenderer.MantineGroupLayoutRenderer },
+  { tester: MantineCategorizationLayoutRenderer.mantineCategorizationLayoutTester, renderer: MantineCategorizationLayoutRenderer.MantineCategorizationLayoutRenderer },
+  { tester: MantineArrayLayoutRenderer.mantineArrayLayoutTester, renderer: MantineArrayLayoutRenderer.MantineArrayLayoutRenderer },
   // Labels
-  { tester: MantineLabelRenderer.MantineLabelTester, renderer: MantineLabelRenderer.MantineLabelRenderer }
+  { tester: MantineLabelRenderer.mantineLabelTester, renderer: MantineLabelRenderer.MantineLabelRenderer }
 ];
 exports.mantineRenderers = mantineRenderers;

package/dist/jsonforms/esm/_virtual/map.mjs

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireMap } from "../../../.external/esm/lodash@4.17.21/lodash/map.mjs";
+var mapExports = requireMap();
+const map = /* @__PURE__ */ getDefaultExportFromCjs(mapExports);
+export {
+  map as default
+};

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

@@ -52,10 +52,16 @@ const mantineArrayControlTester = rankWith(
   1,
   or(isObjectArrayControl, isPrimitiveArrayControl, isEnumArrayArrayControl, isJsonArrayControl)
 );
+const mantineArrayEnumArrayControlTester = rankWith(3, isEnumArrayArrayControl);
 const MantineArrayControlRenderer = withJsonFormsArrayLayoutProps(
   withTranslateProps(withArrayTranslationProps(Component))
 );
+const MantineArrayEnumArrayControlRenderer = withJsonFormsArrayLayoutProps(
+  withTranslateProps(withArrayTranslationProps(Component))
+);
 export {
   MantineArrayControlRenderer,
-  mantineArrayControlTester
+  MantineArrayEnumArrayControlRenderer,
+  mantineArrayControlTester,
+  mantineArrayEnumArrayControlTester
 };

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

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { rankWith, isObjectControl } from "@jsonforms/core";
 import { withJsonFormsDetailProps } from "@jsonforms/react";
 import { MantineObjectInput } from "../MantineInputs/MantineObjectInput.mjs";
-const MantineObjectControlTester = rankWith(1, isObjectControl);
+const mantineObjectControlTester = rankWith(1, isObjectControl);
 const MantineObjectControl = withJsonFormsDetailProps((props) => /* @__PURE__ */ jsx(MantineObjectInput, { ...props }));
 export {
   MantineObjectControl,
-  MantineObjectControlTester
+  mantineObjectControlTester
 };

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

@@ -1,8 +1,8 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { deepMerge } from "fastapi-rtk/utils";
 import { Resolve, encode, Paths, formatErrorMessage, errorsAt } from "@jsonforms/core";
 import { DispatchCell, useJsonForms } from "@jsonforms/react";
-import { Table, useProps, MantineThemeProvider, Text, Grid, ActionIcon } from "@mantine/core";
+import { Table, useProps, MantineThemeProvider, Text } from "@mantine/core";
 import isEmpty from "../../_virtual/isEmpty.mjs";
 import merge from "../../_virtual/merge.mjs";
 import range from "../../_virtual/range.mjs";
@@ -10,12 +10,10 @@ import startCase from "../../_virtual/startCase.mjs";
 import union from "../../_virtual/union.mjs";
 import React, { useMemo, memo } from "react";
 import { useContextProps } from "../../hooks/useContextProps.mjs";
+import { useNavigationComponent } from "../../hooks/useNavigationComponent.mjs";
 import { useThemeCustomizer } from "../../hooks/useThemeCustomizer.mjs";
 import { NoBorderTableCell } from "./NoBorderTableCell.mjs";
 import { TableToolbar } from "./TableToolbar.mjs";
-import IconArrowUp from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconArrowUp.mjs";
-import IconArrowDown from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconArrowDown.mjs";
-import IconTrash from "../../../../.external/esm/@tabler_icons-react@3.18.0_react@18.3.1/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
 const isValidObjectSchema = (schema) => schema.type === "object" && typeof schema.properties === "object";
 const styles = {
   fixedCell: {
@@ -149,96 +147,18 @@ const NonEmptyCell = (ownProps) => {
   return /* @__PURE__ */ jsx(NonEmptyCellComponent, { ...emptyCellProps, isValid });
 };
 const NonEmptyRowComponent = (props) => {
-  const {
-    childPath,
-    schema,
-    rowIndex,
-    openDeleteDialog,
-    moveUpCreator,
-    moveDownCreator,
-    enableUp,
-    enableDown,
-    showSortButtons,
-    enabled,
-    cells,
-    path,
-    translations,
-    disableRemove
-  } = props;
-  const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };
-  const iconProps = useProps("ActionIcon", defaultProps, {});
-  const moveUp = useMemo(() => moveUpCreator(path, rowIndex), [moveUpCreator, path, rowIndex]);
-  const moveDown = useMemo(() => moveDownCreator(path, rowIndex), [moveDownCreator, path, rowIndex]);
-  const [ComponentUp, _up_props] = useContextProps(
-    "Table.Row.Up",
-    `${childPath}.Row.Up`,
-    {
-      title: translations.up,
-      ["aria-label"]: translations.upAriaLabel,
-      onClick: moveUp,
-      disabled: !enableUp,
-      ...iconProps
-    },
-    props,
-    false
-  );
-  const [ComponentDown, _down_props] = useContextProps(
-    "Table.Row.Down",
-    `${childPath}.Row.Down`,
-    {
-      title: translations.down,
-      ["aria-label"]: translations.downAriaLabel,
-      onClick: moveDown,
-      disabled: !enableDown,
-      ...iconProps
-    },
-    props,
-    false
-  );
-  const [ComponentRemove, _remove_props] = useContextProps(
-    "Table.Row.Remove",
-    `${childPath}.Row.Remove`,
-    {
-      id: "tooltip-remove",
-      title: translations.removeTooltip,
-      ["aria-label"]: translations.removeAriaLabel,
-      onClick: () => openDeleteDialog(childPath, rowIndex),
-      ...iconProps
-    },
-    props,
-    false
-  );
-  const ActionIconUp = useMemo(
-    () => ComponentUp === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsx(IconArrowUp, {}) }) }) : ComponentUp,
-    [ComponentUp, _up_props]
-  );
-  const ActionIconDown = useMemo(
-    () => ComponentDown === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsx(IconArrowDown, {}) }) }) : ComponentDown,
-    [ComponentDown, _down_props]
-  );
-  const ActionIconRemove = useMemo(
-    () => ComponentRemove === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsx(IconTrash, {}) }) }) : ComponentRemove,
-    [ComponentRemove, _remove_props]
-  );
-  const SortButtons = useMemo(
-    () => /* @__PURE__ */ jsxs(Fragment, { children: [
-      ActionIconUp,
-      ActionIconDown
-    ] }),
-    [ActionIconDown, ActionIconUp]
-  );
-  const enableSort = useMemo(
-    () => !!showSortButtons && !!(ActionIconUp || ActionIconDown),
-    [showSortButtons, ActionIconUp, ActionIconDown]
-  );
-  const enableRemove = useMemo(() => !disableRemove && !!ActionIconRemove, [disableRemove, ActionIconRemove]);
-  const showCell = useMemo(() => enableSort || enableRemove, [enableSort, enableRemove]);
+  const { childPath, schema, showSortButtons, enabled, cells } = props;
+  const NavigationComponent = useNavigationComponent({
+    componentName: "Table",
+    componentIdentifier: "Row",
+    onUp: props.moveUpCreator(props.path, props.rowIndex),
+    onDown: props.moveDownCreator(props.path, props.rowIndex),
+    onDelete: () => props.openDeleteDialog(childPath, props.rowIndex),
+    ...props
+  });
   return /* @__PURE__ */ jsxs(Table.Tr, { children: [
     generateCells(NonEmptyCell, schema, childPath, enabled, cells),
-    enabled && showCell ? /* @__PURE__ */ jsx(NoBorderTableCell, { style: showSortButtons ? styles.fixedCell : styles.fixedCellSmall, children: /* @__PURE__ */ jsxs(Grid, { justify: "flex-end", align: "center", children: [
-      enableSort && SortButtons,
-      enableRemove && ActionIconRemove
-    ] }) }) : null
+    NavigationComponent ? /* @__PURE__ */ jsx(NoBorderTableCell, { style: showSortButtons ? styles.fixedCell : styles.fixedCellSmall, children: NavigationComponent }) : null
   ] }, childPath);
 };
 const NonEmptyRow = React.memo(NonEmptyRowComponent);