fastapi-rtk 0.2.40 → 0.2.42

package/dist/jsonforms/cjs/hooks/useCommonProps.cjs

@@ -1,10 +1,14 @@
 "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 hooks = require("@mantine/hooks");
+const React = require("react");
 const isSchemaTypeInclude = require("../utils/isSchemaTypeInclude.cjs");
 function useCommonProps(props = {}) {
   const __ = core.useProps("__", {}, {});
+  const [value, setValue] = React.useState(props.data);
   let valueIfNull = null;
   if (!isSchemaTypeInclude.isSchemaTypeInclude(props.schema.type, "null")) {
     if (isSchemaTypeInclude.isSchemaTypeInclude(props.schema.type, "array")) {
@@ -15,13 +19,28 @@ function useCommonProps(props = {}) {
       valueIfNull = "";
     }
   }
+  const debouncedCallback = hooks.useDebouncedCallback((value2) => props.handleChange(props.path, value2), {
+    delay: core$1.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);
+  };
+  React.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__ */ jsxRuntime.jsx("span", { style: { display: "block" }, children: error }, error)) : void 0
   };
 }

package/dist/jsonforms/cjs/hooks/useDateProps.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const iconify = require("../../../.external/cjs/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.cjs");
+const iconify = require("../../../.external/cjs/@iconify_react@6.0.2_react@18.3.1/@iconify/react/dist/iconify.cjs");
 const core = require("@mantine/core");
 const utcConverter = require("../utils/utcConverter.cjs");
