@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260416042420 → 0.8.1-dev.20260416043825

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ViewControlProps {
     value?: any;
@@ -215,4 +216,15 @@ interface PageBodyRendererProps {
 }
 declare const PageBodyRenderer: React.FC<PageBodyRendererProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes };
+declare const Toast: () => react_jsx_runtime.JSX.Element;
+
+declare class ToastService {
+    private static showToast;
+    private static closeToast;
+    static initialize(showToast: (message: string, messageType: string) => void, closeToast: () => void): void;
+    static showError(message: string): void;
+    static showInfo(message: string): void;
+    static close(): void;
+}
+
+export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ViewControlProps {
     value?: any;
@@ -215,4 +216,15 @@ interface PageBodyRendererProps {
 }
 declare const PageBodyRenderer: React.FC<PageBodyRendererProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes };
+declare const Toast: () => react_jsx_runtime.JSX.Element;
+
+declare class ToastService {
+    private static showToast;
+    private static closeToast;
+    static initialize(showToast: (message: string, messageType: string) => void, closeToast: () => void): void;
+    static showError(message: string): void;
+    static showInfo(message: string): void;
+    static close(): void;
+}
+
+export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.js

@@ -35,6 +35,7 @@ var ToastService, ToastService_default;
 var init_ToastService = __esm({
   "src/components/ToastService.tsx"() {
     "use strict";
+    "use client";
     ToastService = class _ToastService {
       static initialize(showToast, closeToast) {
         _ToastService.showToast = showToast;
@@ -966,6 +967,8 @@ __export(index_exports, {
   InputControl: () => InputControl_default,
   InputControlType: () => InputControlType_default,
   PageBodyRenderer: () => PageBodyRenderer_default,
+  Toast: () => Toast_default,
+  ToastService: () => ToastService_default,
   ViewControl: () => ViewControl_default,
   ViewControlTypes: () => ViewControlTypes_default
 });
@@ -5625,12 +5628,96 @@ var PageBodyRenderer = (props) => {
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
+
+// src/components/Toast.tsx
+var import_react52 = require("react");
+init_ToastService();
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var Toast = () => {
+  const [showToast, setShowToast] = (0, import_react52.useState)(false);
+  const [message, setMessage] = (0, import_react52.useState)("");
+  const [messageType, setMessageType] = (0, import_react52.useState)("error");
+  ToastService_default.showError = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("error");
+  };
+  ToastService_default.showInfo = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("info");
+    setTimeout(() => {
+      setShowToast(false);
+    }, 4e3);
+  };
+  ToastService_default.close = function() {
+    setShowToast(false);
+  };
+  const closeToast = () => {
+    setShowToast(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    "div",
+    {
+      className: "fixed top-2 flex justify-center w-1/2  left-1/2 -translate-x-1/2",
+      style: { zIndex: 1e3 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        "div",
+        {
+          className: `w-full items-center flex justify-between p-3 rounded-md relative ${messageType == "error" ? "bg-error" : "bg-success-soft"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              "span",
+              {
+                className: "font-medium text-inherit text-sm",
+                style: { whiteSpace: "pre-line" },
+                children: message
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              "button",
+              {
+                className: "absolute right-2 top-2 ml-2 focus:outline-none",
+                onClick: closeToast,
+                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-4 w-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "2",
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+var Toast_default = Toast;
+
+// src/index.ts
+init_ToastService();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DataList,
   InputControl,
   InputControlType,
   PageBodyRenderer,
+  Toast,
+  ToastService,
   ViewControl,
   ViewControlTypes
 });

package/dist/index.mjs

@@ -4,6 +4,7 @@ import {
 import {
   Button_default,
   ServiceClient_default,
+  ToastService_default,
   buttonClasses
 } from "./chunk-O5BPFXEO.mjs";
 
@@ -4657,11 +4658,91 @@ var PageBodyRenderer = (props) => {
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
+
+// src/components/Toast.tsx
+import { useState as useState8 } from "react";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+var Toast = () => {
+  const [showToast, setShowToast] = useState8(false);
+  const [message, setMessage] = useState8("");
+  const [messageType, setMessageType] = useState8("error");
+  ToastService_default.showError = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("error");
+  };
+  ToastService_default.showInfo = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("info");
+    setTimeout(() => {
+      setShowToast(false);
+    }, 4e3);
+  };
+  ToastService_default.close = function() {
+    setShowToast(false);
+  };
+  const closeToast = () => {
+    setShowToast(false);
+  };
+  return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61(
+    "div",
+    {
+      className: "fixed top-2 flex justify-center w-1/2  left-1/2 -translate-x-1/2",
+      style: { zIndex: 1e3 },
+      children: /* @__PURE__ */ jsxs34(
+        "div",
+        {
+          className: `w-full items-center flex justify-between p-3 rounded-md relative ${messageType == "error" ? "bg-error" : "bg-success-soft"}`,
+          children: [
+            /* @__PURE__ */ jsx61(
+              "span",
+              {
+                className: "font-medium text-inherit text-sm",
+                style: { whiteSpace: "pre-line" },
+                children: message
+              }
+            ),
+            /* @__PURE__ */ jsx61(
+              "button",
+              {
+                className: "absolute right-2 top-2 ml-2 focus:outline-none",
+                onClick: closeToast,
+                children: /* @__PURE__ */ jsx61(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-4 w-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ jsx61(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "2",
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+var Toast_default = Toast;
 export {
   DataList_default as DataList,
   InputControl_default as InputControl,
   InputControlType_default as InputControlType,
   PageBodyRenderer_default as PageBodyRenderer,
+  Toast_default as Toast,
+  ToastService_default as ToastService,
   ViewControl_default as ViewControl,
   ViewControlTypes_default as ViewControlTypes
 };

package/package.json

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