@vaadin/field-base - npm Package Compare versions

Comparing version 22.0.0-alpha5 to 22.0.0-alpha6

index.d.ts

@@ -1,4 +0,4 @@
-export { ActiveMixin } from './src/active-mixin.js';
 export { AriaLabelMixin } from './src/aria-label-mixin.js';
 export { CharLengthMixin } from './src/char-length-mixin.js';
+export { CheckedMixin } from './src/checked-mixin.js';
 export { ClearButtonMixin } from './src/clear-button-mixin.js';
@@ -8,5 +8,3 @@ export { DelegateFocusMixin } from './src/delegate-focus-mixin.js';
 export { DelegateStateMixin } from './src/delegate-state-mixin.js';
-export { DisabledMixin } from './src/disabled-mixin.js';
 export { FieldAriaMixin } from './src/field-aria-mixin.js';
-export { FocusMixin } from './src/focus-mixin.js';
 export { HelperTextMixin } from './src/helper-text-mixin.js';
@@ -16,10 +14,7 @@ export { InputFieldMixin } from './src/input-field-mixin.js';
 export { InputSlotMixin } from './src/input-slot-mixin.js';
-export { KeyboardMixin } from './src/keyboard-mixin.js';
 export { LabelMixin } from './src/label-mixin.js';
 export { PatternMixin } from './src/pattern-mixin.js';
-export { SlotMixin } from './src/slot-mixin.js';
 export { SlotStylesMixin } from './src/slot-styles-mixin.js';
-export { TabindexMixin } from './src/tabindex-mixin.js';
 export { TextAreaSlotMixin } from './src/text-area-slot-mixin.js';
 export { TextFieldMixin } from './src/text-field-mixin.js';
 export { ValidateMixin } from './src/validate-mixin.js';

index.js

@@ -1,4 +0,4 @@
-export { ActiveMixin } from './src/active-mixin.js';
 export { AriaLabelMixin } from './src/aria-label-mixin.js';
 export { CharLengthMixin } from './src/char-length-mixin.js';
+export { CheckedMixin } from './src/checked-mixin.js';
 export { ClearButtonMixin } from './src/clear-button-mixin.js';
@@ -8,5 +8,3 @@ export { DelegateFocusMixin } from './src/delegate-focus-mixin.js';
 export { DelegateStateMixin } from './src/delegate-state-mixin.js';
-export { DisabledMixin } from './src/disabled-mixin.js';
 export { FieldAriaMixin } from './src/field-aria-mixin.js';
-export { FocusMixin } from './src/focus-mixin.js';
 export { HelperTextMixin } from './src/helper-text-mixin.js';
@@ -16,10 +14,7 @@ export { InputFieldMixin } from './src/input-field-mixin.js';
 export { InputSlotMixin } from './src/input-slot-mixin.js';
-export { KeyboardMixin } from './src/keyboard-mixin.js';
 export { LabelMixin } from './src/label-mixin.js';
 export { PatternMixin } from './src/pattern-mixin.js';
-export { SlotMixin } from './src/slot-mixin.js';
 export { SlotStylesMixin } from './src/slot-styles-mixin.js';
-export { TabindexMixin } from './src/tabindex-mixin.js';
 export { TextAreaSlotMixin } from './src/text-area-slot-mixin.js';
 export { TextFieldMixin } from './src/text-field-mixin.js';
 export { ValidateMixin } from './src/validate-mixin.js';

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "22.0.0-alpha5",
+  "version": "22.0.0-alpha6",
   "description": "Vaadin field base mixins",
@@ -25,7 +25,8 @@ "main": "index.js",
   "dependencies": {
-    "@polymer/polymer": "^3.0.0"
+    "@polymer/polymer": "^3.0.0",
+    "@vaadin/component-base": "^22.0.0-alpha6"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/testing-helpers": "^0.2.1",
+    "@vaadin/testing-helpers": "^0.3.0",
     "sinon": "^9.2.1"
@@ -36,3 +37,3 @@ },
   },
-  "gitHead": "012f658db6f81375be8889f63ee15e3f660fe9ec"
+  "gitHead": "4b136b1c7da8942960e7255f40c27859125b3a45"
 }

src/clear-button-mixin.d.ts

@@ -6,4 +6,4 @@ /**
  */
+import { KeyboardMixin } from '@vaadin/component-base/src/keyboard-mixin.js';
 import { InputMixin } from './input-mixin.js';
-import { KeyboardMixin } from './keyboard-mixin.js';
 
@@ -10,0 +10,0 @@ /**

src/clear-button-mixin.js

@@ -7,4 +7,4 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
+import { KeyboardMixin } from '@vaadin/component-base/src/keyboard-mixin.js';
 import { InputMixin } from './input-mixin.js';
-import { KeyboardMixin } from './keyboard-mixin.js';
 
@@ -11,0 +11,0 @@ const ClearButtonMixinImplementation = (superclass) =>

src/delegate-focus-mixin.d.ts

@@ -6,4 +6,4 @@ /**
  */
-import { FocusMixin } from './focus-mixin.js';
-import { DisabledMixin } from './disabled-mixin.js';
+import { DisabledMixin } from '@vaadin/component-base/src/disabled-mixin.js';
+import { FocusMixin } from '@vaadin/component-base/src/focus-mixin.js';
 
