@acoustte-digital-services/digitalstore-controls 0.13.0 → 0.14.0

package/dist/index.d.mts

@@ -21,6 +21,7 @@ declare const ViewControlTypes: {
     statusView: string;
     statusBgView: string;
     multilineTextView: string;
+    booleanView: string;
     text: string;
 };
 

package/dist/index.d.ts

@@ -21,6 +21,7 @@ declare const ViewControlTypes: {
     statusView: string;
     statusBgView: string;
     multilineTextView: string;
+    booleanView: string;
     text: string;
 };
 

package/dist/index.js

@@ -50,7 +50,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/controls/view/ViewControl.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // src/controls/view/LineTextView.tsx
 var import_react = __toESM(require("react"));
@@ -182,12 +182,57 @@ var ViewControlTypes = {
   statusView: "statusView",
   statusBgView: "statusBgView",
   multilineTextView: "multilineTextView",
+  booleanView: "booleanView",
   text: "text"
 };
 var ViewControlTypes_default = ViewControlTypes;
 
-// src/controls/view/ViewControl.tsx
+// src/controls/view/BooleanView.tsx
+var import_react10 = __toESM(require("react"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var BooleanView = (props) => {
+  const { value, customProps } = props;
+  const showOnlyTrueIcon = customProps == null ? void 0 : customProps.showOnlyTrueIcon;
+  console.log("BooleanView Debug:", {
+    value,
+    type: typeof value,
+    customProps,
+    showOnlyTrueIcon
+  });
+  const booleanValue = import_react10.default.useMemo(() => {
+    if (typeof value === "boolean") return value;
+    if (typeof value === "string") {
+      return value.toLowerCase() === "true";
+    }
+    if (typeof value === "number") {
+      return value === 1;
+    }
+    return false;
+  }, [value]);
+  if (showOnlyTrueIcon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: booleanValue === true && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "svg",
+      {
+        className: "w-15 h-8 text-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = BooleanView;
+
+// src/controls/view/ViewControl.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ViewControl = (props) => {
   const ControlComponents = {
     [ViewControlTypes_default.lineTextView]: LineTextView_default,
@@ -199,10 +244,11 @@ var ViewControl = (props) => {
     [ViewControlTypes_default.statusView]: StatusView_default,
     [ViewControlTypes_default.statusBgView]: StatusBgView_default,
     [ViewControlTypes_default.multilineTextView]: MultilineTextView_default,
-    [ViewControlTypes_default.lineTextView]: LineTextView_default
+    [ViewControlTypes_default.lineTextView]: LineTextView_default,
+    [ViewControlTypes_default.booleanView]: BooleanView_default
   };
   const SelectedControlComponent = ControlComponents[props.controlType];
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectedControlComponent, __spreadValues({}, props)) : "Control not found" });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectedControlComponent, __spreadValues({}, props)) : "Control not found" });
 };
 var ViewControl_default = ViewControl;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -16,7 +16,7 @@ var __spreadValues = (a, b) => {
 };
 
 // src/controls/view/ViewControl.tsx
-import React10 from "react";
+import React11 from "react";
 
 // src/controls/view/LineTextView.tsx
 import React from "react";
@@ -148,12 +148,57 @@ var ViewControlTypes = {
   statusView: "statusView",
   statusBgView: "statusBgView",
   multilineTextView: "multilineTextView",
+  booleanView: "booleanView",
   text: "text"
 };
 var ViewControlTypes_default = ViewControlTypes;
 
-// src/controls/view/ViewControl.tsx
+// src/controls/view/BooleanView.tsx
+import React10 from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
+var BooleanView = (props) => {
+  const { value, customProps } = props;
+  const showOnlyTrueIcon = customProps == null ? void 0 : customProps.showOnlyTrueIcon;
+  console.log("BooleanView Debug:", {
+    value,
+    type: typeof value,
+    customProps,
+    showOnlyTrueIcon
+  });
+  const booleanValue = React10.useMemo(() => {
+    if (typeof value === "boolean") return value;
+    if (typeof value === "string") {
+      return value.toLowerCase() === "true";
+    }
+    if (typeof value === "number") {
+      return value === 1;
+    }
+    return false;
+  }, [value]);
+  if (showOnlyTrueIcon) {
+    return /* @__PURE__ */ jsx10(React10.Fragment, { children: booleanValue === true && /* @__PURE__ */ jsx10(
+      "svg",
+      {
+        className: "w-15 h-8 text-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ jsx10(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx10(React10.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = BooleanView;
+
+// src/controls/view/ViewControl.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ViewControl = (props) => {
   const ControlComponents = {
     [ViewControlTypes_default.lineTextView]: LineTextView_default,
@@ -165,10 +210,11 @@ var ViewControl = (props) => {
     [ViewControlTypes_default.statusView]: StatusView_default,
     [ViewControlTypes_default.statusBgView]: StatusBgView_default,
     [ViewControlTypes_default.multilineTextView]: MultilineTextView_default,
-    [ViewControlTypes_default.lineTextView]: LineTextView_default
+    [ViewControlTypes_default.lineTextView]: LineTextView_default,
+    [ViewControlTypes_default.booleanView]: BooleanView_default
   };
   const SelectedControlComponent = ControlComponents[props.controlType];
-  return /* @__PURE__ */ jsx10(React10.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx10(SelectedControlComponent, __spreadValues({}, props)) : "Control not found" });
+  return /* @__PURE__ */ jsx11(React11.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, __spreadValues({}, props)) : "Control not found" });
 };
 var ViewControl_default = ViewControl;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",