fastapi-rtk 1.0.52 → 1.1.0

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

@@ -3,8 +3,8 @@ 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@19.2.4/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
-const IconExclamationCircle = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.cjs");
+const exclamationCircle = require("../_virtual/exclamation-circle.cjs");
+const plus = require("../_virtual/plus.cjs");
 const ValidationIcon = ({ id, error }) => {
   const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -23,7 +23,7 @@ const ValidationIcon = ({ id, error }) => {
           label: errorMessageList.length,
           disabled: !error,
           style: { visibility: error ? "visible" : "hidden" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(IconExclamationCircle, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(exclamationCircle, {})
         }
       )
     }
@@ -72,7 +72,7 @@ const useToolbarComponent = ({ componentName, componentIdentifier, onAdd, ...pro
   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;
+  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsxRuntime.jsx(plus, {}) }) : ComponentAdd;
   return [
     // eslint-disable-next-line react/jsx-key
     /* @__PURE__ */ jsxRuntime.jsxs(core.Input.Wrapper, { children: [

package/dist/jsonforms/esm/_virtual/arrow-down.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerArrowDown = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-arrow-down ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m6-6l-6 6m-6-6l6 6" })
+] });
+const ForwardRef = forwardRef(tablerArrowDown);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/arrow-up.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerArrowUp = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-arrow-up ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m6-8l-6-6m-6 6l6-6" })
+] });
+const ForwardRef = forwardRef(tablerArrowUp);
+export {
+  ForwardRef as default
+};

package/dist/jsonforms/esm/_virtual/exclamation-circle.mjs

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerExclamationCircle = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-exclamation-circle ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9-3v4m0 3v.01" })
+] });
+const ForwardRef = forwardRef(tablerExclamationCircle);
+export {
+  ForwardRef as default
+};

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

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerPlus = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-plus ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v14m-7-7h14" })
+] });
+const ForwardRef = forwardRef(tablerPlus);
+export {
+  ForwardRef as default
+};

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

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerTimezone = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-timezone ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+    /* @__PURE__ */ jsx("path", { d: "M20.884 10.554a9 9 0 1 0-10.337 10.328M3.6 9h16.8M3.6 15h6.9" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.5 3a17 17 0 0 0-1.502 14.954M12.5 3a17 17 0 0 1 2.52 7.603M14 18a4 4 0 1 0 8 0a4 4 0 1 0-8 0" }),
+    /* @__PURE__ */ jsx("path", { d: "M18 16.5V18l.5.5" })
+  ] })
+] });
+const ForwardRef = forwardRef(tablerTimezone);
+export {
+  ForwardRef as default
+};

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

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const tablerTrash = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "tabler-icon tabler-icon-trash ", xmlns: "http://www.w3.org/2000/svg", height: 24, width: 24, ref, "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" })
+] });
+const ForwardRef = forwardRef(tablerTrash);
+export {
+  ForwardRef as default
+};

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Icon } from "../../../.external/esm/@iconify_react@6.0.2_react@19.2.4/@iconify/react/dist/iconify.mjs";
 import { useMantineTheme, CloseButton } from "@mantine/core";
 import { useCallback, useMemo } from "react";
+import ForwardRef from "../_virtual/timezone.mjs";
 import { convertUTCStringToLocalString, convertLocalStringToUTCString } from "../utils/utcConverter.mjs";
 function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = useMantineTheme();
@@ -31,7 +31,16 @@ function useDateProps(type, isUTC, { value, toggle, onChange }) {
               onChange(isUTC ? convertUTCStringToLocalString(props.value) : convertLocalStringToUTCString(props.value));
             }
           },
-          icon: /* @__PURE__ */ jsx(Icon, { icon: "tabler:timezone", color: isUTC ? theme.primaryColor : "gray" })
+          icon: /* @__PURE__ */ jsx(
+            ForwardRef,
+            {
+              style: {
+                height: "var(--cb-icon-size, 70%)",
+                width: "var(--cb-icon-size, 70%)",
+                color: isUTC ? theme.primaryColor : "gray"
+              }
+            }
+          )
         }
       ),
       [isUTC, toggle, onChange, props.value, theme.primaryColor]

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

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useContextProps } from "fastapi-rtk/core";
 import { useProps, Grid, ActionIcon } from "@mantine/core";
 import { useMemo } from "react";