-function useDateProps(type, isUTC, { data, toggle, onChange }) {
+function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = core.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 ? utcConverter.convertUTCStringToLocalString(data) : data : null;
-    props.onChange = (data2) => onChange(data2 ? isUTC ? utcConverter.convertLocalStringToUTCString(data2) : data2 : void 0);
+    props.value = value ? isUTC ? utcConverter.convertUTCStringToLocalString(value) : value : null;
+    props.onChange = (value2) => onChange(value2 ? isUTC ? utcConverter.convertLocalStringToUTCString(value2) : value2 : void 0);
     props.placeholder = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
     props.rightSection = /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { gap: "0.25rem", wrap: "nowrap", children: [
       /* @__PURE__ */ jsxRuntime.jsx(

package/dist/jsonforms/cjs/hooks/useFileProps.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("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/cjs/hooks/useJsonProps.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-function useJsonProps({ data, onChange }) {
-  const [value, setValue] = React.useState("");
+function useJsonProps({ value, onChange }) {
+  const [inputValue, setInputValue] = React.useState("");
   const stringifiedData = React.useMemo(
-    () => data ? typeof data === "object" ? JSON.stringify(data, null, 2) : data : "",
-    [data]
+    () => value ? typeof value === "object" ? JSON.stringify(value, null, 2) : value : "",
+    [value]
   );
   React.useEffect(() => {
-    setValue(stringifiedData);
+    setInputValue(stringifiedData);
   }, [stringifiedData]);
   return {
     autosize: true,
@@ -16,19 +16,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
   };
 }
 exports.useJsonProps = useJsonProps;

package/dist/jsonforms/cjs/hooks/useMultiSelectProps.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useSelectProps = require("./useSelectProps.cjs");
-function useMultiSelectProps(data, schema, { onChange }) {
-  const props = useSelectProps.useSelectProps(data, schema);
+function useMultiSelectProps(value, schema, { onChange }) {
+  const props = useSelectProps.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)
   };
 }
 exports.useMultiSelectProps = useMultiSelectProps;

package/dist/jsonforms/cjs/hooks/useNumberProps.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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)
   };
 }
 exports.useNumberProps = useNumberProps;

package/dist/jsonforms/cjs/hooks/useSelectProps.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-function useSelectProps(data, schema) {
+function useSelectProps(value, schema) {
   const options = React.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 };
 }
 exports.useSelectProps = useSelectProps;

package/dist/jsonforms/cjs/hooks/useTextProps.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function useTextProps({ data, onChange }) {
+function useTextProps({ value, onChange }) {
   return {
-    value: data || "",
+    value: value || "",
     onChange: (event) => onChange(event.target.value || void 0)
   };
 }

package/dist/jsonforms/cjs/hooks/useTimeProps.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function useTimeProps({ data }) {
-  return { value: data || "" };
+function useTimeProps({ value }) {
+  return { value: value || "" };
 }
 exports.useTimeProps = useTimeProps;

package/dist/jsonforms/cjs/index.cjs

@@ -23,6 +23,7 @@ const isJsonArrayControl = require("./testers/isJsonArrayControl.cjs");
 const isJsonControl = require("./testers/isJsonControl.cjs");
 const isSchemaTypeInclude = require("./utils/isSchemaTypeInclude.cjs");
 const utcConverter = require("./utils/utcConverter.cjs");
+const withAjvProps = require("./utils/withAjvProps.cjs");
 exports.JsonFormsWithCustomizer = JsonFormsWithCustomizer.JsonFormsWithCustomizer;
 exports.mantineCells = mantineCells.mantineCells;
 exports.mantineRenderers = mantineRenderers.mantineRenderers;
@@ -47,3 +48,4 @@ exports.isJsonControl = isJsonControl.isJsonControl;
 exports.isSchemaTypeInclude = isSchemaTypeInclude.isSchemaTypeInclude;
 exports.convertLocalStringToUTCString = utcConverter.convertLocalStringToUTCString;
 exports.convertUTCStringToLocalString = utcConverter.convertUTCStringToLocalString;
+exports.withAjvProps = withAjvProps.withAjvProps;

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

@@ -0,0 +1,75 @@
+"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 React = require("react");
+const getAbsoluteValue = require("../../utils/getAbsoluteValue.cjs");
+const withAjvProps = require("../../utils/withAjvProps.cjs");
+const withDebounce = require("../../utils/withDebounce.cjs");
+const CategorizationCards = require("./variants/CategorizationCards.cjs");
+const CategorizationStepper = require("./variants/CategorizationStepper.cjs");
+const CategorizationTabs = require("./variants/CategorizationTabs.cjs");
+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 = React.useMemo(
+    () => categorization.elements.filter((category) => core.isVisible(category, data, void 0, ajv)),
+    [categorization.elements, ajv, data]
+  );
+  const labels = React.useMemo(
+    () => categorization.elements.map((c) => getAbsoluteValue.getAbsoluteLabel(c)).join("|"),
+    [categorization.elements]
+  );
+  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__ */ jsxRuntime.jsx(
+      CategorizationCards.CategorizationCards,
+      {
+        labels,
+        categorization,
+        categories,
+        renderers,
+        cells,
+        childProps,
+        t,
+        jsonFormsProps: props
+      }
+    );
+  } else if (((_c = uischema.options) == null ? void 0 : _c.variant) === "stepper") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CategorizationStepper.CategorizationStepper,
+      {
+        labels,
+        categorization,
+        categories,
+        renderers,
+        cells,
+        childProps,
+        t,
+        jsonFormsProps: props,
+        showNavButtons: (_d = uischema.options) == null ? void 0 : _d.showNavButtons
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CategorizationTabs.CategorizationTabs,
+    {
+      labels,
+      categorization,
+      categories,
+      renderers,
+      cells,
+      childProps,
+      t,
+      jsonFormsProps: props
+    }
+  );
+};
+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;

package/dist/jsonforms/cjs/layouts/Categorization/variants/CategorizationCards.cjs

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
+const core$1 = require("@jsonforms/core");
+const core = require("@mantine/core");
+const React = require("react");
+const LayoutPaddingContext = require("../../../Contexts/LayoutPaddingContext.cjs");
+const useContextProps = require("../../../hooks/useContextProps.cjs");
+const getAbsoluteValue = require("../../../utils/getAbsoluteValue.cjs");
+const layout = require("../../../utils/layout.cjs");
+const CategorizationCardsGroup = ({ labels, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps.useContextProps(
+    `Categorization.Cards.Group`,
+    `Categorization.Cards.Group.[${labels}]`,
+    { children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Group, { ...mergedProps, children: mergedProps.children });
+};
+const CategorizationCardsCard = ({ value, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps.useContextProps(
+    `Categorization.Cards.Card`,
+    `Categorization.Cards.Card.${value}`,
+    { value, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Card, { withBorder: true, shadow: "md", p: "xs", radius: "sm", ...mergedProps, children: mergedProps.children });
+};
+const CategorizationCards = ({
+  labels,
+  categorization: _categorization,
+  categories: _categories,
+  renderers,
+  cells,
+  childProps,
+  t,
+  jsonFormsProps
+}) => {
+  const theme = core.useMantineTheme();
+  const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteValue.getAbsoluteLabel(_categories[0]) : "");
+  const contextPath = `Categorization.Cards.[${labels}]`;
+  const [, componentProps] = useContextProps.useContextProps(
+    `Categorization.Cards`,
+    contextPath,
+    {
+      categorization: _categorization,
+      categories: _categories,
+      value: _value,
+      onChange: _onChange
+    },
+    jsonFormsProps,
+    false
+  );
+  const { categories, value, onChange, groupProps, cardProps } = componentProps;
+  const categoryLabels = React.useMemo(
+    () => categories.map((category) => ({
+      value: getAbsoluteValue.getAbsoluteLabel(category),
+      label: core$1.deriveLabelForUISchemaElement(category, t)
+    })),
+    [categories, t]
+  );
+  React.useEffect(() => {
+    if (!categoryLabels.map((c) => c.value).includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? categories[0].value : "");
+    }
+  }, [categoryLabels]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CategorizationCardsGroup, { labels, jsonFormsProps, ...groupProps, children: categoryLabels.map((cl) => /* @__PURE__ */ jsxRuntime.jsx(
+      CategorizationCardsCard,
+      {
+        value: cl.value,
+        jsonFormsProps,
+        onClick: (e) => {
+          e.stopPropagation();
+          onChange(cl.value);
+        },
+        style: {
+          cursor: "pointer",
+          border: cl.value === value ? `2px solid ${theme.colors[theme.primaryColor][6]}` : void 0
+        },
+        ...cardProps,
+        children: cl.label
+      },
+      cl.value
+    )) }),
+    categories.filter((category) => getAbsoluteValue.getAbsoluteLabel(category) === value).map((category) => /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) }, getAbsoluteValue.getAbsoluteLabel(category)))
+  ] });
+};
+exports.CategorizationCards = CategorizationCards;