@@ -10,0 +10,0 @@ /**

src/delegate-focus-mixin.js

@@ -7,4 +7,4 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
-import { FocusMixin } from './focus-mixin.js';
-import { DisabledMixin } from './disabled-mixin.js';
+import { DisabledMixin } from '@vaadin/component-base/src/disabled-mixin.js';
+import { FocusMixin } from '@vaadin/component-base/src/focus-mixin.js';
 
@@ -85,2 +85,3 @@ const DelegateFocusMixinImplementation = (superclass) =>
       if (element) {
+        element.disabled = this.disabled;
         this._addFocusListeners(element);
@@ -87,0 +88,0 @@ } else if (oldElement) {

src/helper-text-mixin.d.ts

@@ -6,3 +6,3 @@ /**
  */
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 
@@ -22,5 +22,5 @@ /**
    */
-  helperText: string;
+  helperText: string | null | undefined;
 }
 
 export { HelperTextMixinConstructor, HelperTextMixin };

src/helper-text-mixin.js

@@ -7,3 +7,3 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 
@@ -10,0 +10,0 @@ const HelperTextMixinImplementation = (superclass) =>

src/input-constraints-mixin.js

@@ -73,2 +73,26 @@ /**
 
+    /**
+     * Override an event listener inherited from `InputMixin`
+     * to capture native `change` event and make sure that
+     * a new one is dispatched after validation runs.
+     * @param {Event} event
+     * @protected
+     * @override
+     */
+    _onChange(event) {
+      event.stopPropagation();
+
+      this.validate();
+
+      this.dispatchEvent(
+        new CustomEvent('change', {
+          detail: {
+            sourceEvent: event
+          },
+          bubbles: event.bubbles,
+          cancelable: event.cancelable
+        })
+      );
+    }
+
     /** @private */
@@ -75,0 +99,0 @@ __isValidConstraint(constraint) {

src/input-field-mixin.js

@@ -116,3 +116,3 @@ /**
     /**
-     * Override an event listener from `DelegatesFocusMixin`.
+     * Override an event listener from `DelegateFocusMixin`.
      * @param {FocusEvent} event
@@ -131,3 +131,3 @@ * @protected
     /**
-     * Override an event listener from `DelegatesFocusMixin`.
+     * Override an event listener from `DelegateFocusMixin`.
      * @param {FocusEvent} event
@@ -134,0 +134,0 @@ * @protected

src/input-slot-mixin.d.ts

@@ -6,4 +6,4 @@ /**
  */
-import { DelegatesFocusMixin } from './delegate-focus-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
+import { DelegateFocusMixin } from './delegate-focus-mixin.js';
 import { InputMixin } from './input-mixin.js';
@@ -20,3 +20,3 @@
 
-interface InputSlotMixin extends DelegatesFocusMixin, InputMixin, SlotMixin {
+interface InputSlotMixin extends DelegateFocusMixin, InputMixin, SlotMixin {
   /**
@@ -23,0 +23,0 @@ * String used to define input type.

src/input-slot-mixin.js

@@ -7,5 +7,5 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 import { DelegateFocusMixin } from './delegate-focus-mixin.js';
 import { InputMixin } from './input-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
 
@@ -12,0 +12,0 @@ const InputSlotMixinImplementation = (superclass) =>

src/label-mixin.d.ts

@@ -6,3 +6,3 @@ /**
  */
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 
@@ -9,0 +9,0 @@ /**

src/label-mixin.js

@@ -7,3 +7,3 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 
@@ -10,0 +10,0 @@ const LabelMixinImplementation = (superclass) =>

src/text-area-slot-mixin.d.ts

@@ -6,4 +6,4 @@ /**
  */
-import { DelegatesFocusMixin } from './delegate-focus-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
+import { DelegateFocusMixin } from './delegate-focus-mixin.js';
 import { InputMixin } from './input-mixin.js';
@@ -20,4 +20,4 @@
 
-interface TextAreaSlotMixin extends DelegatesFocusMixin, InputMixin, SlotMixin {}
+interface TextAreaSlotMixin extends DelegateFocusMixin, InputMixin, SlotMixin {}
 
 export { TextAreaSlotMixinConstructor, TextAreaSlotMixin };

src/text-area-slot-mixin.js

@@ -7,5 +7,5 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 import { DelegateFocusMixin } from './delegate-focus-mixin.js';
 import { InputMixin } from './input-mixin.js';
-import { SlotMixin } from './slot-mixin.js';
 
@@ -12,0 +12,0 @@ const TextAreaSlotMixinImplementation = (superclass) =>

src/validate-mixin.d.ts

@@ -6,3 +6,3 @@ /**
  */
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 
@@ -9,0 +9,0 @@ /**

src/validate-mixin.js

@@ -7,3 +7,3 @@ /**
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
-import { SlotMixin } from './slot-mixin.js';
+import { SlotMixin } from '@vaadin/component-base/src/slot-mixin.js';
 
@@ -80,2 +80,4 @@ const ValidateMixinImplementation = (superclass) =>
         this._applyCustomError();
+
+        this._updateErrorMessage(this.invalid, this.errorMessage);
       }
@@ -82,0 +84,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

84234

decreased by-11.17%

Dependency count

2

increased by100%

Number of package files

45

decreased by-15.09%

Lines of code

2170

decreased by-12.85%

Dependency changes

• + Added@vaadin/component-base@^22.0.0-alpha6

• + Added@lit-labs/ssr-dom-shim@1.2.1(transitive)

• + Added@lit/reactive-element@1.6.3(transitive)

• + Added@open-wc/dedupe-mixin@1.4.0(transitive)

• + Added@types/trusted-types@2.0.7(transitive)

• + Added@vaadin/component-base@22.1.0(transitive)

• + Added@vaadin/vaadin-development-mode-detector@2.0.7(transitive)

• + Added@vaadin/vaadin-usage-statistics@2.1.3(transitive)

• + Addedlit@2.8.0(transitive)

• + Addedlit-element@3.3.3(transitive)

• + Addedlit-html@2.8.0(transitive)