@fctc/sme-widget-ui 1.7.9 → 1.8.1

package/dist/index.js

@@ -18541,7 +18541,7 @@ var baseStyle = {
   fontWeight: 500,
   cursor: "pointer",
   transition: "all 0.3s ease-in-out",
-  height: "fit-content !important"
+  height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
   const { defaultValue, selection, value, formValues, domainHelper } = props;
@@ -33676,18 +33676,10 @@ var HtmlField = (props) => {
 // src/widgets/basic/image-field/image.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ImageField = (props) => {
-  const { value, type, name: name2 } = props;
+  const { value, type, name: name2, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-      "img",
-      {
-        src: `https://api.vitrust.app/c2${value}`,
-        width: 48,
-        height: 48,
-        alt: name2
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };

package/dist/index.mjs

@@ -18421,7 +18421,7 @@ var baseStyle = {
   fontWeight: 500,
   cursor: "pointer",
   transition: "all 0.3s ease-in-out",
-  height: "fit-content !important"
+  height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
   const { defaultValue, selection, value, formValues, domainHelper } = props;
@@ -33556,18 +33556,10 @@ var HtmlField = (props) => {
 // src/widgets/basic/image-field/image.tsx
 import { jsx as jsx90 } from "react/jsx-runtime";
 var ImageField = (props) => {
-  const { value, type, name: name2 } = props;
+  const { value, type, name: name2, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ jsx90(
-      "img",
-      {
-        src: `https://api.vitrust.app/c2${value}`,
-        width: 48,
-        height: 48,
-        alt: name2
-      }
-    );
+    return /* @__PURE__ */ jsx90("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
   }
   return /* @__PURE__ */ jsx90("div", { id: "qr-code", children: /* @__PURE__ */ jsx90("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };

package/dist/widgets.d.mts

@@ -294,7 +294,11 @@ declare const FloatTimeField: React__default.FC<IInputFieldProps>;
 
 declare const HtmlField: (props: IInputFieldProps) => JSX.Element;
 
-declare const ImageField: (props: IInputFieldProps) => JSX.Element | null;
+interface ImageFieldProps extends IInputFieldProps {
+    baseURL?: string;
+}
+
+declare const ImageField: (props: ImageFieldProps) => JSX.Element | null;
 
 interface IMany2ManyTagsProps extends IInputFieldProps {
     options: any[];

package/dist/widgets.d.ts

@@ -294,7 +294,11 @@ declare const FloatTimeField: React__default.FC<IInputFieldProps>;
 
 declare const HtmlField: (props: IInputFieldProps) => JSX.Element;
 
-declare const ImageField: (props: IInputFieldProps) => JSX.Element | null;
+interface ImageFieldProps extends IInputFieldProps {
+    baseURL?: string;
+}
+
+declare const ImageField: (props: ImageFieldProps) => JSX.Element | null;
 
 interface IMany2ManyTagsProps extends IInputFieldProps {
     options: any[];

package/dist/widgets.js

@@ -18166,7 +18166,7 @@ var baseStyle = {
   fontWeight: 500,
   cursor: "pointer",
   transition: "all 0.3s ease-in-out",
-  height: "fit-content !important"
+  height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
   const { defaultValue, selection, value, formValues, domainHelper } = props;
@@ -33301,18 +33301,10 @@ var HtmlField = (props) => {
 // src/widgets/basic/image-field/image.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ImageField = (props) => {
-  const { value, type, name: name2 } = props;
+  const { value, type, name: name2, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-      "img",
-      {
-        src: `https://api.vitrust.app/c2${value}`,
-        width: 48,
-        height: 48,
-        alt: name2
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };

package/dist/widgets.mjs

@@ -18103,7 +18103,7 @@ var baseStyle = {
   fontWeight: 500,
   cursor: "pointer",
   transition: "all 0.3s ease-in-out",
-  height: "fit-content !important"
+  height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
   const { defaultValue, selection, value, formValues, domainHelper } = props;
@@ -33238,18 +33238,10 @@ var HtmlField = (props) => {
 // src/widgets/basic/image-field/image.tsx
 import { jsx as jsx90 } from "react/jsx-runtime";
 var ImageField = (props) => {
-  const { value, type, name: name2 } = props;
+  const { value, type, name: name2, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ jsx90(
-      "img",
-      {
-        src: `https://api.vitrust.app/c2${value}`,
-        width: 48,
-        height: 48,
-        alt: name2
-      }
-    );
+    return /* @__PURE__ */ jsx90("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
   }
   return /* @__PURE__ */ jsx90("div", { id: "qr-code", children: /* @__PURE__ */ jsx90("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "1.7.9",
+  "version": "1.8.1",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",