@supersoniks/concorde 3.1.20 → 3.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.1.20",
+  "version": "3.1.21",
   "license": "MIT",
   "type": "module",
   "main": "",
@@ -73,6 +73,8 @@
     "./ui/_css/type": "./src/core/components/ui/_css/type.ts",
     "./alert": "./src/core/components/ui/alert/alert.ts",
     "./ui/alert": "./src/core/components/ui/alert/alert.ts",
+    "./alert-messages": "./src/core/components/ui/alert-messages/alert-messages.ts",
+    "./ui/alert-messages": "./src/core/components/ui/alert-messages/alert-messages.ts",
     "./badge": "./src/core/components/ui/badge/badge.ts",
     "./ui/badge": "./src/core/components/ui/badge/badge.ts",
     "./button": "./src/core/components/ui/button/button.ts",

package/src/core/_types/types.ts

@@ -5,7 +5,7 @@ import Publisher from "../utils/PublisherProxy";
 export type Message = {
   type?: string;
   content?: string;
-  status?: string;
+  status?: "warning" | "success" | "error" | "info";
 };
 export interface ConcordeWindow extends Window {
   SonicPublisherManager: any; //{get: () => any; getInstance: () => PublisherManager};

package/src/core/components/ui/alert-messages/alert-messages.ts

@@ -0,0 +1,50 @@
+import { LitElement, html, nothing, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import { Message } from "@supersoniks/concorde/core/_types/types";
+import { map } from "lit/directives/map.js";
+import { Size } from "@supersoniks/concorde/core/components/ui/_css/size";
+
+import { ifDefined } from "lit/directives/if-defined.js";
+import { APIResult } from "@supersoniks/concorde/core/components/ui/toast/message-subscriber";
+
+const tagName = "sonic-alert-messages";
+
+//Superbe mix de multples versions d'api.
+@customElement(tagName)
+export class AlertMessages extends Subscriber(LitElement, {} as APIResult) {
+  @property({ type: String }) size: Size = "md";
+  @property({ type: Boolean }) background = false;
+  @property({ type: Boolean }) noIcon = false;
+  @property({ type: Array })
+  messages: Array<Message> = [];
+
+  static styles = [
+    css`
+      .container {
+        display: grid;
+        gap: 0.5em;
+        grid-template-columns: minmax(0, 1fr);
+        width: 100%;
+      }
+    `,
+  ];
+
+  render() {
+    if (!this.messages?.length) return nothing;
+
+    return html`<div class="container">
+      ${map(this.messages, (message) => {
+        if (message.type == "public") {
+          return html`<sonic-alert
+            status=${message.status || "default"}
+            text=${ifDefined(message.content)}
+            size=${this.size}
+            ?noIcon=${this.noIcon}
+            ?background=${this.background}
+          ></sonic-alert>`;
+        } else return nothing;
+      })}
+    </div>`;
+  }
+}

package/src/core/components/ui/toast/message-subscriber.ts

@@ -4,7 +4,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 import { Message } from "@supersoniks/concorde/core/_types/types";
 
-type APIResult = {
+export type APIResult = {
   data?: object | string;
   message?: string;
   public_message?: string;

package/src/core/components/ui/ui.ts

@@ -30,6 +30,8 @@ import "./menu/menu";
 // Misc
 import "./modal/modal";
 import "./alert/alert";
+import "./alert-messages/alert-messages";
+
 import "./toast/toast";
 import "./toast/message-subscriber";
 import "./tooltip/tooltip";

package/src/tsconfig.json

@@ -175,6 +175,12 @@
       "./ui/alert": [
         "/sites/concorde/src/core/components/ui/alert/alert.ts"
       ],
+      "./alert-messages": [
+        "/sites/concorde/src/core/components/ui/alert-messages/alert-messages.ts"
+      ],
+      "./ui/alert-messages": [
+        "/sites/concorde/src/core/components/ui/alert-messages/alert-messages.ts"
+      ],
       "./badge": [
         "/sites/concorde/src/core/components/ui/badge/badge.ts"
       ],