-import IconArrowUp from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowUp.mjs";
-import IconArrowDown from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowDown.mjs";
-import IconTrash from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
+import ForwardRef$1 from "../_virtual/arrow-down.mjs";
+import ForwardRef from "../_virtual/arrow-up.mjs";
+import ForwardRef$2 from "../_virtual/trash.mjs";
 const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDown, onDelete, ...props }) => {
   const { childPath, showSortButtons, enableUp, enableDown, disableRemove, translations } = props;
   const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };
@@ -49,15 +49,15 @@ const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDo
     { withAllProps: 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 === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._up_props, children: /* @__PURE__ */ jsx(ForwardRef, {}) }) }) : 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 === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._down_props, children: /* @__PURE__ */ jsx(ForwardRef$1, {}) }) }) : 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 === void 0 ? /* @__PURE__ */ jsx(Grid.Col, { span: "content", children: /* @__PURE__ */ jsx(ActionIcon, { ..._remove_props, children: /* @__PURE__ */ jsx(ForwardRef$2, {}) }) }) : ComponentRemove,
     [ComponentRemove, _remove_props]
   );
   const SortButtons = useMemo(

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContextProps } from "fastapi-rtk/core";
 import { useProps, Input, ActionIcon, Flex, Tooltip, Indicator, Stack, Text } from "@mantine/core";
-import IconPlus from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
-import IconExclamationCircle from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.mjs";
+import ForwardRef$1 from "../_virtual/exclamation-circle.mjs";
+import ForwardRef from "../_virtual/plus.mjs";
 const ValidationIcon = ({ id, error }) => {
   const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
   return /* @__PURE__ */ jsx(
@@ -21,7 +21,7 @@ const ValidationIcon = ({ id, error }) => {
           label: errorMessageList.length,
           disabled: !error,
           style: { visibility: error ? "visible" : "hidden" },
-          children: /* @__PURE__ */ jsx(IconExclamationCircle, {})
+          children: /* @__PURE__ */ jsx(ForwardRef$1, {})
         }
       )
     }
@@ -70,7 +70,7 @@ const useToolbarComponent = ({ componentName, componentIdentifier, onAdd, ...pro
   const TextLabel = ComponentLabel === void 0 ? (_label_props == null ? void 0 : _label_props.value) ? /* @__PURE__ */ jsx(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__ */ jsx(Input.Description, { children: _description_props == null ? void 0 : _description_props.value }) : null : ComponentDescription;
   const IconValidation = ComponentValidation === void 0 ? /* @__PURE__ */ jsx(ValidationIcon, { ..._validation_props }) : ComponentValidation;
-  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsx(ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsx(IconPlus, {}) }) : ComponentAdd;
+  const ActionIconAdd = ComponentAdd === void 0 ? /* @__PURE__ */ jsx(ActionIcon, { ..._add_props, children: /* @__PURE__ */ jsx(ForwardRef, {}) }) : ComponentAdd;
   return [
     // eslint-disable-next-line react/jsx-key
     /* @__PURE__ */ jsxs(Input.Wrapper, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fastapi-rtk",
-  "version": "1.0.52",
+  "version": "1.1.0",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",
@@ -76,6 +76,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.1",
+    "@iconify-json/tabler": "^1.2.31",
     "@mantine/core": "^8.1.2",
     "@mantine/dates": "^8.1.2",
     "@mantine/form": "^8.1.2",
@@ -86,6 +87,8 @@
     "@storybook/react": "^8.6.12",
     "@storybook/react-vite": "^8.6.12",
     "@storybook/test": "^8.6.12",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^3.8.0",
@@ -103,6 +106,7 @@
     "storybook": "^8.6.12",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.31.1",
+    "unplugin-icons": "^23.0.1",
     "vite": "^6.3.1",
     "vite-plugin-dts": "^4.5.3"
   },