@supersoniks/concorde 1.1.42 → 1.1.44

package/core/components/ui/theme/theme.js

@@ -5,15 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var Theme_1;
-import { html, LitElement, css, unsafeCSS } from "lit";
+import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { coreVariables } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/core-variables";
 import { light } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/light";
 import { dark } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/dark";
-import tailwindImport from "./css/tailwind.css?inline";
-export const tailwind = css `
-  ${unsafeCSS(tailwindImport)}
-`;
 const tagName = "sonic-theme";
 let Theme = Theme_1 = class Theme extends LitElement {
     constructor() {
@@ -22,22 +18,18 @@ let Theme = Theme_1 = class Theme extends LitElement {
         this.background = false;
         this.color = false;
         this.font = false;
-        this.contrastDarkMode = false;
     }
     connectedCallback() {
         super.connectedCallback();
         window.addEventListener("message", (e) => this.receiveMessage(e), false);
         this.postCSSVars();
     }
-    updated() {
-        this.contrastBg();
-    }
     postCSSVars() {
         const stylesheets = document.styleSheets;
         const ssLength = stylesheets.length;
-        let fontUrls = [];
+        const fontUrls = [];
         for (let i = 0; i < ssLength; i++) {
-            let ss = stylesheets[i];
+            const ss = stylesheets[i];
             if (ss.href && (ss.href.includes("googleapis") || ss.href.includes("typekit.net")))
                 fontUrls.push(ss.href);
         }
@@ -51,52 +43,39 @@ let Theme = Theme_1 = class Theme extends LitElement {
         });
     }
     receiveMessage(event) {
-        let data = event.data;
+        const data = event.data;
         if (!data.type || data.type != "GetSonicTheme")
             return;
         this.postCSSVars();
     }
     getCssVariables() {
-        let names = [];
-        let stylesheets = [...Theme_1.styles.map((s) => s.styleSheet), ...Array.from(document.styleSheets)];
-        for (let stylesheet of stylesheets) {
+        const names = [];
+        const stylesheets = [...Theme_1.styles.map((s) => s.styleSheet), ...Array.from(document.styleSheets)];
+        for (const stylesheet of stylesheets) {
             try {
-                let rules = stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet.cssRules;
-                for (let rule of rules) {
-                    if (!rule.style)
+                if (!stylesheet)
+                    continue;
+                const rules = stylesheet.cssRules;
+                for (const rule of rules) {
+                    if (!("style" in rule))
                         continue;
-                    for (let name of rule.style) {
+                    const style = rule.style;
+                    for (const name of style) {
                         if (names.includes(name) || name.indexOf("--sc") !== 0)
                             continue;
                         names.push(name);
                     }
                 }
             }
-            catch (e) { }
+            catch (e) {
+                console.log("Erreur lors de la récupération des variables CSS");
+            }
         }
-        let style = window.getComputedStyle(this);
-        let result = {};
+        const style = window.getComputedStyle(this);
+        const result = {};
         names.forEach((name) => (result[name] = style.getPropertyValue(name)));
         return result;
     }
-    // function to darken a color based on an hexa value
-    contrast(color, percent) {
-        let num = parseInt(color.replace("#", ""), 16), amt = Math.round(2.55 * percent), R = (num >> 16) + amt, B = ((num >> 8) & 0x00ff) + amt, G = (num & 0x0000ff) + amt;
-        return ("#" +
-            (0x1000000 +
-                (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 +
-                (B < 255 ? (B < 1 ? 0 : B) : 255) * 0x100 +
-                (G < 255 ? (G < 1 ? 0 : G) : 255))
-                .toString(16)
-                .slice(1));
-    }
-    // get de computed value of --sc-base and darken it
-    contrastBg() {
-        if (this.theme === "dark" && this.contrastDarkMode && this.background) {
-            let baseColor = window.getComputedStyle(this).getPropertyValue("--sc-base");
-            this.style.setProperty("--sc-body-bg", this.contrast(baseColor, -2.5));
-        }
-    }
     render() {
         return html `<slot></slot>`;
     }
@@ -111,9 +90,6 @@ Theme.styles = [
         background: var(--sc-body-bg) !important;
         min-height: 100vh;
       }
-      :host([contrastDarkMode]) {
-        transition: background-color 2.5s ease;
-      }
 
       :host([color]) {
         color: var(--sc-base-content);
@@ -138,9 +114,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Theme.prototype, "font", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Theme.prototype, "contrastDarkMode", void 0);
 Theme = Theme_1 = __decorate([
     customElement(tagName)
 ], Theme);

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

@@ -1,17 +1,26 @@
 import { LitElement } from "lit";
-declare const MessageSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+import { Message } from "@supersoniks/concorde/la-billetterie/_types/swagger";
+type APIResult = {
+    data?: object | string;
+    message?: string;
+    public_message?: string;
+    success?: boolean;
+    messages?: Message[];
+    status?: boolean;
+};
+declare const MessageSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<APIResult>) & typeof LitElement;
 export declare class MessageSubscriber extends MessageSubscriber_base {
-    _messages: Array<any>;
+    _messages: Array<Message>;
     success: boolean | null;
     status: boolean | null;
-    get messages(): Array<any>;
-    set messages(value: Array<any>);
+    get messages(): Message[];
+    set messages(value: Message[]);
     _message: string;
     get message(): string;
     set message(value: string);
-    _data: Record<string, any>[] | string;
-    get data(): string | Record<string, any>[];
-    set data(value: string | Record<string, any>[]);
+    _data: object | string;
+    get data(): string | object;
+    set data(value: string | object);
     render(): symbol;
 }
 export {};

package/core/components/ui/toast/message-subscriber.js

@@ -10,7 +10,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 const tagName = "sonic-toast-message-subscriber";
 //Superbe mix de multples versions d'api.
-let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {
+let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement, {}) {
     constructor() {
         super(...arguments);
         this._messages = [];
@@ -28,19 +28,20 @@ let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {
             return;
         value.forEach((message) => {
             if (message.type == "public")
-                SonicToast.add({ text: message.content, status: message.status });
+                SonicToast.add({ text: message.content || "", status: message.status });
         });
     }
     get message() {
         return this._message;
     }
     set message(value) {
+        var _a, _b;
         this._message = value;
         if (!this.message)
             return;
-        if (this.props.success !== false)
+        if (((_a = this.props) === null || _a === void 0 ? void 0 : _a.success) !== false)
             return;
-        if (this.props.public_message)
+        if ((_b = this.props) === null || _b === void 0 ? void 0 : _b.public_message)
             return;
         //OUi OUi il faut afficher "message" que si success est parfaitement égal à false et qu'il n'y a rien dans public_message.
         SonicToast.add({ text: this.message, status: "error" });
@@ -49,15 +50,16 @@ let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {
         return this._data;
     }
     set data(value) {
+        var _a, _b, _c, _d;
         this._data = value;
         const toastOptions = { text: "Votre produit a bien été ajouté", status: "success" };
-        if (Array.isArray(this.data) && this.props.success === true)
+        if (Array.isArray(this.data) && ((_a = this.props) === null || _a === void 0 ? void 0 : _a.success) === true)
             SonicToast.add(toastOptions);
-        if (this.data == "" && this.props.status === true)
+        if (this.data == "" && ((_b = this.props) === null || _b === void 0 ? void 0 : _b.status) === true)
             SonicToast.add(toastOptions);
-        if (this.props.success !== false)
+        if (((_c = this.props) === null || _c === void 0 ? void 0 : _c.success) !== false)
             return;
-        if (this.props.public_message)
+        if ((_d = this.props) === null || _d === void 0 ? void 0 : _d.public_message)
             return;
         SonicToast.add({ text: this.data, status: "error" });
     }

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

@@ -107,7 +107,7 @@ SonicToastItem.styles = [
         position: fixed;
         bottom: 1.25rem;
         right: 1.25rem;
-        z-index: 999;
+        z-index: 10000;
         display: flex;
         flex-direction: column-reverse;
       }

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

@@ -11,10 +11,11 @@ export declare class SonicToast extends LitElement {
         id: number;
         text: string;
         title: string | undefined;
-        status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus | undefined;
+        status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus;
         preserve: boolean | undefined;
         ghost: boolean | undefined;
         dismissForever: boolean | undefined;
     } | null;
-    removeItem(item: Toast): void;
+    static removeItem(toastToRemove?: Toast): void;
+    removeItem(toastToRemove?: Toast): void;
 }

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

@@ -29,22 +29,23 @@ let SonicToast = class SonicToast extends LitElement {
             pointerEvents: "none",
             gap: "1rem",
             display: "flex",
-            margin: "1rem"
+            margin: "1rem",
         };
         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" });
+            styles = Object.assign(Object.assign({}, styles), { margin: "0", width: "calc(100% - 2.5rem)", position: "fixed", bottom: "1.25rem", right: "1.25rem", zIndex: "10000", 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 maxHeight=${isIframe ? 'none' : '10rem'}
+          <sonic-toast-item
+            maxHeight=${isIframe ? "none" : "10rem"}
             status=${ifDefined(item.status)}
             title=${ifDefined(item.title)}
             ?ghost=${item.ghost}
             ?dismissForever=${item.dismissForever}
-            ?preserve=${item.preserve} 
+            ?preserve=${item.preserve}
             id=${ifDefined(item.id)}
             @hide=${() => this.removeItem(item)}
             ${animate({
@@ -71,7 +72,7 @@ let SonicToast = class SonicToast extends LitElement {
     </div>`;
     }
     static removeAll() {
-        let toastComponent = document.querySelector("sonic-toast");
+        const toastComponent = document.querySelector("sonic-toast");
         if (!toastComponent)
             return;
         toastComponent.toasts = toastComponent.toasts.filter((item) => item.ghost);
@@ -81,14 +82,14 @@ let SonicToast = class SonicToast extends LitElement {
         var _a;
         // Init toast area si absente (au <sonic-theme> ou <body< à défaut)
         if (!document.querySelector("sonic-toast")) {
-            let toastComponent = document.createElement("sonic-toast");
-            let container = document.querySelector("sonic-theme") || document.body;
+            const toastComponent = document.createElement("sonic-toast");
+            const container = document.querySelector("sonic-theme") || document.body;
             container.prepend(toastComponent);
         }
         // Ajoute le toast à la liste
-        let toastComponent = document.querySelector("sonic-toast");
+        const toastComponent = document.querySelector("sonic-toast");
         const nextId = (_a = conf.id) !== null && _a !== void 0 ? _a : new Date().valueOf();
-        const interactiveRegExp = new RegExp("</a>|</button>");
+        const interactiveRegExp = new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>");
         const hasInteractive = interactiveRegExp.test(conf.text);
         const currentToast = {
             id: nextId,
@@ -101,26 +102,40 @@ let SonicToast = class SonicToast extends LitElement {
         };
         // check if the toast is dismissed
         if (conf.dismissForever && conf.id) {
-            const dismissed = localStorage.getItem('sonic-toast-dismissed') || '{}';
+            const dismissed = localStorage.getItem("sonic-toast-dismissed") || "{}";
             const dismissedObj = JSON.parse(dismissed);
             if (dismissedObj[conf.id]) {
                 return null;
             }
         }
         if (toastComponent.toasts.length > 0) {
-            let toastA = Object.assign({}, currentToast);
-            let toastB = Object.assign({}, toastComponent.toasts[toastComponent.toasts.length - 1]);
-            toastA.id = toastB.id = 0;
-            if (!currentToast.preserve && Objects.shallowEqual(toastA, toastB)) {
-                return null;
+            const toastA = Object.assign({}, currentToast);
+            for (const toast of toastComponent.toasts) {
+                const toastB = Object.assign({}, toast);
+                toastA.id = toastB.id = 0;
+                if ( /*!currentToast.preserve && */Objects.shallowEqual(toastA, toastB)) {
+                    return null;
+                }
             }
         }
         toastComponent.toasts = [...toastComponent.toasts, currentToast];
         return currentToast;
     }
+    static removeItem(toastToRemove) {
+        const toastComponent = document.querySelector("sonic-toast");
+        if (!toastComponent)
+            return;
+        toastComponent.removeItem(toastToRemove);
+    }
     // Remove Toast
-    removeItem(item) {
-        this.toasts = this.toasts.filter((i) => i != item);
+    removeItem(toastToRemove) {
+        if (!toastToRemove)
+            return;
+        this.toasts = this.toasts.filter((toast) => {
+            toast = Object.assign({}, toast);
+            delete toast.id;
+            return !Objects.shallowEqual(toast, toastToRemove, false);
+        });
     }
 };
 __decorate([
@@ -131,6 +146,5 @@ SonicToast = __decorate([
 ], SonicToast);
 export { SonicToast };
 if (typeof window !== "undefined") {
-    let win = window;
-    win.SonicToast = SonicToast;
+    window.SonicToast = SonicToast;
 }

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

@@ -1,5 +1,6 @@
-export declare type ToastStatus = "" | "success" | "error" | "info";
-export declare type Toast = {
+import { Message } from "@supersoniks/concorde/la-billetterie/_types/swagger";
+export type ToastStatus = Message["status"] | "" | "success";
+export type Toast = {
     id?: number;
     text: string;
     title?: string;

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

@@ -2,6 +2,7 @@ import { LitElement } from "lit";
 export declare class Tooltip extends LitElement {
     static styles: import("lit").CSSResult[];
     label: string;
+    placement?: "top" | "bottom";
     disabled: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -14,23 +14,22 @@ let Tooltip = class Tooltip extends LitElement {
         this.disabled = false;
     }
     render() {
-        let disabledClass = this.disabled || this.label == "" ? "disabled" : "";
-        return html `<div
-      data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}"
-      class="tooltip ${disabledClass}"
-    >
+        const disabledClass = this.disabled || this.label == "" ? "disabled" : "";
+        return html `<div data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}" class="tooltip ${disabledClass}">
       <slot></slot>
     </div>`;
     }
 };
 Tooltip.styles = [
     css `
-      .tooltip {
+      :host {
         position: relative;
-        display: flex;
+        display: inline-flex;
         align-items: center;
         text-align: center;
+        --sc-tooltip-fw: var(--sc-font-weight-base);
       }
+
       .tooltip:before {
         position: absolute;
         content: attr(data-tooltip-text);
@@ -38,9 +37,6 @@ Tooltip.styles = [
         display: block;
         opacity: 0;
         pointer-events: none;
-        bottom: calc(100% + 0.25rem);
-        left: 50%;
-        transform: translateX(-50%);
         background: var(--sc-base-content, #111827);
         padding: 0.25rem;
         border-radius: 0.25rem;
@@ -50,16 +46,46 @@ Tooltip.styles = [
         line-height: 1.1;
         width: max-content;
         max-width: 20rem;
+        white-space: pre-line;
+        font-weight: var(--sc-tooltip-fw);
       }
       .tooltip:not(.disabled):hover:before {
         opacity: 1;
         display: block;
       }
+
+      :host(:not([placement])) .tooltip:before,
+      :host([placement="top"]) .tooltip:before {
+        bottom: calc(100% + 0.25rem);
+        left: 50%;
+        transform: translateX(-50%);
+      }
+
+      :host([placement="bottom"]) .tooltip:before {
+        top: calc(100% + 0.25rem);
+        left: 50%;
+        transform: translateX(-50%);
+      }
+
+      :host([placement="left"]) .tooltip:before {
+        top: 50%;
+        right: calc(100% + 0.25rem);
+        transform: translateY(-50%);
+      }
+
+      :host([placement="right"]) .tooltip:before {
+        top: 50%;
+        transform: translateY(-50%);
+        left: calc(100% + 0.25rem);
+      }
     `,
 ];
 __decorate([
     property({ type: String })
 ], Tooltip.prototype, "label", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Tooltip.prototype, "placement", void 0);
 __decorate([
     property({ type: Boolean })
 ], Tooltip.prototype, "disabled", void 0);
@@ -67,8 +93,3 @@ Tooltip = __decorate([
     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

@@ -19,7 +19,7 @@ import "./group/group";
 import "./icon/icon";
 import "./image/image";
 import "./loader/loader";
-import "./taxonomy/taxonomy";
+import "../../../la-billetterie/components/event/atoms/taxonomy/taxonomy";
 import "./menu/menu";
 import "./modal/modal";
 import "./alert/alert";

package/core/components/ui/ui.js

@@ -23,12 +23,9 @@ import "./group/group";
 import "./icon/icon";
 import "./image/image";
 import "./loader/loader";
-import "./taxonomy/taxonomy";
+import "../../../la-billetterie/components/event/atoms/taxonomy/taxonomy";
 //Menu
 import "./menu/menu";
-//Tabs
-// import "./tabs/tabs";
-// import "./tabs/tab";
 // Misc
 import "./modal/modal";
 import "./alert/alert";

package/core/core.js

@@ -1,10 +1,9 @@
 import "./components/functional/functional";
 import "./components/ui/ui";
 import "./mixins/mixins";
-import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
 import DataBindObserver from "./utils/DataBindObserver";
-let win = window;
-if (!win.SonicPublisherManager)
-    win.SonicPublisherManager = PublisherManager;
-if (!win.SonicDataBindObserver)
-    win.SonicDataBindObserver = DataBindObserver;
+if (!window.SonicPublisherManager)
+    window.SonicPublisherManager = PublisherManager;
+if (!window.SonicDataBindObserver)
+    window.SonicDataBindObserver = DataBindObserver;

package/core/mixins/Fetcher.d.ts

@@ -1,15 +1,19 @@
-import API from "@supersoniks/concorde/core/utils/api";
+/// <reference types="node" />
 import "@supersoniks/concorde/core/components/ui/button/button";
 import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
-declare type Constructor<T> = new (...args: any[]) => T;
-declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass: T) => {
-    new (...args: any[]): {
+import API from "@supersoniks/concorde/core/utils/api";
+import { PublisherContentType } from "../_types/types";
+import { MixinArgsType } from "../_types/types";
+import { ResultTypeInterface } from "@supersoniks/concorde/core/utils/api";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, PropsType extends PublisherContentType = PublisherContentType>(superClass: T, propsType?: PropsType | undefined) => {
+    new (...args: MixinArgsType[]): {
         api: API | null;
         /**
          * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
          * C'est cette donnée cible qui est injectée dans les pros et donc disponible via le publisher disponible globalement via PublisherManager.get(dataProvider)
          */
-        key: String;
+        key: string;
         /**
          * isFirstLoad vaut true jusqu'au premier chargement de données
          */
@@ -32,7 +36,11 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
          */
         isFetchEnabled: boolean;
         _endPoint: string;
+        props: (PropsType & ResultTypeInterface) | null;
         endPoint: string;
+        requestId: number;
+        refetchEveryMs: number;
+        refetchTimeOutId?: NodeJS.Timeout | undefined;
         /**
          *
          * C'est ici que les données sont chargées via l'utilitaire API
@@ -40,7 +48,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
          * Un Toast est affiché si le chargement échoue
          */
         _fetchData(): Promise<void>;
-        onInvalidate: any;
+        onInvalidate?: (() => void) | undefined;
         disconnectedCallback(): void;
         connectedCallback(): void;
         /**
@@ -48,13 +56,11 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
          */
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
-        props: any;
-        propertyMap: Object;
+        propertyMap: object;
         isConnected: boolean;
-        getAncestorAttributeValue(attributeName: string): string; /**
-         * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
-         * C'est cette donnée cible qui est injectée dans les pros et donc disponible via le publisher disponible globalement via PublisherManager.get(dataProvider)
-         */
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
+        getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
@@ -63,6 +69,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
         displayContents: boolean;
+        shadowRoot?: ShadowRoot | undefined;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -72,7 +79,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         getApiConfiguration(): import("@supersoniks/concorde/core/utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 export default Fetcher;