fastapi-rtk 0.2.39 → 0.2.41

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

@@ -5,9 +5,9 @@ import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useTextProps } from "../hooks/useTextProps.mjs";
 function MantineTextInput({ margin, ...props }) {
-  const commonProps = useCommonProps(props);
-  const { path, data, schema } = props;
-  const textProps = useTextProps({ data, onChange: commonProps.onChange });
+  const { value, ...commonProps } = useCommonProps(props);
+  const { path, schema } = props;
+  const textProps = useTextProps({ value, onChange: commonProps.onChange });
   const componentProps = useMemo(() => ({ ...commonProps, ...textProps }), [commonProps, textProps]);
   const [Component, _props] = useContextProps("Text", path, componentProps, props);
   if (!props.visible) {

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

@@ -6,9 +6,9 @@ import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useTimeProps } from "../hooks/useTimeProps.mjs";
 function MantineTimeInput({ margin, ...props }) {
-  const commonProps = useCommonProps(props);
-  const { path, data } = props;
-  const textProps = useTimeProps({ data });
+  const { value, ...commonProps } = useCommonProps(props);
+  const { path } = props;
+  const textProps = useTimeProps({ value });
   const componentProps = useMemo(() => ({ ...commonProps, ...textProps }), [commonProps, textProps]);
   const [Component, _props] = useContextProps("Time", path, componentProps, props);
   if (!props.visible) {

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

@@ -1,7 +1,7 @@
 import { isTruthy } from "fastapi-rtk/utils";
-function useBooleanProps(isCheckbox, { data, onChange }) {
+function useBooleanProps(isCheckbox, { value, onChange }) {
   return isCheckbox ? {
-    checked: data || false,
+    checked: value || false,
     onChange: (event) => onChange(event.target.checked)
   } : {
     data: [
@@ -14,8 +14,8 @@ function useBooleanProps(isCheckbox, { data, onChange }) {
         label: "False"
       }
     ],
-    value: isTruthy(data) ? String(data) : null,
-    onChange: (value) => onChange(isTruthy(value) ? value === String(true) : void 0)
+    value: isTruthy(value) ? String(value) : null,
+    onChange: (value2) => onChange(isTruthy(value2) ? value2 === String(true) : void 0)
   };
 }
 export {

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

@@ -1,8 +1,12 @@
 import { jsx } from "react/jsx-runtime";
+import { DEBOUNCE_JSONFORMS_DELAY } from "fastapi-rtk/core";
 import { useProps } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
+import { useState, useEffect } from "react";
 import { isSchemaTypeInclude } from "../utils/isSchemaTypeInclude.mjs";
 function useCommonProps(props = {}) {
   const __ = useProps("__", {}, {});
+  const [value, setValue] = useState(props.data);
   let valueIfNull = null;
   if (!isSchemaTypeInclude(props.schema.type, "null")) {
     if (isSchemaTypeInclude(props.schema.type, "array")) {
@@ -13,13 +17,28 @@ function useCommonProps(props = {}) {
       valueIfNull = "";
     }
   }
+  const debouncedCallback = useDebouncedCallback((value2) => props.handleChange(props.path, value2), {
+    delay: DEBOUNCE_JSONFORMS_DELAY,
+    flushOnUnmount: true,
+    ...__.debounceOptions
+  });
+  const onChange = (value2) => {
+    const newValue = value2 ?? (__.setNull ? valueIfNull : void 0);
+    setValue(newValue);
+    __.debounce ? debouncedCallback(newValue) : props.handleChange(props.path, newValue);
+  };
+  useEffect(() => {
+    setValue(props.data);
+  }, [props.data]);
   return {
     inputWrapperOrder: ["label", "input", "description", "error"],
     label: props.label,
     description: props.description,
     required: props.required,
     disabled: !props.enabled,
-    onChange: (value) => props.handleChange(props.path, value ?? (__.setNull ? valueIfNull : void 0)),
+    value,
+    onChange,
+    onBlur: () => debouncedCallback.flush(),
     error: props.errors ? props.errors.split("\n").map((error) => /* @__PURE__ */ jsx("span", { style: { display: "block" }, children: error }, error)) : void 0
   };
 }

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

@@ -2,17 +2,17 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Icon } from "../../../.external/esm/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.mjs";
 import { useMantineTheme, Group, CloseButton } from "@mantine/core";
 import { convertUTCStringToLocalString, convertLocalStringToUTCString } from "../utils/utcConverter.mjs";
-function useDateProps(type, isUTC, { data, toggle, onChange }) {
+function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = useMantineTheme();
   const props = { clearable: true };
   if (type === "date") {
     props.valueFormat = "DD.MM.YYYY";
-    props.value = data || null;
-    props.onChange = (data2) => onChange(data2 || void 0);
+    props.value = value || null;
+    props.onChange = (value2) => onChange(value2 || void 0);
   } else {
     props.valueFormat = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
-    props.value = data ? isUTC ? convertUTCStringToLocalString(data) : data : null;
-    props.onChange = (data2) => onChange(data2 ? isUTC ? convertLocalStringToUTCString(data2) : data2 : void 0);
+    props.value = value ? isUTC ? convertUTCStringToLocalString(value) : value : null;
+    props.onChange = (value2) => onChange(value2 ? isUTC ? convertLocalStringToUTCString(value2) : value2 : void 0);
     props.placeholder = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
     props.rightSection = /* @__PURE__ */ jsxs(Group, { gap: "0.25rem", wrap: "nowrap", children: [
       /* @__PURE__ */ jsx(

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-function useFileProps({ data, onChange, contentMediaType, errors }) {
+function useFileProps({ value, onChange, contentMediaType, errors }) {
   var _a;
   const filteredErrors = (_a = errors == null ? void 0 : errors.split("\n").filter((error) => !error.startsWith("must be string"))) == null ? void 0 : _a.join("\n");
-  let value = data || null;
+  value = value || null;
   if (typeof value === "string") {
     value = new File([value], value);
   }

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

@@ -1,12 +1,12 @@
 import { useState, useMemo, useEffect } from "react";
-function useJsonProps({ data, onChange }) {
-  const [value, setValue] = useState("");
+function useJsonProps({ value, onChange }) {
+  const [inputValue, setInputValue] = useState("");
   const stringifiedData = useMemo(
-    () => data ? typeof data === "object" ? JSON.stringify(data, null, 2) : data : "",
-    [data]
+    () => value ? typeof value === "object" ? JSON.stringify(value, null, 2) : value : "",
+    [value]
   );
   useEffect(() => {
-    setValue(stringifiedData);
+    setInputValue(stringifiedData);
   }, [stringifiedData]);
   return {
     autosize: true,
@@ -14,19 +14,19 @@ function useJsonProps({ data, onChange }) {
     maxRows: 12,
     validationError: "Invalid JSON",
     formatOnBlur: true,
-    value,
+    value: inputValue,
     onBlur: () => {
-      if (!value) {
+      if (!inputValue) {
         onChange(void 0);
         return;
       }
       try {
-        const parsedValue = JSON.parse(value);
+        const parsedValue = JSON.parse(inputValue);
         onChange(parsedValue);
       } catch {
       }
     },
-    onChange: setValue
+    onChange: setInputValue
   };
 }
 export {

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

@@ -1,10 +1,10 @@
 import { useSelectProps } from "./useSelectProps.mjs";
-function useMultiSelectProps(data, schema, { onChange }) {
-  const props = useSelectProps(data, schema);
+function useMultiSelectProps(value, schema, { onChange }) {
+  const props = useSelectProps(value, schema);
   return {
     ...props,
     value: props.value || [],
-    onChange: (value) => value.length ? onChange(value) : onChange(void 0)
+    onChange: (value2) => value2.length ? onChange(value2) : onChange(void 0)
   };
 }
 export {

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

@@ -1,9 +1,9 @@
-function useNumberProps(type, { data, onChange }) {
+function useNumberProps(type, { value, onChange }) {
   return {
-    value: data || "",
+    value: value || "",
     allowDecimal: type === "number" ? true : false,
     hideControls: true,
-    onChange: (value) => onChange(typeof value === "string" ? value || void 0 : value ?? void 0)
+    onChange: (value2) => onChange(typeof value2 === "string" ? value2 || void 0 : value2 ?? void 0)
   };
 }
 export {

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

@@ -1,10 +1,10 @@
 import { useMemo } from "react";
-function useSelectProps(data, schema) {
+function useSelectProps(value, schema) {
   const options = useMemo(
     () => schema.oneOf ? schema.oneOf.map((option) => ({ value: option.const, label: option.title })) : schema.enum,
     [schema.enum, schema.oneOf]
   );
-  return { data: options, value: data || null, searchable: true };
+  return { data: options, value: value || null, searchable: true };
 }
 export {
   useSelectProps

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

@@ -1,6 +1,6 @@
-function useTextProps({ data, onChange }) {
+function useTextProps({ value, onChange }) {
   return {
-    value: data || "",
+    value: value || "",
     onChange: (event) => onChange(event.target.value || void 0)
   };
 }

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

@@ -1,5 +1,5 @@
-function useTimeProps({ data }) {
-  return { value: data || "" };
+function useTimeProps({ value }) {
+  return { value: value || "" };
 }
 export {
   useTimeProps

package/dist/jsonforms/esm/index.mjs

@@ -21,6 +21,7 @@ import { isJsonArrayControl } from "./testers/isJsonArrayControl.mjs";
 import { isJsonControl } from "./testers/isJsonControl.mjs";
 import { isSchemaTypeInclude } from "./utils/isSchemaTypeInclude.mjs";
 import { convertLocalStringToUTCString, convertUTCStringToLocalString } from "./utils/utcConverter.mjs";
+import { withAjvProps } from "./utils/withAjvProps.mjs";
 export {
   JsonFormsWithCustomizer,
   convertLocalStringToUTCString,
@@ -45,5 +46,6 @@ export {
   useSelectProps,
   useTextProps,
   useThemeCustomizer,
-  useTimeProps
+  useTimeProps,
+  withAjvProps
 };

package/dist/jsonforms/esm/layouts/Categorization/MantineCategorizationLayoutRenderer.mjs

@@ -0,0 +1,74 @@
+import { jsx } from "react/jsx-runtime";
+import { rankWith, uiTypeIs, isVisible, deriveLabelForUISchemaElement } from "@jsonforms/core";
+import { withTranslateProps, withJsonFormsLayoutProps } from "@jsonforms/react";
+import { useMemo } from "react";
+import { withAjvProps } from "../../utils/withAjvProps.mjs";
+import { withDebounce } from "../../utils/withDebounce.mjs";
+import { CategorizationCards } from "./variants/CategorizationCards.mjs";
+import { CategorizationStepper } from "./variants/CategorizationStepper.mjs";
+import { CategorizationTabs } from "./variants/CategorizationTabs.mjs";
+const Component = (props) => {
+  var _a, _b, _c, _d;
+  const { schema, uischema, path, enabled, visible, renderers, cells, data, ajv, t } = props;
+  const categorization = uischema;
+  const categories = useMemo(
+    () => categorization.elements.filter((category) => isVisible(category, data, void 0, ajv)),
+    [categorization.elements, ajv, data]
+  );
+  const labels = useMemo(
+    () => categorization.elements.map((c) => deriveLabelForUISchemaElement(c, t)).join("|"),
+    [categorization.elements, t]
+  );
+  const childProps = { schema, path, enabled, visible, direction: "column" };
+  if (((_a = uischema.options) == null ? void 0 : _a.variant) === "card" || ((_b = uischema.options) == null ? void 0 : _b.variant) === "cards") {
+    return /* @__PURE__ */ jsx(
+      CategorizationCards,
+      {
+        labels,
+        categorization,
+        categories,
+        renderers,
+        cells,
+        childProps,
+        t,
+        jsonFormsProps: props
+      }
+    );
+  } else if (((_c = uischema.options) == null ? void 0 : _c.variant) === "stepper") {
+    return /* @__PURE__ */ jsx(
+      CategorizationStepper,
+      {
+        labels,
+        categorization,
+        categories,
+        renderers,
+        cells,
+        childProps,
+        t,
+        jsonFormsProps: props,
+        showNavButtons: (_d = uischema.options) == null ? void 0 : _d.showNavButtons
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    CategorizationTabs,
+    {
+      labels,
+      categorization,
+      categories,
+      renderers,
+      cells,
+      childProps,
+      t,
+      jsonFormsProps: props
+    }
+  );
+};
+const MantineCategorizationLayoutTester = rankWith(1, uiTypeIs("Categorization"));
+const MantineCategorizationLayoutRenderer = withAjvProps(
+  withTranslateProps(withJsonFormsLayoutProps(withDebounce(Component)))
+);
+export {
+  MantineCategorizationLayoutRenderer,
+  MantineCategorizationLayoutTester
+};

package/dist/jsonforms/esm/layouts/Categorization/variants/CategorizationCards.mjs

@@ -0,0 +1,86 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { deepMerge } from "fastapi-rtk/utils";
+import { deriveLabelForUISchemaElement } from "@jsonforms/core";
+import { Group, Card } from "@mantine/core";
+import { useState, useMemo, useEffect } from "react";
+import { LayoutPaddingContextProvider } from "../../../Contexts/LayoutPaddingContext.mjs";
+import { useContextProps } from "../../../hooks/useContextProps.mjs";
+import { MantineLayoutRenderer } from "../../../utils/layout.mjs";
+const CategorizationCardsGroup = ({ labels, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Cards.Group`,
+    `Categorization.Cards.Group.[${labels}]`,
+    { children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Group, { ...mergedProps, children: mergedProps.children });
+};
+const CategorizationCardsCard = ({ value, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Cards.Card`,
+    `Categorization.Cards.Card.${value}`,
+    { value, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, shadow: "md", p: "xs", ...mergedProps, children: mergedProps.children });
+};
+const CategorizationCards = ({
+  labels,
+  categorization: _categorization,
+  categories: _categories,
+  renderers,
+  cells,
+  childProps,
+  t,
+  jsonFormsProps
+}) => {
+  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? deriveLabelForUISchemaElement(_categories[0], t) : "");
+  const contextPath = `Categorization.Cards.[${labels}]`;
+  const [, componentProps] = useContextProps(
+    `Categorization.Cards`,
+    contextPath,
+    {
+      categorization: _categorization,
+      categories: _categories,
+      value: _value,
+      onChange: _onChange
+    },
+    jsonFormsProps,
+    false
+  );
+  const { categories, value, onChange, groupProps, cardProps } = componentProps;
+  const categoryLabels = useMemo(
+    () => categories.map((category) => deriveLabelForUISchemaElement(category, t)),
+    [categories, t]
+  );
+  useEffect(() => {
+    if (!categoryLabels.includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? deriveLabelForUISchemaElement(categories[0], t) : "");
+    }
+  }, [categoryLabels]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CategorizationCardsGroup, { labels, jsonFormsProps, ...groupProps, children: categoryLabels.map((label) => /* @__PURE__ */ jsx(
+      CategorizationCardsCard,
+      {
+        value: label,
+        jsonFormsProps,
+        onClick: (e) => {
+          e.stopPropagation();
+          onChange(label);
+        },
+        style: { cursor: "pointer" },
+        ...cardProps,
+        children: label
+      },
+      label
+    )) }),
+    categories.filter((category) => deriveLabelForUISchemaElement(category, t) === value).map((category) => /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) }, deriveLabelForUISchemaElement(category, t)))
+  ] });
+};
+export {
+  CategorizationCards
+};

package/dist/jsonforms/esm/layouts/Categorization/variants/CategorizationStepper.mjs

@@ -0,0 +1,124 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { deepMerge } from "fastapi-rtk/utils";
+import { deriveLabelForUISchemaElement } from "@jsonforms/core";
+import { Stepper, Group, Button } from "@mantine/core";
+import { useState, useMemo, useEffect } from "react";
+import { LayoutPaddingContextProvider } from "../../../Contexts/LayoutPaddingContext.mjs";
+import { useContextProps } from "../../../hooks/useContextProps.mjs";
+import { MantineLayoutRenderer } from "../../../utils/layout.mjs";
+const CategorizationStepperStep = ({ label, description, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Stepper.Step`,
+    `Categorization.Stepper.Step.${label}`,
+    { label, description, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Stepper.Step, { label: mergedProps.label, description: mergedProps.description, ...mergedProps, children: mergedProps.children });
+};
+const CategorizationStepperButton = ({ labels, name, onClick, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Stepper.Button`,
+    `Categorization.Stepper.Button.[${labels}].${name}`,
+    { name, onClick, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Button, { ...mergedProps, children: mergedProps.children });
+};
+const CategorizationStepper = ({
+  labels,
+  categorization: _categorization,
+  categories: _categories,
+  renderers,
+  cells,
+  childProps,
+  t,
+  jsonFormsProps,
+  showNavButtons
+}) => {
+  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? deriveLabelForUISchemaElement(_categories[0], t) : "");
+  const contextPath = `Categorization.Stepper.[${labels}]`;
+  const [, componentProps] = useContextProps(
+    `Categorization.Stepper`,
+    contextPath,
+    {
+      categorization: _categorization,
+      categories: _categories,
+      value: _value,
+      onChange: _onChange
+    },
+    jsonFormsProps,
+    false
+  );
+  const { categories, value, onChange, stepProps, buttonProps, ...rest } = componentProps;
+  const categoryLabels = useMemo(
+    () => categories.map((category) => deriveLabelForUISchemaElement(category, t)),
+    [categories, t]
+  );
+  useEffect(() => {
+    if (!categoryLabels.includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? deriveLabelForUISchemaElement(categories[0], t) : "");
+    }
+  }, [categoryLabels]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Stepper,
+      {
+        active: categoryLabels.indexOf(value),
+        onStepClick: (index) => onChange(categoryLabels[index]),
+        ...rest,
+        children: categories.map((category) => /* @__PURE__ */ jsx(
+          CategorizationStepperStep,
+          {
+            label: deriveLabelForUISchemaElement(category, t),
+            description: category.description,
+            jsonFormsProps,
+            ...stepProps,
+            children: /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
+          },
+          deriveLabelForUISchemaElement(category, t)
+        ))
+      }
+    ),
+    showNavButtons && /* @__PURE__ */ jsxs(Group, { justify: "end", children: [
+      /* @__PURE__ */ jsx(
+        CategorizationStepperButton,
+        {
+          labels,
+          name: "Previous",
+          onClick: () => {
+            const currentIndex = categoryLabels.indexOf(value);
+            if (currentIndex > 0) {
+              onChange(categoryLabels[currentIndex - 1]);
+            }
+          },
+          jsonFormsProps,
+          ...buttonProps,
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CategorizationStepperButton,
+        {
+          labels,
+          name: "Next",
+          onClick: () => {
+            const currentIndex = categoryLabels.indexOf(value);
+            if (currentIndex < categoryLabels.length - 1) {
+              onChange(categoryLabels[currentIndex + 1]);
+            }
+          },
+          jsonFormsProps,
+          ...buttonProps,
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  CategorizationStepper
+};

package/dist/jsonforms/esm/layouts/Categorization/variants/CategorizationTabs.mjs

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { deepMerge } from "fastapi-rtk/utils";
+import { deriveLabelForUISchemaElement } from "@jsonforms/core";
+import { Tabs } from "@mantine/core";
+import { useState, useMemo, useEffect } from "react";
+import { LayoutPaddingContextProvider } from "../../../Contexts/LayoutPaddingContext.mjs";
+import { useContextProps } from "../../../hooks/useContextProps.mjs";
+import { MantineLayoutRenderer } from "../../../utils/layout.mjs";
+const CategorizationTabsList = ({ labels, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Tabs.List`,
+    `Categorization.Tabs.List.[${labels}]`,
+    { labels, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Tabs.List, { ...mergedProps, children: mergedProps.children });
+};
+const CategorizationTabsTab = ({ value, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Tabs.Tab`,
+    `Categorization.Tabs.Tab.${value}`,
+    { value, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Tabs.Tab, { value, ...mergedProps, children: mergedProps == null ? void 0 : mergedProps.children });
+};
+const CategorizationTabsPanel = ({ value, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps(
+    `Categorization.Tabs.Panel`,
+    `Categorization.Tabs.Panel.${value}`,
+    { value, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsx(Tabs.Panel, { value, ...mergedProps, children: mergedProps == null ? void 0 : mergedProps.children });
+};
+const CategorizationTabs = ({
+  labels,
+  categorization: _categorization,
+  categories: _categories,
+  renderers,
+  cells,
+  childProps,
+  t,
+  jsonFormsProps
+}) => {
+  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? deriveLabelForUISchemaElement(_categories[0], t) : "");
+  const contextPath = `Categorization.Tabs.[${labels}]`;
+  const [, componentProps] = useContextProps(
+    `Categorization.Tabs`,
+    contextPath,
+    {
+      categorization: _categorization,
+      categories: _categories,
+      value: _value,
+      onChange: _onChange
+    },
+    jsonFormsProps,
+    false
+  );
+  const { categories, value, onChange, listProps, tabProps, panelProps, ...rest } = componentProps;
+  const categoryLabels = useMemo(
+    () => categories.map((category) => deriveLabelForUISchemaElement(category, t)),
+    [categories, t]
+  );
+  useEffect(() => {
+    if (!categoryLabels.includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? deriveLabelForUISchemaElement(categories[0], t) : "");
+    }
+  }, [categoryLabels]);
+  return /* @__PURE__ */ jsxs(Tabs, { value, onChange, ...rest, children: [
+    /* @__PURE__ */ jsx(CategorizationTabsList, { labels, jsonFormsProps, ...listProps, children: categoryLabels.map((label) => /* @__PURE__ */ jsx(CategorizationTabsTab, { value: label, jsonFormsProps, ...tabProps, children: label }, label)) }),
+    _categories.map((category) => /* @__PURE__ */ jsx(
+      CategorizationTabsPanel,
+      {
+        value: deriveLabelForUISchemaElement(category, t),
+        jsonFormsProps,
+        pt: "xs",
+        ...panelProps,
+        children: /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
+      },
+      deriveLabelForUISchemaElement(category, t)
+    ))
+  ] });
+};
+export {
+  CategorizationTabs
+};

package/dist/jsonforms/esm/renderers/mantineRenderers.mjs

@@ -14,7 +14,7 @@ import { MantineOneOfEnumControl, mantineOneOfEnumControlTester } from "../contr
 import { MantineTextControl, mantineTextControlTester } from "../controls/MantineTextControl.mjs";
 import { MantineTimeControl, mantineTimeControlTester } from "../controls/MantineTimeControl.mjs";
 import { MantineLabelRenderer, MantineLabelTester } from "../labels/MantineLabelRenderer.mjs";
-import { MantineCategorizationLayoutRenderer, MantineCategorizationLayoutTester } from "../layouts/MantineCategorizationLayoutRenderer.mjs";
+import { MantineCategorizationLayoutRenderer, MantineCategorizationLayoutTester } from "../layouts/Categorization/MantineCategorizationLayoutRenderer.mjs";
 import { MantineGroupLayoutRenderer, MantineGroupLayoutTester } from "../layouts/MantineGroupLayoutRenderer.mjs";
 import { MantineHorizontalLayoutRenderer, mantineHorizontalLayoutTester } from "../layouts/MantineHotizontalLayoutRenderer.mjs";
 import { MantineVerticalLayoutRenderer, mantineVerticalLayoutTester } from "../layouts/MantineVerticalLayoutRenderer.mjs";

package/dist/jsonforms/esm/utils/layout.mjs

@@ -3,14 +3,16 @@ import { JsonFormsDispatch } from "@jsonforms/react";
 import { Grid } from "@mantine/core";
 import isEmpty from "../_virtual/isEmpty.mjs";
 import React from "react";
+import { useLayoutPadding, LayoutPaddingContextProvider } from "../Contexts/LayoutPaddingContext.mjs";
 const renderLayoutElements = (elements, schema, path, enabled, direction, renderers, cells) => {
+  const withPadding = useLayoutPadding({ throwOnError: false, defaultValue: false });
   return elements.map((child, index) => /* @__PURE__ */ jsx(
     Grid.Col,
     {
       span: direction === "row" ? 12 / elements.length : 12,
       style: { alignContent: "start" },
-      p: 0,
-      children: /* @__PURE__ */ jsx(
+      p: withPadding && child.elements ? void 0 : 0,
+      children: /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: false, children: /* @__PURE__ */ jsx(
         JsonFormsDispatch,
         {
           uischema: child,
@@ -20,7 +22,7 @@ const renderLayoutElements = (elements, schema, path, enabled, direction, render
           renderers,
           cells
         }
-      )
+      ) })
     },
     `${path}-${index}`
   ));