@supersoniks/concorde 1.1.40 → 1.1.41

package/core/components/ui/form/input/password-helper.js

@@ -0,0 +1,96 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+const tagName = "sonic-password-helper"; // For Astro.build
+console.log("HEY");
+let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.minChars = 8;
+        this.hasNoChar = true;
+        this.hasEnoughChars = false;
+        this.hasMinuscule = false;
+        this.hasMajuscule = false;
+        this.hasNumber = false;
+        this.hasSpecialChar = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.name) {
+            this.checkValue = (v) => {
+                if (v) {
+                    this.hasNoChar = v.length == 0;
+                    this.hasEnoughChars = v.length > this.minChars;
+                }
+                else {
+                    this.hasNoChar = true;
+                    this.hasEnoughChars = false;
+                }
+                this.hasMinuscule = /[a-z]/.test(v);
+                this.hasMajuscule = /[A-Z]/.test(v);
+                this.hasNumber = /[0-9]/.test(v);
+                this.hasSpecialChar = /[!"#$%&'()*+,\-\.\/:;<=>?@[\]^_`{|}~]/.test(v);
+            };
+            PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue);
+        }
+    }
+    disconnectedCallback() {
+        if (this.checkValue && this.name) {
+            PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue);
+        }
+    }
+    getIcon(test) {
+        return test
+            ? html `<sonic-icon library="heroicons" , name="face-smile"></sonic-icon>`
+            : html `<sonic-icon library="heroicons" , name="x-circle"></sonic-icon>`;
+    }
+    //TODO Multilangue
+    render() {
+        if (this.hasNoChar)
+            return nothing;
+        return html `
+      <div>Le mot de passe doit contenir au moins :</div>
+      <div>${this.getIcon(this.hasEnoughChars)} 8 caractères</div>
+      <div>${this.getIcon(this.hasMinuscule)} 1 minuscule</div>
+      <div>${this.getIcon(this.hasMajuscule)} 1 majuscule</div>
+      <div>${this.getIcon(this.hasNumber)} 1 chiffre</div>
+      <div>${this.getIcon(this.hasSpecialChar)} 1 caractère spécial parmi !"#$%&'()*+,-./:;<=>?@[]^_\`{|}~</div>
+    `;
+    }
+};
+__decorate([
+    property()
+], SonicComponent.prototype, "name", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "minChars", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasNoChar", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasEnoughChars", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasMinuscule", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasMajuscule", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasNumber", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasSpecialChar", void 0);
+SonicComponent = __decorate([
+    customElement(tagName)
+], SonicComponent);
+export { SonicComponent };

package/core/components/ui/form/input/same-value-helper.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, nothing } from "lit";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+export declare class SonicComponent extends SonicComponent_base {
+    name?: string;
+    sameValueAs?: string;
+    descriptionWhenEqual: string;
+    descriptionWhenNotEqual: string;
+    areEqual: boolean;
+    hasNoChar: boolean;
+    checkValue?: (v: string) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+export {};

package/core/components/ui/form/input/same-value-helper.js

@@ -0,0 +1,76 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+const tagName = "sonic-same-value-helper"; // For Astro.build
+let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.descriptionWhenEqual = "Correspondance : oui";
+        this.descriptionWhenNotEqual = "Correspondance : non";
+        this.areEqual = false;
+        this.hasNoChar = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+        if (this.name && this.sameValueAs) {
+            this.checkValue = (v) => {
+                if (v)
+                    this.hasNoChar = v.length == 0;
+                else
+                    this.hasNoChar = true;
+                if (this.name && this.sameValueAs) {
+                    this.areEqual = formDataProvider[this.name].get() == formDataProvider[this.sameValueAs].get();
+                }
+            };
+            formDataProvider[this.name].onAssign(this.checkValue);
+            formDataProvider[this.sameValueAs].onAssign(this.checkValue);
+        }
+    }
+    disconnectedCallback() {
+        if (this.checkValue && this.name && this.sameValueAs) {
+            let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+            formDataProvider[this.name].offAssign(this.checkValue);
+            formDataProvider[this.sameValueAs].offAssign(this.checkValue);
+        }
+    }
+    //TODO Multilangue
+    render() {
+        if (this.hasNoChar)
+            return nothing;
+        return html `
+      <span> ${this.areEqual ? unsafeHTML(this.descriptionWhenEqual) : unsafeHTML(this.descriptionWhenNotEqual)} </span>
+    `;
+    }
+};
+__decorate([
+    property()
+], SonicComponent.prototype, "name", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "sameValueAs", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "descriptionWhenEqual", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "descriptionWhenNotEqual", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "areEqual", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasNoChar", void 0);
+SonicComponent = __decorate([
+    customElement(tagName)
+], SonicComponent);
+export { SonicComponent };

package/core/components/ui/form/select/select.js

@@ -123,9 +123,13 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
             "has-prefix": this.hasPrefix,
             "has-suffix": this.hasSuffix,
         };
