fastapi-rtk 0.2.41 → 0.2.42

package/dist/.bundled/jsonforms/cjs/packages/jsonforms/src/JsonFormsWithCustomizer/JsonFormsWithCustomizer.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const core = require("fastapi-rtk/core");
 const jsonformsReact_esm = require("../../../../../../../.external/cjs/@jsonforms_react@3.6.0_@jsonforms_core@3.6.0_react@18.3.1/@jsonforms/react/lib/jsonforms-react.esm.cjs");
-const core = require("@mantine/core");
+const core$1 = require("@mantine/core");
 const React = require("react");
 const useThemeCustomizer = require("../hooks/useThemeCustomizer.cjs");
 const mantineCells = require("../renderers/mantineCells.cjs");
@@ -14,10 +15,22 @@ const JsonFormsWithCustomizer = React.memo(function JsonFormsWithCustomizer2({
   onChange,
   customizer,
   debounce = false,
+  translations,
+  createTranslator = (locale, translations2 = {}) => (key, defaultMessage) => {
+    if (!(key in translations2)) {
+      core.FastAPIRTKLogger.warn(`${locale}: Missing translation for key: ${key}`);
+    }
+    return (translations2 == null ? void 0 : translations2[key]) ?? defaultMessage;
+  },
   ...props
 }) {
   const theme = useThemeCustomizer.useThemeCustomizer({ ...customizer, __: { debounce } });
-  return /* @__PURE__ */ jsxRuntime.jsx(core.MantineThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(
+  const { currentLanguage } = core.useLang({ throwOnError: false });
+  const i18n = React.useMemo(
+    () => currentLanguage && translations ? { locale: currentLanguage, translate: createTranslator(currentLanguage, translations == null ? void 0 : translations[currentLanguage]) } : void 0,
+    [createTranslator, currentLanguage, translations]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(core$1.MantineThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(
     jsonformsReact_esm.JsonForms,
     {
       schema,
@@ -26,6 +39,7 @@ const JsonFormsWithCustomizer = React.memo(function JsonFormsWithCustomizer2({
       cells: mantineCells.mantineCells,
       data,
       onChange,
+      i18n,
       ...props
     }
   ) });

package/dist/.bundled/jsonforms/cjs/packages/jsonforms/src/hooks/useDateProps.cjs

@@ -1,7 +1,7 @@
 "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, { value, toggle, onChange }) {

package/dist/.bundled/jsonforms/cjs/packages/jsonforms/src/layouts/Categorization/MantineCategorizationLayoutRenderer.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const jsonformsCore_esm = require("../../../../../../../../.external/cjs/@jsonforms_core@3.6.0/@jsonforms/core/lib/jsonforms-core.esm.cjs");
 const jsonformsReact_esm = require("../../../../../../../../.external/cjs/@jsonforms_react@3.6.0_@jsonforms_core@3.6.0_react@18.3.1/@jsonforms/react/lib/jsonforms-react.esm.cjs");
 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");
@@ -18,8 +19,8 @@ const Component = (props) => {
     [categorization.elements, ajv, data]
   );
   const labels = React.useMemo(
-    () => categorization.elements.map((c) => jsonformsCore_esm.deriveLabelForUISchemaElement(c, t)).join("|"),
-    [categorization.elements, t]
+    () => 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") {

package/dist/.bundled/jsonforms/cjs/packages/jsonforms/src/layouts/Categorization/variants/CategorizationCards.cjs

@@ -7,6 +7,7 @@ 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(
@@ -28,7 +29,7 @@ const CategorizationCardsCard = ({ value, jsonFormsProps, children, ...props })
     false
   );
   const mergedProps = React.useMemo(() => utils.deepMerge(props, _props), [props, _props]);
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Card, { withBorder: true, shadow: "md", p: "xs", ...mergedProps, children: mergedProps.children });
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Card, { withBorder: true, shadow: "md", p: "xs", radius: "sm", ...mergedProps, children: mergedProps.children });
 };
 const CategorizationCards = ({
   labels,
@@ -40,7 +41,8 @@ const CategorizationCards = ({
   t,
   jsonFormsProps
 }) => {
-  const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? jsonformsCore_esm.deriveLabelForUISchemaElement(_categories[0], t) : "");
+  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`,
@@ -56,31 +58,37 @@ const CategorizationCards = ({
   );
   const { categories, value, onChange, groupProps, cardProps } = componentProps;
   const categoryLabels = React.useMemo(
-    () => categories.map((category) => jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)),
+    () => categories.map((category) => ({
+      value: getAbsoluteValue.getAbsoluteLabel(category),
+      label: jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)
+    })),
     [categories, t]
   );
   React.useEffect(() => {
-    if (!categoryLabels.includes(value)) {
-      onChange((categories == null ? void 0 : categories[0]) ? jsonformsCore_esm.deriveLabelForUISchemaElement(categories[0], t) : "");
+    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((label) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(CategorizationCardsGroup, { labels, jsonFormsProps, ...groupProps, children: categoryLabels.map((cl) => /* @__PURE__ */ jsxRuntime.jsx(
       CategorizationCardsCard,
       {
-        value: label,
+        value: cl.value,
         jsonFormsProps,
         onClick: (e) => {
           e.stopPropagation();
-          onChange(label);
+          onChange(cl.value);
+        },
+        style: {
+          cursor: "pointer",
+          border: cl.value === value ? `2px solid ${theme.colors[theme.primaryColor][6]}` : void 0
         },
-        style: { cursor: "pointer" },
         ...cardProps,
-        children: label
+        children: cl.label
       },
-      label
+      cl.value
     )) }),
-    categories.filter((category) => jsonformsCore_esm.deriveLabelForUISchemaElement(category, t) === value).map((category) => /* @__PURE__ */ jsxRuntime.jsx(LayoutPaddingContext.LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(layout.MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) }, jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)))
+    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/.bundled/jsonforms/cjs/packages/jsonforms/src/layouts/Categorization/variants/CategorizationStepper.cjs

@@ -7,6 +7,7 @@ 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 CategorizationStepperStep = ({ label, description, jsonFormsProps, children, ...props }) => {
   const [, _props] = useContextProps.useContextProps(
@@ -41,7 +42,7 @@ const CategorizationStepper = ({
   jsonFormsProps,
   showNavButtons
 }) => {
-  const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? jsonformsCore_esm.deriveLabelForUISchemaElement(_categories[0], t) : "");
+  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`,
@@ -57,31 +58,34 @@ const CategorizationStepper = ({
   );
   const { categories, value, onChange, stepProps, buttonProps, ...rest } = componentProps;
   const categoryLabels = React.useMemo(
-    () => categories.map((category) => jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)),
+    () => categories.map((category) => ({
+      value: getAbsoluteValue.getAbsoluteLabel(category),
+      label: jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)
+    })),
     [categories, t]
   );
   React.useEffect(() => {
-    if (!categoryLabels.includes(value)) {
-      onChange((categories == null ? void 0 : categories[0]) ? jsonformsCore_esm.deriveLabelForUISchemaElement(categories[0], t) : "");
+    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.Stepper,
       {
-        active: categoryLabels.indexOf(value),
-        onStepClick: (index) => onChange(categoryLabels[index]),
+        active: categoryLabels.findIndex((cl) => cl.value === value),
+        onStepClick: (index) => onChange(categoryLabels[index].value),
         ...rest,
         children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
           CategorizationStepperStep,
           {
-            label: jsonformsCore_esm.deriveLabelForUISchemaElement(category, t),
+            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 }) })
           },
-          jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)
+          getAbsoluteValue.getAbsoluteLabel(category)
         ))
       }
     ),
@@ -92,9 +96,9 @@ const CategorizationStepper = ({
           labels,
           name: "Previous",
           onClick: () => {
-            const currentIndex = categoryLabels.indexOf(value);
+            const currentIndex = categoryLabels.findIndex((cl) => cl.value === value);
             if (currentIndex > 0) {
-              onChange(categoryLabels[currentIndex - 1]);
+              onChange(categoryLabels[currentIndex - 1].value);
             }
           },
           jsonFormsProps,
@@ -108,9 +112,9 @@ const CategorizationStepper = ({
           labels,
           name: "Next",
           onClick: () => {
-            const currentIndex = categoryLabels.indexOf(value);
+            const currentIndex = categoryLabels.findIndex((cl) => cl.value === value);
             if (currentIndex < categoryLabels.length - 1) {
-              onChange(categoryLabels[currentIndex + 1]);
+              onChange(categoryLabels[currentIndex + 1].value);
             }
           },
           jsonFormsProps,

package/dist/.bundled/jsonforms/cjs/packages/jsonforms/src/layouts/Categorization/variants/CategorizationTabs.cjs

@@ -7,6 +7,7 @@ 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 CategorizationTabsList = ({ labels, jsonFormsProps, children, ...props }) => {
   const [, _props] = useContextProps.useContextProps(
@@ -51,7 +52,7 @@ const CategorizationTabs = ({
   t,
   jsonFormsProps
 }) => {
-  const [_value, _onChange] = React.useState((_categories == null ? void 0 : _categories[0]) ? jsonformsCore_esm.deriveLabelForUISchemaElement(_categories[0], t) : "");
+  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`,
@@ -67,26 +68,38 @@ const CategorizationTabs = ({
   );
   const { categories, value, onChange, listProps, tabProps, panelProps, ...rest } = componentProps;
   const categoryLabels = React.useMemo(
-    () => categories.map((category) => jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)),
+    () => categories.map((category) => ({
+      value: getAbsoluteValue.getAbsoluteLabel(category),
+      label: jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)
+    })),
     [categories, t]
   );
   React.useEffect(() => {
-    if (!categoryLabels.includes(value)) {
-      onChange((categories == null ? void 0 : categories[0]) ? jsonformsCore_esm.deriveLabelForUISchemaElement(categories[0], t) : "");
+    if (!categoryLabels.map((c) => c.value).includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? categories[0].value : "");
     }
   }, [categoryLabels]);
   return /* @__PURE__ */ jsxRuntime.jsxs(core.Tabs, { value, onChange, ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CategorizationTabsList, { labels, jsonFormsProps, ...listProps, children: categoryLabels.map((label) => /* @__PURE__ */ jsxRuntime.jsx(CategorizationTabsTab, { value: label, jsonFormsProps, ...tabProps, children: label }, label)) }),
+    /* @__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: jsonformsCore_esm.deriveLabelForUISchemaElement(category, t),
+        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 }) })
       },
-      jsonformsCore_esm.deriveLabelForUISchemaElement(category, t)
+      getAbsoluteValue.getAbsoluteLabel(category)
     ))
   ] });
 };

package/dist/.bundled/jsonforms/cjs/packages/jsonforms/src/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/.bundled/jsonforms/esm/packages/jsonforms/src/JsonFormsWithCustomizer/JsonFormsWithCustomizer.mjs

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { useLang, FastAPIRTKLogger } from "fastapi-rtk/core";
 import { JsonForms } from "../../../../../../../.external/esm/@jsonforms_react@3.6.0_@jsonforms_core@3.6.0_react@18.3.1/@jsonforms/react/lib/jsonforms-react.esm.mjs";
 import { MantineThemeProvider } from "@mantine/core";
-import { memo } from "react";
+import { memo, useMemo } from "react";
 import { useThemeCustomizer } from "../hooks/useThemeCustomizer.mjs";
 import { mantineCells } from "../renderers/mantineCells.mjs";
 import { mantineRenderers } from "../renderers/mantineRenderers.mjs";
@@ -12,9 +13,21 @@ const JsonFormsWithCustomizer = memo(function JsonFormsWithCustomizer2({
   onChange,
   customizer,
   debounce = false,
+  translations,
+  createTranslator = (locale, translations2 = {}) => (key, defaultMessage) => {
+    if (!(key in translations2)) {
+      FastAPIRTKLogger.warn(`${locale}: Missing translation for key: ${key}`);
+    }
+    return (translations2 == null ? void 0 : translations2[key]) ?? defaultMessage;
+  },
   ...props
 }) {
   const theme = useThemeCustomizer({ ...customizer, __: { debounce } });
+  const { currentLanguage } = useLang({ throwOnError: false });
+  const i18n = useMemo(
+    () => currentLanguage && translations ? { locale: currentLanguage, translate: createTranslator(currentLanguage, translations == null ? void 0 : translations[currentLanguage]) } : void 0,
+    [createTranslator, currentLanguage, translations]
+  );
   return /* @__PURE__ */ jsx(MantineThemeProvider, { theme, children: /* @__PURE__ */ jsx(
     JsonForms,
     {
@@ -24,6 +37,7 @@ const JsonFormsWithCustomizer = memo(function JsonFormsWithCustomizer2({
       cells: mantineCells,
       data,
       onChange,
+      i18n,
       ...props
     }
   ) });

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/hooks/useDateProps.mjs

@@ -1,5 +1,5 @@
 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 { Icon } from "../../../../../../../.external/esm/@iconify_react@6.0.2_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, { value, toggle, onChange }) {

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/Categorization/MantineCategorizationLayoutRenderer.mjs

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { rankWith, uiTypeIs, isVisible, deriveLabelForUISchemaElement } from "../../../../../../../../.external/esm/@jsonforms_core@3.6.0/@jsonforms/core/lib/jsonforms-core.esm.mjs";
+import { rankWith, uiTypeIs, isVisible } from "../../../../../../../../.external/esm/@jsonforms_core@3.6.0/@jsonforms/core/lib/jsonforms-core.esm.mjs";
 import { withTranslateProps, withJsonFormsLayoutProps } from "../../../../../../../../.external/esm/@jsonforms_react@3.6.0_@jsonforms_core@3.6.0_react@18.3.1/@jsonforms/react/lib/jsonforms-react.esm.mjs";
 import { useMemo } from "react";
+import { getAbsoluteLabel } from "../../utils/getAbsoluteValue.mjs";
 import { withAjvProps } from "../../utils/withAjvProps.mjs";
 import { withDebounce } from "../../utils/withDebounce.mjs";
 import { CategorizationCards } from "./variants/CategorizationCards.mjs";
@@ -16,8 +17,8 @@ const Component = (props) => {
     [categorization.elements, ajv, data]
   );
   const labels = useMemo(
-    () => categorization.elements.map((c) => deriveLabelForUISchemaElement(c, t)).join("|"),
-    [categorization.elements, t]
+    () => categorization.elements.map((c) => 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") {

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/Categorization/variants/CategorizationCards.mjs

@@ -1,10 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { deepMerge } from "fastapi-rtk/utils";
 import { deriveLabelForUISchemaElement } from "../../../../../../../../../.external/esm/@jsonforms_core@3.6.0/@jsonforms/core/lib/jsonforms-core.esm.mjs";
-import { Group, Card } from "@mantine/core";
+import { useMantineTheme, Group, Card } from "@mantine/core";
 import { useState, useMemo, useEffect } from "react";
 import { LayoutPaddingContextProvider } from "../../../Contexts/LayoutPaddingContext.mjs";
 import { useContextProps } from "../../../hooks/useContextProps.mjs";
+import { getAbsoluteLabel } from "../../../utils/getAbsoluteValue.mjs";
 import { MantineLayoutRenderer } from "../../../utils/layout.mjs";
 const CategorizationCardsGroup = ({ labels, jsonFormsProps, children, ...props }) => {
   const [, _props] = useContextProps(
@@ -26,7 +27,7 @@ const CategorizationCardsCard = ({ value, jsonFormsProps, children, ...props })
     false
   );
   const mergedProps = useMemo(() => deepMerge(props, _props), [props, _props]);
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, shadow: "md", p: "xs", ...mergedProps, children: mergedProps.children });
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, shadow: "md", p: "xs", radius: "sm", ...mergedProps, children: mergedProps.children });
 };
 const CategorizationCards = ({
   labels,
@@ -38,7 +39,8 @@ const CategorizationCards = ({
   t,
   jsonFormsProps
 }) => {
-  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? deriveLabelForUISchemaElement(_categories[0], t) : "");
+  const theme = useMantineTheme();
+  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteLabel(_categories[0]) : "");
   const contextPath = `Categorization.Cards.[${labels}]`;
   const [, componentProps] = useContextProps(
     `Categorization.Cards`,
@@ -54,31 +56,37 @@ const CategorizationCards = ({
   );
   const { categories, value, onChange, groupProps, cardProps } = componentProps;
   const categoryLabels = useMemo(
-    () => categories.map((category) => deriveLabelForUISchemaElement(category, t)),
+    () => categories.map((category) => ({
+      value: getAbsoluteLabel(category),
+      label: deriveLabelForUISchemaElement(category, t)
+    })),
     [categories, t]
   );
   useEffect(() => {
-    if (!categoryLabels.includes(value)) {
-      onChange((categories == null ? void 0 : categories[0]) ? deriveLabelForUISchemaElement(categories[0], t) : "");
+    if (!categoryLabels.map((c) => c.value).includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? categories[0].value : "");
     }
   }, [categoryLabels]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(CategorizationCardsGroup, { labels, jsonFormsProps, ...groupProps, children: categoryLabels.map((label) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(CategorizationCardsGroup, { labels, jsonFormsProps, ...groupProps, children: categoryLabels.map((cl) => /* @__PURE__ */ jsx(
       CategorizationCardsCard,
       {
-        value: label,
+        value: cl.value,
         jsonFormsProps,
         onClick: (e) => {
           e.stopPropagation();
-          onChange(label);
+          onChange(cl.value);
+        },
+        style: {
+          cursor: "pointer",
+          border: cl.value === value ? `2px solid ${theme.colors[theme.primaryColor][6]}` : void 0
         },
-        style: { cursor: "pointer" },
         ...cardProps,
-        children: label
+        children: cl.label
       },
-      label
+      cl.value
     )) }),
-    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)))
+    categories.filter((category) => getAbsoluteLabel(category) === value).map((category) => /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) }, getAbsoluteLabel(category)))
   ] });
 };
 export {

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/Categorization/variants/CategorizationStepper.mjs

@@ -5,6 +5,7 @@ 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 { getAbsoluteLabel } from "../../../utils/getAbsoluteValue.mjs";
 import { MantineLayoutRenderer } from "../../../utils/layout.mjs";
 const CategorizationStepperStep = ({ label, description, jsonFormsProps, children, ...props }) => {
   const [, _props] = useContextProps(
@@ -39,7 +40,7 @@ const CategorizationStepper = ({
   jsonFormsProps,
   showNavButtons
 }) => {
-  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? deriveLabelForUISchemaElement(_categories[0], t) : "");
+  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteLabel(_categories[0]) : "");
   const contextPath = `Categorization.Stepper.[${labels}]`;
   const [, componentProps] = useContextProps(
     `Categorization.Stepper`,
@@ -55,31 +56,34 @@ const CategorizationStepper = ({
   );
   const { categories, value, onChange, stepProps, buttonProps, ...rest } = componentProps;
   const categoryLabels = useMemo(
-    () => categories.map((category) => deriveLabelForUISchemaElement(category, t)),
+    () => categories.map((category) => ({
+      value: getAbsoluteLabel(category),
+      label: deriveLabelForUISchemaElement(category, t)
+    })),
     [categories, t]
   );
   useEffect(() => {
-    if (!categoryLabels.includes(value)) {
-      onChange((categories == null ? void 0 : categories[0]) ? deriveLabelForUISchemaElement(categories[0], t) : "");
+    if (!categoryLabels.map((c) => c.value).includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? categories[0].value : "");
     }
   }, [categoryLabels]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Stepper,
       {
-        active: categoryLabels.indexOf(value),
-        onStepClick: (index) => onChange(categoryLabels[index]),
+        active: categoryLabels.findIndex((cl) => cl.value === value),
+        onStepClick: (index) => onChange(categoryLabels[index].value),
         ...rest,
         children: categories.map((category) => /* @__PURE__ */ jsx(
           CategorizationStepperStep,
           {
-            label: deriveLabelForUISchemaElement(category, t),
+            label: getAbsoluteLabel(category),
             description: category.description,
             jsonFormsProps,
             ...stepProps,
             children: /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
           },
-          deriveLabelForUISchemaElement(category, t)
+          getAbsoluteLabel(category)
         ))
       }
     ),
@@ -90,9 +94,9 @@ const CategorizationStepper = ({
           labels,
           name: "Previous",
           onClick: () => {
-            const currentIndex = categoryLabels.indexOf(value);
+            const currentIndex = categoryLabels.findIndex((cl) => cl.value === value);
             if (currentIndex > 0) {
-              onChange(categoryLabels[currentIndex - 1]);
+              onChange(categoryLabels[currentIndex - 1].value);
             }
           },
           jsonFormsProps,
@@ -106,9 +110,9 @@ const CategorizationStepper = ({
           labels,
           name: "Next",
           onClick: () => {
-            const currentIndex = categoryLabels.indexOf(value);
+            const currentIndex = categoryLabels.findIndex((cl) => cl.value === value);
             if (currentIndex < categoryLabels.length - 1) {
-              onChange(categoryLabels[currentIndex + 1]);
+              onChange(categoryLabels[currentIndex + 1].value);
             }
           },
           jsonFormsProps,

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/layouts/Categorization/variants/CategorizationTabs.mjs

@@ -5,6 +5,7 @@ import { Tabs } from "@mantine/core";
 import { useState, useMemo, useEffect } from "react";
 import { LayoutPaddingContextProvider } from "../../../Contexts/LayoutPaddingContext.mjs";
 import { useContextProps } from "../../../hooks/useContextProps.mjs";
+import { getAbsoluteLabel } from "../../../utils/getAbsoluteValue.mjs";
 import { MantineLayoutRenderer } from "../../../utils/layout.mjs";
 const CategorizationTabsList = ({ labels, jsonFormsProps, children, ...props }) => {
   const [, _props] = useContextProps(
@@ -49,7 +50,7 @@ const CategorizationTabs = ({
   t,
   jsonFormsProps
 }) => {
-  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? deriveLabelForUISchemaElement(_categories[0], t) : "");
+  const [_value, _onChange] = useState((_categories == null ? void 0 : _categories[0]) ? getAbsoluteLabel(_categories[0]) : "");
   const contextPath = `Categorization.Tabs.[${labels}]`;
   const [, componentProps] = useContextProps(
     `Categorization.Tabs`,
@@ -65,26 +66,38 @@ const CategorizationTabs = ({
   );
   const { categories, value, onChange, listProps, tabProps, panelProps, ...rest } = componentProps;
   const categoryLabels = useMemo(
-    () => categories.map((category) => deriveLabelForUISchemaElement(category, t)),
+    () => categories.map((category) => ({
+      value: getAbsoluteLabel(category),
+      label: deriveLabelForUISchemaElement(category, t)
+    })),
     [categories, t]
   );
   useEffect(() => {
-    if (!categoryLabels.includes(value)) {
-      onChange((categories == null ? void 0 : categories[0]) ? deriveLabelForUISchemaElement(categories[0], t) : "");
+    if (!categoryLabels.map((c) => c.value).includes(value)) {
+      onChange((categories == null ? void 0 : categories[0]) ? categories[0].value : "");
     }
   }, [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)) }),
+    /* @__PURE__ */ jsx(CategorizationTabsList, { labels, jsonFormsProps, ...listProps, children: categoryLabels.map((category) => /* @__PURE__ */ jsx(
+      CategorizationTabsTab,
+      {
+        value: category.value,
+        jsonFormsProps,
+        ...tabProps,
+        children: category.label
+      },
+      category.value
+    )) }),
     _categories.map((category) => /* @__PURE__ */ jsx(
       CategorizationTabsPanel,
       {
-        value: deriveLabelForUISchemaElement(category, t),
+        value: getAbsoluteLabel(category),
         jsonFormsProps,
         pt: "xs",
         ...panelProps,
         children: /* @__PURE__ */ jsx(LayoutPaddingContextProvider, { value: true, children: /* @__PURE__ */ jsx(MantineLayoutRenderer, { ...childProps, elements: category.elements, renderers, cells }) })
       },
-      deriveLabelForUISchemaElement(category, t)
+      getAbsoluteLabel(category)
     ))
   ] });
 };

package/dist/.bundled/jsonforms/esm/packages/jsonforms/src/utils/getAbsoluteValue.mjs

@@ -0,0 +1,4 @@
+const getAbsoluteLabel = (element) => element.label ?? element.i18n;
+export {
+  getAbsoluteLabel
+};