@supersoniks/concorde 1.1.24 → 1.1.26

package/core/components/ui/toast/toast.js

@@ -13,6 +13,7 @@ import "@supersoniks/concorde/core/components/ui/icon/icon";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { styleMap } from "lit/directives/style-map.js";
 import "./toast-item";
+const tagName = "sonic-toast";
 let SonicToast = class SonicToast extends LitElement {
     constructor() {
         super(...arguments);
@@ -22,22 +23,22 @@ let SonicToast = class SonicToast extends LitElement {
         return this;
     }
     render() {
+        const isIframe = !(window.parent == window);
         let styles = {
             pointerEvents: "none",
-            width: "calc(100% - 2.5rem)",
-            maxWidth: "64ch",
             gap: "1rem",
             display: "flex",
+            margin: "1rem"
         };
-        if (window.parent == window) {
-            styles = Object.assign(Object.assign({}, styles), { position: "fixed", bottom: "1.25rem", right: "1.25rem", zIndex: "999", flexDirection: "column-reverse" });
+        if (!isIframe) {
+            styles = Object.assign(Object.assign({}, styles), { margin: "0", width: "calc(100% - 2.5rem)", position: "fixed", bottom: "1.25rem", right: "1.25rem", zIndex: "999", maxWidth: "64ch", flexDirection: "column-reverse" });
         }
         // ${window.parent == window ? "fixed-area" : ""}
         if (!this.toasts)
             return nothing;
         return html `<div aria-live="polite" style=${styleMap(styles)}>
       ${repeat(this.toasts, (item) => item.id, (item) => html `
-          <sonic-toast-item status=${item.status} ?ghost=${item.ghost} ?preserve=${item.preserve} id=${item.id}
+          <sonic-toast-item maxHeight=${isIframe ? 'none' : '10rem'} status=${item.status} ?ghost=${item.ghost} ?preserve=${item.preserve} id=${item.id}
             @hide=${() => this.removeItem(item)}
             ${animate({
             keyframeOptions: {
@@ -108,7 +109,7 @@ __decorate([
     property({ type: Array })
 ], SonicToast.prototype, "toasts", void 0);
 SonicToast = __decorate([
-    customElement("sonic-toast")
+    customElement(tagName)
 ], SonicToast);
 export { SonicToast };
 if (typeof window !== "undefined") {

package/core/components/ui/tooltip/tooltip.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
+const tagName = "sonic-tooltip";
 let Tooltip = class Tooltip extends LitElement {
     constructor() {
         super(...arguments);
@@ -63,6 +64,11 @@ __decorate([
     property({ type: Boolean })
 ], Tooltip.prototype, "disabled", void 0);
 Tooltip = __decorate([
-    customElement("sonic-tooltip")
+    customElement(tagName)
 ], Tooltip);
 export { Tooltip };
+//Ajout pour la creation du cem notamment pour Storybook
+try {
+    customElements.define(tagName, Tooltip);
+}
+catch (e) { }

package/core/components/ui/ui.d.ts

@@ -11,6 +11,7 @@ import "./form/textarea/textarea";
 import "./form/fieldset/fieldset";
 import "./form/fieldset/legend";
 import "./form/form-layout/form-layout";
+import "./form/form-actions/form-actions";
 import "./group/group";
 import "./icon/icon";
 import "./image/image";

package/core/components/ui/ui.js

@@ -14,6 +14,7 @@ import "./form/textarea/textarea";
 import "./form/fieldset/fieldset";
 import "./form/fieldset/legend";
 import "./form/form-layout/form-layout";
+import "./form/form-actions/form-actions";
 import "./group/group";
 // MISC
 import "./icon/icon";

package/core/mixins/Fetcher.d.ts

@@ -60,7 +60,9 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         defferedDebug: boolean | null;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void; /**
+         * IObserver est l'intersection observer qui permet de charger les données au scroll si l'attribut lazyload est renseigné
+         */
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
         removeAttribute(name: string): void;
         initPublisher(): void;

package/core/mixins/Fetcher.js

@@ -17,6 +17,7 @@ import { Loader } from "../components/ui/loader/loader";
 import { SonicToast } from "../components/ui/toast/toast";
 import API from "@supersoniks/concorde/core/utils/api";
 import "../components/ui/button/button";
+import { PublisherManager } from "@supersoniks/concorde/utils";
 import Objects from "../utils/Objects";
 import { property } from "lit/decorators.js";
 const Fetcher = (superClass) => {
@@ -83,7 +84,8 @@ const Fetcher = (superClass) => {
                 let hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
                 if (hasLoader)
                     Loader.show();
-                data = yield this.api.get(this.endPoint || this.dataProvider || "");
+                let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
+                data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
                 if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;

package/core/mixins/FormElement.js

@@ -20,6 +20,7 @@ const Form = (superClass) => {
     class FormElement extends superClass {
         constructor(...args) {
             super();
+            this.touched = false;
             this.error = null;
             this.autofocus = null;
             this.disabled = null;
@@ -218,6 +219,9 @@ const Form = (superClass) => {
             }
         }
     }
+    __decorate([
+        property({ type: Boolean, reflect: true })
+    ], FormElement.prototype, "touched", void 0);
     __decorate([
         property({ type: Boolean })
     ], FormElement.prototype, "error", void 0);

package/core/utils/api.d.ts

@@ -39,12 +39,12 @@ declare class API {
      * Basic auth
      */
     auth(): Promise<void>;
-    get(path: String): Promise<any>;
+    get(path: String, additionalHeaders?: HeadersInit): Promise<any>;
     /**
      * Création du header, avec authentification si besoin
      * ajout du language via le header accept-language qui contient le langue du navigateur
      */
-    createHeaders(): Promise<Record<string, string>>;
+    createHeaders(additionalHeaders?: HeadersInit): Promise<Record<string, string>>;
     /**
      * Concatène le serviceURL et le endpoint donné en paramètre
      */

package/core/utils/api.js

@@ -43,9 +43,9 @@ class API {
             catch (e) { }
         });
     }
-    get(path) {
+    get(path, additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
-            let headers = yield this.createHeaders();
+            let headers = yield this.createHeaders(additionalHeaders);
             const url = this.computeURL(path);
             if (!API.loadingGetPromises.has(url)) {
                 let promise = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
@@ -69,7 +69,7 @@ class API {
      * Création du header, avec authentification si besoin
      * ajout du language via le header accept-language qui contient le langue du navigateur
      */
-    createHeaders() {
+    createHeaders(additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.auth();
             let headers = {};
@@ -77,6 +77,9 @@ class API {
                 headers.Authorization = "Bearer " + this.token;
             headers.credentials = "include";
             headers["Accept-Language"] = HTML.getLanguage();
+            if (additionalHeaders) {
+                Object.assign(headers, additionalHeaders);
+            }
             return headers;
         });
     }
@@ -92,12 +95,9 @@ class API {
     send(path, data, method = "POST", additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.auth();
-            let headers = yield this.createHeaders();
+            let headers = yield this.createHeaders(additionalHeaders);
             headers["Accept"] = "application/json";
             headers["Content-Type"] = "application/json";
-            if (additionalHeaders) {
-                Object.assign(headers, additionalHeaders);
-            }
             let result = yield fetch(this.computeURL(path), {
                 headers: headers,
                 method: method,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.24",
+  "version": "1.1.26",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -54,6 +54,10 @@
     "./functional/submit": "./core/components/functional/submit/submit",
     "./core/components/functional/subscriber/subscriber": "./core/components/functional/subscriber/subscriber",
     "./functional/subscriber": "./core/components/functional/subscriber/subscriber",
+    "./core/components/ui/_css/scroll": "./core/components/ui/_css/scroll",
+    "./ui/_css/scroll": "./core/components/ui/_css/scroll",
+    "./core/components/ui/_css/types": "./core/components/ui/_css/types",
+    "./ui/_css/types": "./core/components/ui/_css/types",
     "./core/components/ui/alert/alert": "./core/components/ui/alert/alert",
     "./ui/alert": "./core/components/ui/alert/alert",
     "./core/components/ui/badge/badge": "./core/components/ui/badge/badge",
@@ -82,8 +86,8 @@
     "./ui/form/fieldset/legend-description": "./core/components/ui/form/fieldset/legend-description",
     "./core/components/ui/form/fieldset/legend": "./core/components/ui/form/fieldset/legend",
     "./ui/form/fieldset/legend": "./core/components/ui/form/fieldset/legend",
-    "./core/components/ui/form/form-layout/form-actions": "./core/components/ui/form/form-layout/form-actions",
-    "./ui/form/form-layout/form-actions": "./core/components/ui/form/form-layout/form-actions",
+    "./core/components/ui/form/form-actions/form-actions": "./core/components/ui/form/form-actions/form-actions",
+    "./ui/form/form-actions": "./core/components/ui/form/form-actions/form-actions",
     "./core/components/ui/form/form-layout/form-layout": "./core/components/ui/form/form-layout/form-layout",
     "./ui/form/form-layout": "./core/components/ui/form/form-layout/form-layout",
     "./core/components/ui/form/input/input": "./core/components/ui/form/input/input",

package/core/components/ui/form/form-layout/form-actions.d.ts

@@ -1,6 +0,0 @@
-import { LitElement } from "lit";
-declare const FormActions_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
-export declare class FormActions extends FormActions_base {
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};