@fctc/sme-widget-ui 2.3.8 → 2.4.0

package/dist/index.js

@@ -17158,6 +17158,11 @@ var typeStyles = {
     backgroundColor: "#DCD5FF",
     color: "#5946F9",
     border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -17172,19 +17177,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
   const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
   const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
     if (decorationWarning || decorationOrange) return typeStyles["warning"];
     if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -32820,15 +32835,9 @@ var MonetaryField = (props) => {
     ] });
   }
   if (!isForm) {
-    const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : symbol;
-    if (widget === "monetary" && !formValues?.currency_id) {
-      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: `${formatNumberOnly(
-        parseFloat(String(value ?? defaultValue))
-      )} ${symbol}` });
-    }
     return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
-    )} ${currencySymbol}` });
+    )} ${symbol}` });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     Controller,

package/dist/index.mjs

@@ -17031,6 +17031,11 @@ var typeStyles = {
     backgroundColor: "#DCD5FF",
     color: "#5946F9",
     border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -17045,19 +17050,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
   const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
   const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
     if (decorationWarning || decorationOrange) return typeStyles["warning"];
     if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -32693,15 +32708,9 @@ var MonetaryField = (props) => {
     ] });
   }
   if (!isForm) {
-    const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : symbol;
-    if (widget === "monetary" && !formValues?.currency_id) {
-      return /* @__PURE__ */ jsx100("span", { children: `${formatNumberOnly(
-        parseFloat(String(value ?? defaultValue))
-      )} ${symbol}` });
-    }
     return /* @__PURE__ */ jsx100("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
-    )} ${currencySymbol}` });
+    )} ${symbol}` });
   }
   return /* @__PURE__ */ jsx100(
     Controller,

package/dist/widgets.d.mts

@@ -179,6 +179,7 @@ interface IButtonBadgeProps extends IInputFieldProps {
     'decoration-warning'?: any;
     'decoration-purpled'?: any;
     'decoration-oranged'?: any;
+    'decoration-info-light'?: any;
     domainHelper?: any;
     class?: string;
 }

package/dist/widgets.d.ts

@@ -179,6 +179,7 @@ interface IButtonBadgeProps extends IInputFieldProps {
     'decoration-warning'?: any;
     'decoration-purpled'?: any;
     'decoration-oranged'?: any;
+    'decoration-info-light'?: any;
     domainHelper?: any;
     class?: string;
 }

package/dist/widgets.js

@@ -16407,6 +16407,11 @@ var typeStyles = {
     backgroundColor: "#DCD5FF",
     color: "#5946F9",
     border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -16421,19 +16426,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
   const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
   const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
     if (decorationWarning || decorationOrange) return typeStyles["warning"];
     if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -32069,15 +32084,9 @@ var MonetaryField = (props) => {
     ] });
   }
   if (!isForm) {
-    const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : symbol;
-    if (widget === "monetary" && !formValues?.currency_id) {
-      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: `${formatNumberOnly(
-        parseFloat(String(value ?? defaultValue))
-      )} ${symbol}` });
-    }
     return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
-    )} ${currencySymbol}` });
+    )} ${symbol}` });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     Controller,

package/dist/widgets.mjs

@@ -16344,6 +16344,11 @@ var typeStyles = {
     backgroundColor: "#DCD5FF",
     color: "#5946F9",
     border: "1px solid #5946F9"
+  },
+  blue_light: {
+    backgroundColor: "#EEFEFF",
+    color: "#23A9AE",
+    border: "1px solid #23A9AE"
   }
 };
 var baseStyle = {
@@ -16358,19 +16363,29 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
+  const {
+    defaultValue,
+    selection,
+    value,
+    formValues,
+    domainHelper,
+    type,
+    class: classField
+  } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
   const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
   const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
+  const decorationInforLight = props["decoration-info-light"] && domainHelper.checkDomain(formValues, props["decoration-info-light"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
     if (decorationWarning || decorationOrange) return typeStyles["warning"];
     if (decorationPurpled) return typeStyles["purpled"];
+    if (decorationInforLight) return typeStyles["blue_light"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -32006,15 +32021,9 @@ var MonetaryField = (props) => {
     ] });
   }
   if (!isForm) {
-    const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : symbol;
-    if (widget === "monetary" && !formValues?.currency_id) {
-      return /* @__PURE__ */ jsx100("span", { children: `${formatNumberOnly(
-        parseFloat(String(value ?? defaultValue))
-      )} ${symbol}` });
-    }
     return /* @__PURE__ */ jsx100("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
-    )} ${currencySymbol}` });
+    )} ${symbol}` });
   }
   return /* @__PURE__ */ jsx100(
     Controller,

package/package.json

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