@supersoniks/concorde 3.1.78 → 3.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.1.78",
+  "version": "3.1.79",
   "license": "MIT",
   "type": "module",
   "main": "",

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

@@ -182,6 +182,32 @@ export class Input extends FormInput(FormElement(Subscriber(LitElement))) {
     // this.type = this.isPassword ? "password" : "text";
   }
 
+  /**
+   * Code a réfléchir et tester a l'occasion :
+   * le changement programmatique de la valeur de l'input ne renvoie pas d'événement change.
+   * On pourrait le faire en surchargeant la propriété value de l'input.
+   */
+  // protected firstUpdated(_changedProperties: PropertyValues): void {
+  //   super.firstUpdated(_changedProperties);
+  //   const descriptor = Object.getOwnPropertyDescriptor(
+  //     HTMLInputElement.prototype,
+  //     "value"
+  //   );
+  //   const that = this;
+  //   Object.defineProperty(this.input, "value", {
+  //     get() {
+  //       return descriptor?.get?.call(this);
+  //     },
+  //     set(val) {
+  //       const oldValue = this.value;
+  //       if (val !== oldValue) {
+  //         descriptor?.set?.call(this, val);
+  //         that.input.dispatchEvent(new Event("input"));
+  //       }
+  //     },
+  //   });
+  // }
+
   render() {
     const slotClasses = {
       "has-prefix": this.hasPrefix,

package/src/core/components/ui/form/input-autocomplete/input-autocomplete.ts

@@ -23,7 +23,6 @@ import { Input } from "@supersoniks/concorde/core/components/ui/form/input/input
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
 import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 import { traverseDotNotation } from "@supersoniks/concorde/core/utils/Objects";
-import { FormElementValue } from "@supersoniks/concorde/core/mixins/FormElement";
 
 type ListItem = Record<string, string>;
 
@@ -87,6 +86,7 @@ export class InputAutocomplete extends TemplatesContainer(
   private initSearchDataProvider = "";
   private queueDataProvider = "";
   private initQueueDataProvider = "";
+  @state()
   private lastValidSearch: ListItem | string = "";
   private searchPublisher?: PublisherProxy;
   private countPublisher?: PublisherProxy;
@@ -100,15 +100,6 @@ export class InputAutocomplete extends TemplatesContainer(
     this.hasInputPrefix = !!this.slotInputPrefixNodes?.length;
   }
 
-  override get value() {
-    return super.value;
-  }
-
-  override set value(value: FormElementValue) {
-    this.searchPublisher?.set(value);
-    super.value = value;
-  }
-
   /**
    * Run when the formDataProvider's field is updated
    *
@@ -126,15 +117,16 @@ export class InputAutocomplete extends TemplatesContainer(
     );
     // Si la liste de this.queueDataProvider est bien initialisée, mais qu'aucun item ne correspond à la recherche
     // On affiche quand même la valeur dans le champ de recherche, car il provient directement du formDataProvider
-    if (
-      found === false &&
-      (!this.searchParameter || this.searchParameter === this.name)
-    ) {
+    if (found === false && this.isSearchParameter()) {
       this.lastValidSearch = value;
       this.searchPublisher?.set(this.lastValidSearch);
     }
   };
 
+  private isSearchParameter() {
+    return !this.searchParameter || this.searchParameter === this.name;
+  }
+
   private updatePopContentVisibility = (value: string) => {
     this.isPopVisible = (value?.length || 0) >= this.minSearchLength;
   };
@@ -176,7 +168,9 @@ export class InputAutocomplete extends TemplatesContainer(
       this.propertyName === "_self"
         ? listItem
         : listItem[this.searchParameter || this.propertyName || this.name];
-    this.searchPublisher?.set(this.lastValidSearch);
+    if (this.isSearchParameter()) {
+      this.searchPublisher?.set(this.lastValidSearch);
+    }
   };
   private updateActiveSelection = () => {
     this.queryQueueListItem(
@@ -310,12 +304,19 @@ export class InputAutocomplete extends TemplatesContainer(
     if (!this.select) return;
     if (this.searchPublisher?.get() == "") {
       this.lastValidSearch = "";
-      this.formValuePublisher?.set("");
+      this.formValuePublisher?.set("");Œ
       return;
     }
     this.searchPublisher?.set(this.lastValidSearch);
   }
 
+  getInputValue() {
+    if (!this.isSearchParameter()) {
+      return this.lastValidSearch;
+    }
+    return this.searchPublisher?.get();
+  }
+
   render() {
     return html`
       <sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
@@ -328,13 +329,14 @@ export class InputAutocomplete extends TemplatesContainer(
           label="${ifDefined(this.label)}"
           description="${ifDefined(this.description)}"
           name="${ifDefined(this.searchParameter || this.name)}"
+          ?required=${this.required}
           placeholder="${ifDefined(this.placeholder)}"
           ?readonly="${this.readonly}"
           autocomplete="off"
           clearable
           inlineContent
           size=${this.size}
-          value="${ifDefined(this.searchPublisher?.get() || this.value)}"
+          value=${ifDefined(this.getInputValue())}
         >
           <slot
             name="prefix"

package/src/core/mixins/FormElement.ts

@@ -181,7 +181,9 @@ const Form = <T extends Constructor<SubscriberInterface>>(superClass: T) => {
         (value as { _value?: CoreJSType })._value == undefined
       )
         value = "";
-      if (this._value == value) return;
+      if (this._value == value) {
+        return;
+      }
       this._value = value;
       this.updateDataValue();
       this.requestUpdate();

package/src/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.demo.ts","./core/components/functional/list/list.spec.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.demo.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.demo.ts","./core/components/functional/router/router.spec.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.demo.ts","./core/components/functional/states/states.spec.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.spec.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.6.3"}
+{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.demo.ts","./core/components/functional/list/list.spec.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.demo.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.demo.ts","./core/components/functional/router/router.spec.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.demo.ts","./core/components/functional/states/states.spec.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.spec.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"errors":true,"version":"5.6.3"}