+        let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? unsafeHTML(this.label) : ""}<slot name="label" @slotchange=${this.onSlotChange}></slot
+        >${this.label ? unsafeHTML(this.label + labelStarSuffix) : ""}<slot
+          name="label"
+          @slotchange=${this.onSlotChange}
+        ></slot
       ></label>
 
       <div class="form-control ${classMap(slotClasses)}">

package/core/components/ui/form/textarea/textarea.js

@@ -48,9 +48,13 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
         textarea.reportValidity();
     }
     render() {
+        let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? unsafeHTML(this.label) : ""}<slot name="label" @slotchange=${this.onSlotChange}></slot
+        >${this.label ? unsafeHTML(this.label + labelStarSuffix) : ""}<slot
+          name="label"
+          @slotchange=${this.onSlotChange}
+        ></slot
       ></label>
 
       <div class="form-control">

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

@@ -4,6 +4,8 @@ import "./button/button";
 import "./link/link";
 import "./progress/progress";
 import "./form/input/input";
+import "./form/input/password-helper";
+import "./form/input/same-value-helper";
 import "./form/checkbox/checkbox";
 import "./form/radio/radio";
 import "./form/select/select";

package/core/components/ui/ui.js

@@ -7,6 +7,8 @@ import "./link/link";
 import "./progress/progress";
 // FORMS
 import "./form/input/input";
+import "./form/input/password-helper";
+import "./form/input/same-value-helper";
 import "./form/checkbox/checkbox";
 import "./form/radio/radio";
 import "./form/select/select";

package/core/mixins/Fetcher.js

@@ -86,14 +86,18 @@ const Fetcher = (superClass) => {
                     Loader.show();
                 let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
                 data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
-                // Si data est vide OU si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
-                if (!data || (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1)) {
+                // Je garde ça mais normalement ça n'arrive jamais
+                if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;
                     if (hasLoader)
                         Loader.hide();
                     return;
                 }
+                // Si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
+                else if (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
+                    SonicToast.add({ text: "Network Error", status: "error" });
+                }
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {

package/core/utils/HTML.d.ts

@@ -10,5 +10,13 @@ declare class HTML {
      * @returns valeur de l'attribut ou null si l'attribut n'est pas trouvé
      */
     static getAncestorAttributeValue(node: any, attributeName: string): string | null;
+    /**
+     * Lance le chargement d'un js et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadJS(src: string): Promise<unknown>;
+    /**
+     * Lance le chargement d'un css et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadCSS(src: string): Promise<unknown>;
 }
 export default HTML;

package/core/utils/HTML.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 class HTML {
     /**
      * retourne la langue de la page courante telle que défini via l'attribut lang de la balise html
@@ -29,5 +38,37 @@ class HTML {
         }
         return node.getAttribute(attributeName);
     }
+    /**
+     * Lance le chargement d'un js et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadJS(src) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                let script = document.createElement("script");
+                script.src = src;
+                script.onload = () => resolve(true);
+                script.onerror = () => resolve(true);
+                document.head.appendChild(script);
+            }));
+            return p;
+        });
+    }
+    /**
+     * Lance le chargement d'un css et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadCSS(src) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                var cssnode = document.createElement("link");
+                cssnode.type = "text/css";
+                cssnode.rel = "stylesheet";
+                cssnode.href = src;
+                cssnode.onload = () => resolve(true);
+                cssnode.onerror = () => resolve(true);
+                document.head.appendChild(cssnode);
+            }));
+            return p;
+        });
+    }
 }
 export default HTML;