package/dist/jsonforms/cjs/layouts/Categorization/variants/CategorizationStepper.cjs

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

package/dist/jsonforms/cjs/layouts/Categorization/variants/CategorizationTabs.cjs

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
+const core = require("@jsonforms/core");
+const core$1 = require("@mantine/core");
+const React = require("react");
+const LayoutPaddingContext = require("../../../Contexts/LayoutPaddingContext.cjs");
+const useContextProps = require("../../../hooks/useContextProps.cjs");
+const getAbsoluteValue = require("../../../utils/getAbsoluteValue.cjs");
+const layout = require("../../../utils/layout.cjs");
+const CategorizationTabsList = ({ labels, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps.useContextProps(
+    `Categorization.Tabs.List`,
+    `Categorization.Tabs.List.[${labels}]`,
+    { labels, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Tabs.List, { ...mergedProps, children: mergedProps.children });
+};
+const CategorizationTabsTab = ({ value, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps.useContextProps(
+    `Categorization.Tabs.Tab`,
+    `Categorization.Tabs.Tab.${value}`,
+    { value, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.Tabs.Tab, { value, ...mergedProps, children: mergedProps == null ? void 0 : mergedProps.children });
+};
+const CategorizationTabsPanel = ({ value, jsonFormsProps, children, ...props }) => {
+  const [, _props] = useContextProps.useContextProps(
+    `Categorization.Tabs.Panel`,
+    `Categorization.Tabs.Panel.${value}`,
+    { value, children },
+    jsonFormsProps,
+    false
+  );
+  const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.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] = React.useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteValue.getAbsoluteLabel(_categories[0]) : "");
+  const contextPath = `Categorization.Tabs.[${labels}]`;
+  const [, componentProps] = useContextProps.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 = React.useMemo(
+    () => categories.map((category) => ({
+      value: getAbsoluteValue.getAbsoluteLabel(category),
+      label: core.deriveLabelForUISchemaElement(category, t)
+    })),
+    [categories, t]
+  );
+  React.useEffect(() => {
+    if (!categoryLabels.map((c) => c.value).includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? categories[0].value : "");
+    }
+  }, [categoryLabels]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Tabs, { value, onChange, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CategorizationTabsList, { labels, jsonFormsProps, ...listProps, children: categoryLabels.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+      CategorizationTabsTab,
+      {
+        value: category.value,
+        jsonFormsProps,
+        ...tabProps,
+        children: category.label
+      },
+      category.value
+    )) }),
+    _categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+      CategorizationTabsPanel,
+      {
+        value: getAbsoluteValue.getAbsoluteLabel(category),
+        jsonFormsProps,
+        pt: "xs",
+        ...panelProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
+      },
+      getAbsoluteValue.getAbsoluteLabel(category)
+    ))
+  ] });
+};
+exports.CategorizationTabs = CategorizationTabs;

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

@@ -16,7 +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 MantineCategorizationLayoutRenderer = require("../layouts/MantineCategorizationLayoutRenderer.cjs");
+const MantineCategorizationLayoutRenderer = require("../layouts/Categorization/MantineCategorizationLayoutRenderer.cjs");
 const MantineGroupLayoutRenderer = require("../layouts/MantineGroupLayoutRenderer.cjs");
 const MantineHotizontalLayoutRenderer = require("../layouts/MantineHotizontalLayoutRenderer.cjs");
 const MantineVerticalLayoutRenderer = require("../layouts/MantineVerticalLayoutRenderer.cjs");

package/dist/jsonforms/cjs/utils/getAbsoluteValue.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getAbsoluteLabel = (element) => element.label ?? element.i18n;
+exports.getAbsoluteLabel = getAbsoluteLabel;

package/dist/jsonforms/cjs/utils/layout.cjs

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