feat(pagination): iss 747 viv 392 pagination (#759)

* issue #747: initial commit * issue #747: pagination beginning * issue #747: initial implementatioin * issue #747: wip * issue #747: wip * issue #747: wip * issue #747: added event and tested * issue #747: merged with master * issue #747: fixed layout * issue #747: added tests for layout * issue #747 fixing dep check * issue #747: implementation changes * issue #747: fixing the tests * issue #747: testing uncovered parts * fixed the render * issue #747: added slotted prev/next example * issue #747: added ripple * issue #747: moving the pagination to the beta area * issue #747: added test coverage to the new areas of pagination * issue #747: fixing the storybook mark Co-authored-by: yinon <yinon@hotmail.com>
Vonage · Apr 18, 2021 · 9b35300 · 9b35300
1 parent 75553d6
commit 9b35300
Show file tree

Hide file tree

Showing 21 changed files with 2,741 additions and 76 deletions.
diff --git a/__snapshots__/data grid renderers customization.md b/__snapshots__/data grid renderers customization.md
@@ -68,6 +68,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
 #### `should render footer text by default`
@@ -142,6 +143,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
 #### `should render custom header when renderer provided`
@@ -212,6 +214,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
 #### `should render custom footer when renderer provided`
@@ -285,6 +288,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
 #### `should render custom cell when renderer provided`

diff --git a/__snapshots__/data grid selection UI.md b/__snapshots__/data grid selection UI.md
@@ -85,6 +85,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
 #### `should not render selector header when single mode`
@@ -167,6 +168,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
 #### `should not render selector header when dataProvider used (even if multi mode)`
@@ -249,9 +251,10 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
-#### `should show header when switching from single to multi (items data provider)`
+#### `should hide header when switching from multi to single (items data provider)`
 
 ```html
 <vaadin-grid
@@ -307,11 +310,6 @@
  true
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-0">
- <vwc-checkbox
- aria-label="Select All"
- class="vvd-all-selector"
- >
- </vwc-checkbox>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-10">
  <vwc-data-grid-header path="y">
@@ -336,9 +334,10 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
+
 ```
 
-#### `should show header when switching from single to multi, indeterminate when some selected (items data provider)`
+#### `should show header when switching from single to multi (items data provider)`
 
 ```html
 <vaadin-grid
@@ -357,7 +356,6 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
  <vwc-checkbox
  aria-label="Select Row"
- checked=""
  class="vvd-row-selector"
  >
  </vwc-checkbox>
@@ -397,7 +395,6 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-0">
  <vwc-checkbox
  aria-label="Select All"
- checked=""
  class="vvd-all-selector"
  >
  </vwc-checkbox>
@@ -425,10 +422,9 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
-
 ```
 
-#### `should show header when switching from single to multi, selected when all selected (items data provider)`
+#### `should show header when switching from single to multi, indeterminate when some selected (items data provider)`
 
 ```html
 <vaadin-grid
@@ -461,7 +457,6 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-4">
  <vwc-checkbox
  aria-label="Select Row"
- checked=""
  class="vvd-row-selector"
  >
  </vwc-checkbox>
@@ -475,7 +470,6 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-7">
  <vwc-checkbox
  aria-label="Select Row"
- checked=""
  class="vvd-row-selector"
  >
  </vwc-checkbox>
@@ -517,10 +511,9 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-17">
  </vaadin-grid-cell-content>
 </vaadin-grid>
-
 ```
 
-#### `should hide header when switching from multi to single (items data provider)`
+#### `should show header when switching from single to multi, selected when all selected (items data provider)`
 
 ```html
 <vaadin-grid
@@ -539,6 +532,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
  <vwc-checkbox
  aria-label="Select Row"
+ checked=""
  class="vvd-row-selector"
  >
  </vwc-checkbox>
@@ -552,6 +546,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-4">
  <vwc-checkbox
  aria-label="Select Row"
+ checked=""
  class="vvd-row-selector"
  >
  </vwc-checkbox>
@@ -565,6 +560,7 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-7">
  <vwc-checkbox
  aria-label="Select Row"
+ checked=""
  class="vvd-row-selector"
  >
  </vwc-checkbox>
@@ -576,6 +572,12 @@
  true
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-0">
+ <vwc-checkbox
+ aria-label="Select All"
+ checked=""
+ class="vvd-all-selector"
+ >
+ </vwc-checkbox>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-10">
  <vwc-data-grid-header path="y">

diff --git a/__snapshots__/data grid.md b/__snapshots__/data grid.md
@@ -12,7 +12,7 @@
 
 ```
 
-#### `should reflect columns redefinition on refreshConfiguration (header, hidden, frozen)`
+#### `should reflect columns redefinition on refreshConfiguration (sortable, resizable)`
 
 ```html
 <vaadin-grid
@@ -31,7 +31,10 @@
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
- <vwc-data-grid-header path="y">
+ <vwc-data-grid-header
+ path="y"
+ sortable=""
+ >
  B
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
@@ -73,7 +76,10 @@
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
- <vwc-data-grid-header path="y">
+ <vwc-data-grid-header
+ path="y"
+ sortable=""
+ >
  B
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
@@ -103,32 +109,38 @@
  style="touch-action: none;"
  theme="no-border"
 >
- <vaadin-grid-column
- hidden=""
- path="x"
- >
+ <vaadin-grid-column path="x">
  </vaadin-grid-column>
  <vaadin-grid-column path="y">
  </vaadin-grid-column>
  <vaadin-grid-column
- frozen=""
  path="z"
+ resizable=""
  >
  </vaadin-grid-column>
+ <vaadin-grid-cell-content slot="vaadin-grid-cell-content-0">
+ <vwc-data-grid-header path="x">
+ A
+ </vwc-data-grid-header>
+ </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
  <vwc-data-grid-header path="y">
- B1
+ B
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-2">
  <vwc-data-grid-header path="z">
  C
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
+ <vaadin-grid-cell-content slot="vaadin-grid-cell-content-3">
+ </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-4">
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-5">
  </vaadin-grid-cell-content>
+ <vaadin-grid-cell-content slot="vaadin-grid-cell-content-6">
+ </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-7">
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-8">
@@ -137,7 +149,7 @@
 
 ```
 
-#### `should reflect columns redefinition on refreshConfiguration (sortable, resizable)`
+#### `should reflect columns redefinition on refreshConfiguration (header, hidden, frozen)`
 
 ```html
 <vaadin-grid
@@ -156,10 +168,7 @@
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
- <vwc-data-grid-header
- path="y"
- sortable=""
- >
+ <vwc-data-grid-header path="y">
  B
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
@@ -181,7 +190,6 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-8">
  </vaadin-grid-cell-content>
 </vaadin-grid>
-
 ```
 
 ```html
@@ -201,10 +209,7 @@
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
- <vwc-data-grid-header
- path="y"
- sortable=""
- >
+ <vwc-data-grid-header path="y">
  B
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
@@ -226,50 +231,43 @@
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-8">
  </vaadin-grid-cell-content>
 </vaadin-grid>
-
 ```
 
 ```html
 <vaadin-grid
  style="touch-action: none;"
  theme="no-border"
 >
- <vaadin-grid-column path="x">
+ <vaadin-grid-column
+ hidden=""
+ path="x"
+ >
  </vaadin-grid-column>
  <vaadin-grid-column path="y">
  </vaadin-grid-column>
  <vaadin-grid-column
+ frozen=""
  path="z"
- resizable=""
  >
  </vaadin-grid-column>
- <vaadin-grid-cell-content slot="vaadin-grid-cell-content-0">
- <vwc-data-grid-header path="x">
- A
- </vwc-data-grid-header>
- </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-1">
  <vwc-data-grid-header path="y">
- B
+ B1
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-2">
  <vwc-data-grid-header path="z">
  C
  </vwc-data-grid-header>
  </vaadin-grid-cell-content>
- <vaadin-grid-cell-content slot="vaadin-grid-cell-content-3">
- </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-4">
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-5">
  </vaadin-grid-cell-content>
- <vaadin-grid-cell-content slot="vaadin-grid-cell-content-6">
- </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-7">
  </vaadin-grid-cell-content>
  <vaadin-grid-cell-content slot="vaadin-grid-cell-content-8">
  </vaadin-grid-cell-content>
 </vaadin-grid>
-
 ```
+
diff --git a/__snapshots__/file picker.md b/__snapshots__/file picker.md
@@ -22,6 +22,7 @@
  </slot>
  </div>
 </label>
+
 ```
 
 #### `should have the expected internal contents (with label)`

diff --git a/__snapshots__/helper message.md b/__snapshots__/helper message.md
@@ -31,3 +31,4 @@
 </span>
 
 ```
+