@supersoniks/concorde 1.1.31 → 1.1.35

package/core/mixins/FormInput.d.ts

@@ -1,13 +1,20 @@
 import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
 declare type Constructor<T> = new (...args: any[]) => T;
+declare type Type = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
 declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
     new (...args: any[]): {
         validateFormElement(): void;
+        forceAutoFill: boolean;
         /**
          * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
          * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
          */
-        type: "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
+        _type: Type;
+        type: Type;
+        _description?: string | undefined;
+        description: string | undefined;
+        _label?: string | undefined;
+        label: string | undefined;
         tabindex?: number | undefined;
         autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
@@ -20,10 +27,6 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
-        /**
-         * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
-         * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
-         */
         _value: any;
         value: any;
         _name: string;

package/core/mixins/FormInput.js

@@ -9,11 +9,12 @@ const Form = (superClass) => {
     class FormInput extends superClass {
         constructor(...args) {
             super();
+            this.forceAutoFill = false;
             /**
              * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
              * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
              */
-            this.type = "text";
+            this._type = "text";
             args;
         }
         validateFormElement() {
@@ -25,10 +26,46 @@ const Form = (superClass) => {
             this.getFormPublisher().isFormValid = false;
             input.reportValidity();
         }
+        set type(value) {
+            if (this.hasAttribute("type") && !this.forceAutoFill)
+                value = this.getAttribute("type");
+            this._type = value;
+            this.requestUpdate();
+        }
+        get type() {
+            return this._type;
+        }
+        get description() {
+            return this._description;
+        }
+        set description(value) {
+            if (this.hasAttribute("description") && !this.forceAutoFill)
+                value = this.getAttribute("description");
+            this._description = value;
+            this.requestUpdate();
+        }
+        get label() {
+            return this._label;
+        }
+        set label(value) {
+            if (this.hasAttribute("label") && !this.forceAutoFill)
+                value = this.getAttribute("label");
+            this._label = value;
+            this.requestUpdate();
+        }
     }
+    __decorate([
+        property()
+    ], FormInput.prototype, "forceAutoFill", void 0);
     __decorate([
         property({ type: String })
-    ], FormInput.prototype, "type", void 0);
+    ], FormInput.prototype, "type", null);
+    __decorate([
+        property()
+    ], FormInput.prototype, "description", null);
+    __decorate([
+        property()
+    ], FormInput.prototype, "label", null);
     __decorate([
         property({ type: Number })
     ], FormInput.prototype, "tabindex", void 0);

package/core/mixins/Subscriber.js

@@ -50,6 +50,7 @@ const Subscriber = (superClass) => {
              * noAutoFill permet de désactiver le remplissage automatique des propriétés par le publisher dans le cas ou on utilise "props" seulement ou le dataBinding par exemple
              */
             this.noAutoFill = false;
+            this.forceAutoFill = false;
             /**
              *
              */
@@ -361,6 +362,9 @@ const Subscriber = (superClass) => {
     __decorate([
         property({ type: Boolean })
     ], SubscriberElement.prototype, "noAutoFill", void 0);
+    __decorate([
+        property({ type: Boolean })
+    ], SubscriberElement.prototype, "forceAutoFill", void 0);
     __decorate([
         property({ type: Object })
     ], SubscriberElement.prototype, "propertyMap", void 0);

package/core/utils/api.d.ts

@@ -50,6 +50,10 @@ declare class API {
      */
     computeURL(path: String): string;
     send(path: String, data: any, method?: string, additionalHeaders?: HeadersInit): Promise<any>;
+    /**
+     * Agit comme une soumission de formulaire, mais attends un json en réponse
+     */
+    submitFormData(path: String, data: any, method?: string, additionalHeaders?: HeadersInit): Promise<any>;
     /**
      * Appel send en utilisant le méthode PUT
      */

package/core/utils/api.js

@@ -95,7 +95,6 @@ class API {
      */
     send(path, data, method = "POST", additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.auth();
             let headers = yield this.createHeaders(additionalHeaders);
             headers["Accept"] = "application/json";
             headers["Content-Type"] = "application/json";
@@ -114,6 +113,31 @@ class API {
             }
         });
     }
+    /**
+     * Agit comme une soumission de formulaire, mais attends un json en réponse
+     */
+    submitFormData(path, data, method = "POST", additionalHeaders) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let headers = yield this.createHeaders(additionalHeaders);
+            headers["Accept"] = "application/json";
+            let formData = new FormData();
+            for (let z in data)
+                formData.set(z, data[z]);
+            let result = yield fetch(this.computeURL(path), {
+                headers: headers,
+                method: method,
+                body: formData,
+            });
+            try {
+                let json = yield result.json();
+                json._sonic_http_response_ = result;
+                return json;
+            }
+            catch (e) {
+                return { _sonic_http_response_: result };
+            }
+        });
+    }
     /**
      * Appel send en utilisant le méthode PUT
      */

package/mixins.d.ts

@@ -41,8 +41,7 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
     new (...args: any[]): {
         _value: string | null;
         value: string | null;
-        _name: string;
-        name: string;
+        forceAutoFill: boolean;
         unique: true | null;
         radio: true | null;
         _checked: true | null;
@@ -61,6 +60,8 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
+        _name: string;
+        name: string;
         props: any;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
@@ -89,7 +90,13 @@ export declare const FormElement: <T extends new (...args: any[]) => mySubscribe
 export declare const FormInput: <T extends new (...args: any[]) => myFormElement.FormElementInterface>(superClass: T) => {
     new (...args: any[]): {
         validateFormElement(): void;
+        forceAutoFill: boolean;
+        _type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
         type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
+        _description?: string | undefined;
+        description: string | undefined;
+        _label?: string | undefined;
+        label: string | undefined;
         tabindex?: number | undefined;
         autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.31",
+  "version": "1.1.35",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {