@vaadin/date-picker - npm Package Compare versions

Comparing version 22.0.0-alpha7 to 22.0.0-alpha8

package.json

 {
   "name": "@vaadin/date-picker",
-  "version": "22.0.0-alpha7",
+  "version": "22.0.0-alpha8",
   "publishConfig": {
@@ -38,19 +38,19 @@ "access": "public"
     "@polymer/polymer": "^3.2.0",
-    "@vaadin/button": "22.0.0-alpha7",
-    "@vaadin/component-base": "22.0.0-alpha7",
-    "@vaadin/field-base": "22.0.0-alpha7",
-    "@vaadin/input-container": "22.0.0-alpha7",
-    "@vaadin/vaadin-lumo-styles": "22.0.0-alpha7",
-    "@vaadin/vaadin-material-styles": "22.0.0-alpha7",
-    "@vaadin/vaadin-overlay": "22.0.0-alpha7",
-    "@vaadin/vaadin-themable-mixin": "22.0.0-alpha7"
+    "@vaadin/button": "22.0.0-alpha8",
+    "@vaadin/component-base": "22.0.0-alpha8",
+    "@vaadin/field-base": "22.0.0-alpha8",
+    "@vaadin/input-container": "22.0.0-alpha8",
+    "@vaadin/vaadin-lumo-styles": "22.0.0-alpha8",
+    "@vaadin/vaadin-material-styles": "22.0.0-alpha8",
+    "@vaadin/vaadin-overlay": "22.0.0-alpha8",
+    "@vaadin/vaadin-themable-mixin": "22.0.0-alpha8"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/dialog": "22.0.0-alpha7",
-    "@vaadin/polymer-legacy-adapter": "22.0.0-alpha7",
+    "@vaadin/dialog": "22.0.0-alpha8",
+    "@vaadin/polymer-legacy-adapter": "22.0.0-alpha8",
     "@vaadin/testing-helpers": "^0.3.0",
     "sinon": "^9.2.0"
   },
-  "gitHead": "8e89419c6b44a1d225d5859e180d7b35e47ddb52"
+  "gitHead": "c24468526298ee26ad7f7280b59f6c8789e1f75f"
 }

src/vaadin-date-picker-light.d.ts

@@ -0,8 +1,36 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
 import { DatePickerMixin } from './vaadin-date-picker-mixin.js';
+export { DatePickerDate, DatePickerI18n } from './vaadin-date-picker-mixin.js';
 
-import { DatePickerEventMap } from './interfaces';
+/**
+ * Fired when the `opened` property changes.
+ */
+export type DatePickerLightOpenedChangedEvent = CustomEvent<{ value: boolean }>;
 
 /**
+ * Fired when the `invalid` property changes.
+ */
+export type DatePickerLightInvalidChangedEvent = CustomEvent<{ value: boolean }>;
+
+/**
+ * Fired when the `value` property changes.
+ */
+export type DatePickerLightValueChangedEvent = CustomEvent<{ value: string }>;
+
+export interface DatePickerLightCustomEventMap {
+  'opened-changed': DatePickerLightOpenedChangedEvent;
+
+  'invalid-changed': DatePickerLightInvalidChangedEvent;
+
+  'value-changed': DatePickerLightValueChangedEvent;
+}
+
+export interface DatePickerLightEventMap extends HTMLElementEventMap, DatePickerLightCustomEventMap {}
+
+/**
  * `<vaadin-date-picker-light>` is a customizable version of the `<vaadin-date-picker>` providing
@@ -53,11 +81,11 @@ * only the scrollable month calendar view and leaving the input field definition to the user.
 
-  addEventListener<K extends keyof DatePickerEventMap>(
+  addEventListener<K extends keyof DatePickerLightEventMap>(
     type: K,
-    listener: (this: DatePickerLight, ev: DatePickerEventMap[K]) => void,
+    listener: (this: DatePickerLight, ev: DatePickerLightEventMap[K]) => void,
     options?: boolean | AddEventListenerOptions
   ): void;
 
-  removeEventListener<K extends keyof DatePickerEventMap>(
+  removeEventListener<K extends keyof DatePickerLightEventMap>(
     type: K,
-    listener: (this: DatePickerLight, ev: DatePickerEventMap[K]) => void,
+    listener: (this: DatePickerLight, ev: DatePickerLightEventMap[K]) => void,
     options?: boolean | EventListenerOptions
@@ -64,0 +92,0 @@ ): void;

src/vaadin-date-picker-mixin.d.ts

@@ -9,4 +9,24 @@ /**
 import { DelegateFocusMixin } from '@vaadin/field-base/src/delegate-focus-mixin.js';
-import { DatePickerI18n } from './interfaces';
 
+export interface DatePickerDate {
+  day: number;
+  month: number;
+  year: number;
+}
+
+export interface DatePickerI18n {
+  monthNames: string[];
+  weekdays: string[];
+  weekdaysShort: string[];
+  firstDayOfWeek: number;
+  week: string;
+  calendar: string;
+  clear: string;
+  today: string;
+  cancel: string;
+  parseDate: (date: string) => DatePickerDate | undefined;
+  formatDate: (date: DatePickerDate) => string;
+  formatTitle: (monthName: string, fullYear: number) => string;
+}
+
 declare function DatePickerMixin<T extends new (...args: any[]) => {}>(base: T): T & DatePickerMixinConstructor;
@@ -13,0 +33,0 @@

src/vaadin-date-picker.d.ts

@@ -10,5 +10,30 @@ /**
 import { DatePickerMixin } from './vaadin-date-picker-mixin.js';
-import { DatePickerEventMap } from './interfaces';
+export { DatePickerDate, DatePickerI18n } from './vaadin-date-picker-mixin.js';
 
 /**
+ * Fired when the `opened` property changes.
+ */
+export type DatePickerOpenedChangedEvent = CustomEvent<{ value: boolean }>;
+
+/**
+ * Fired when the `invalid` property changes.
+ */
+export type DatePickerInvalidChangedEvent = CustomEvent<{ value: boolean }>;
+
+/**
+ * Fired when the `value` property changes.
+ */
+export type DatePickerValueChangedEvent = CustomEvent<{ value: string }>;
+
+export interface DatePickerCustomEventMap {
+  'opened-changed': DatePickerOpenedChangedEvent;
+
+  'invalid-changed': DatePickerInvalidChangedEvent;
+
+  'value-changed': DatePickerValueChangedEvent;
+}
+
+export interface DatePickerEventMap extends HTMLElementEventMap, DatePickerCustomEventMap {}
+
+/**
  * `<vaadin-date-picker>` is a date selection field which includes a scrollable
@@ -15,0 +40,0 @@ * month calendar view.

src/vaadin-date-picker.js

@@ -128,5 +128,5 @@ /**
       <div class="vaadin-date-picker-container">
-        <div part="label" on-click="focus">
+        <div part="label">
           <slot name="label"></slot>
-          <span part="required-indicator" aria-hidden="true"></span>
+          <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
         </div>
@@ -133,0 +133,0 @@

vaadin-date-picker.d.ts

 export * from './src/vaadin-date-picker.js';
-export * from './src/interfaces';

No alert changes

Improved metrics

Total package byte prevSize

150431

increased by0.59%

Lines of code

3988

increased by0.53%

Worsened metrics

Number of package files

32

decreased by-3.03%

Dependency changes

• + Added@vaadin/button@22.0.0-alpha8(transitive)

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

• + Added@vaadin/field-base@22.0.0-alpha8(transitive)

• + Added@vaadin/icon@22.0.0-alpha8(transitive)

• + Added@vaadin/input-container@22.0.0-alpha8(transitive)

• + Added@vaadin/vaadin-lumo-styles@22.0.0-alpha8(transitive)

• + Added@vaadin/vaadin-material-styles@22.0.0-alpha8(transitive)

• + Added@vaadin/vaadin-overlay@22.0.0-alpha8(transitive)

• + Added@vaadin/vaadin-themable-mixin@22.0.0-alpha8(transitive)

• - Removed@vaadin/button@22.0.0-alpha7(transitive)

• - Removed@vaadin/component-base@22.0.0-alpha7(transitive)

• - Removed@vaadin/field-base@22.0.0-alpha7(transitive)

• - Removed@vaadin/icon@22.0.0-alpha7(transitive)

• - Removed@vaadin/input-container@22.0.0-alpha7(transitive)

• - Removed@vaadin/vaadin-lumo-styles@22.0.0-alpha7(transitive)

• - Removed@vaadin/vaadin-material-styles@22.0.0-alpha7(transitive)

• - Removed@vaadin/vaadin-overlay@22.0.0-alpha7(transitive)

• - Removed@vaadin/vaadin-themable-mixin@22.0.0-alpha7(transitive)

• Updated@vaadin/button@22.0.0-alpha8

• Updated@vaadin/component-base@22.0.0-alpha8

• Updated@vaadin/field-base@22.0.0-alpha8

• Updated@vaadin/input-container@22.0.0-alpha8

• Updated@vaadin/vaadin-lumo-styles@22.0.0-alpha8

• Updated@vaadin/vaadin-material-styles@22.0.0-alpha8

• Updated@vaadin/vaadin-overlay@22.0.0-alpha8

• Updated@vaadin/vaadin-themable-mixin@22.0.0-alpha8