From 9780a4f3aa2328f4289909fe975c522d5204df28 Mon Sep 17 00:00:00 2001 From: atanasster Date: Thu, 20 May 2021 08:34:11 +0300 Subject: [PATCH] fix: table pagination story limit props --- ui/components/src/Table/Table.data.ts | 689 +---- ui/components/src/Table/Table.stories.tsx | 30 +- .../Table/__snapshots__/Table.test.ts.snap | 2359 +++++++++-------- 3 files changed, 1381 insertions(+), 1697 deletions(-) diff --git a/ui/components/src/Table/Table.data.ts b/ui/components/src/Table/Table.data.ts index 5018f3cc2..87da7fdd9 100644 --- a/ui/components/src/Table/Table.data.ts +++ b/ui/components/src/Table/Table.data.ts @@ -1,675 +1,64 @@ export default { pagination: { '1': { - header: true, - sorting: true, - filtering: false, - itemsLabel: 'null', - rowSelect: true, - skipPageReset: false, - pagination: 'boolean', - slot: 'Ms. Alysha Daniel', - title: 'Cleo Lindgren', - key: 'null', - defaultChecked: true, - suppressContentEditableWarning: false, - suppressHydrationWarning: true, - accessKey: 'Ms. Ronny Mitchell', - className: 'Jayce Schaden', - contentEditable: 'Booleanish', - contextMenu: 'Scot Kuhic', - dir: 'Dr. Gustave Little', - hidden: true, - id: 'Jimmie Huel DVM', - lang: 'Estella Wehner', - placeholder: 'Columbus Ziemann', - tabIndex: 0, - radioGroup: 'Emmanuelle Wilderman', - role: 'Mr. Laura Muller', - about: 'Maxine Armstrong', - datatype: 'Jairo Mraz', - prefix: 'Carolyne Wunsch', - property: 'Jefferey Haag', - resource: 'Sidney Haley', - typeof: 'Brenna Gleichner', - vocab: 'Herman Bechtelar', - autoCapitalize: 'Georgiana Ebert', - autoCorrect: 'Katelynn Rowe', - autoSave: 'Mr. Marielle Rogahn', - color: '#19211e', - itemProp: 'Elmo Dach', - itemScope: true, - itemType: 'Kathlyn Powlowski', - itemID: 'Justice Boyer', - itemRef: 'Grady Dibbert MD', - results: 0, - security: 'Grayce Flatley', - unselectable: 'off', - inputMode: 'email', - is: 'Guillermo Nikolaus', - 'aria-activedescendant': 'Carolyne Larkin', - 'aria-atomic': 'false', - 'aria-autocomplete': 'none', - 'aria-busy': 'false', - 'aria-checked': 'true', - 'aria-colcount': 0, - 'aria-colindex': 1, - 'aria-colspan': 0, - 'aria-controls': 'Clemmie Lowe V', - 'aria-current': 'date', - 'aria-describedby': 'Tevin Botsford', - 'aria-details': 'Macy Kassulke', - 'aria-disabled': 'boolean', - 'aria-errormessage': 'Mr. Vladimir Conn', - 'aria-expanded': 'boolean', - 'aria-flowto': 'Aniya Corwin', - 'aria-haspopup': 'listbox', - 'aria-hidden': 'true', - 'aria-invalid': 'grammar', - 'aria-keyshortcuts': 'Abigale Gusikowski', - 'aria-label': 'Adella Nienow', - 'aria-labelledby': 'Ivah Lang MD', - 'aria-level': 1, - 'aria-live': 'off', - 'aria-modal': 'true', - 'aria-multiline': 'true', - 'aria-multiselectable': 'true', - 'aria-orientation': 'horizontal', - 'aria-owns': 'Tristian Smith', - 'aria-placeholder': 'Frederick Pfeffer', - 'aria-posinset': 0, - 'aria-pressed': 'boolean', - 'aria-readonly': 'false', - 'aria-relevant': 'text additions', - 'aria-required': 'false', - 'aria-roledescription': 'Miss Dudley Spinka', - 'aria-rowcount': 1, - 'aria-rowindex': 0, - 'aria-rowspan': 0, - 'aria-selected': 'false', - 'aria-setsize': 1, - 'aria-valuemax': 1, - 'aria-valuemin': 1, - 'aria-valuenow': 1, - 'aria-valuetext': 'Oswaldo Walsh', - variant: 'Roxane Cormier MD', - m: 'number', - margin: 'number', - mt: 'ResponsiveValue>>', - marginRight: 'symbol, Required>>', - mb: 'ResponsiveValue>>', - ml: 'number', - marginLeft: 'symbol, Required>>', - mx: 'number', - marginX: 'ResponsiveValue>>', - padding: 'number', - pt: 'number', - paddingTop: 'ResponsiveValue>>', - paddingRight: 'ResponsiveValue>>', - pl: 'symbol, Required>>', - paddingLeft: 'symbol, Required>>', - px: 'symbol, Required>>', - paddingX: 'symbol, Required>>', - py: 'symbol, Required>>', - paddingY: 'number', - bg: 'ResponsiveValue>>', - marginTop: 'symbol, Required>>', - mr: 'ResponsiveValue>>', - mb: 'symbol, Required>>', - marginBottom: 'ResponsiveValue>>', - marginLeft: 'ResponsiveValue>>', - my: 'ResponsiveValue>>', - padding: 'ResponsiveValue>>', - paddingRight: 'ResponsiveValue>>', - paddingBottom: 'ResponsiveValue>>', - bg: 'ResponsiveValue>>', - totalCountVisible: false, - totalCountTemplate: 'Donnell Purdy', - pageIndex: 0, + totalCountVisible: true, + totalCountTemplate: 'Lemuel Kris', + pageIndex: 1, pageSize: 5, - pageTemplate: 'Ms. Queen Goodwin', - pageVisible: true, - pageSizeTemplate: 'Owen Goldner', + pageTemplate: 'Scot Kuhic', + pageVisible: false, + pageSizeTemplate: 'Karley Trantow', pageSizeVisible: true, goToPageVisible: false, - goToPageTemplate: 'Junior Eichmann', + goToPageTemplate: 'Miss Glenda Veum', }, '3': { - header: true, - sorting: true, - filtering: false, - itemsLabel: 'null', - rowSelect: false, - skipPageReset: true, - pagination: 'boolean', - slot: 'Howell Bosco DDS', - title: 'Adriana Littel', - key: 'null', - defaultChecked: true, - suppressContentEditableWarning: false, - suppressHydrationWarning: false, - accessKey: 'Elissa Thiel', - className: 'Mozell Fahey III', - contentEditable: 'Booleanish', - contextMenu: 'Gust Raynor', - dir: 'Clinton Mills', - hidden: true, - id: 'German Pfeffer', - lang: 'Kay Senger', - placeholder: "Kara O'Connell", - tabIndex: 1, - translate: 'yes', - radioGroup: 'Ms. Ezra Rolfson', - role: 'Sanford Rolfson', - about: 'Otis Skiles', - datatype: 'Patrick Friesen', - prefix: 'Minnie Boehm', - property: 'Geovanny Thompson', - resource: 'Jules Conroy', - typeof: 'Samara Prohaska', - vocab: 'Brycen Bins', - autoCapitalize: 'Rico Dach', - autoCorrect: 'Ofelia Shields', - autoSave: 'Nona Hagenes', - color: '#710f63', - itemProp: 'Daisy Mertz', - itemScope: true, - itemType: 'Mr. Tessie Senger', - itemID: 'Obie Boehm', - itemRef: 'Pablo Parker V', - results: 0, - security: 'Theresia Brown', - inputMode: 'url', - is: 'Mr. Arturo Aufderhar', - 'aria-activedescendant': 'Ted Feil', - 'aria-atomic': 'boolean', - 'aria-autocomplete': 'list', - 'aria-busy': 'false', - 'aria-checked': 'mixed', - 'aria-colcount': 0, - 'aria-colindex': 0, - 'aria-colspan': 1, - 'aria-controls': 'Sasha Greenfelder', - 'aria-current': 'time', - 'aria-describedby': 'Hoyt Hartmann', - 'aria-details': 'Prince Barton III', - 'aria-disabled': 'false', - 'aria-errormessage': 'Felicia Nicolas PhD', - 'aria-expanded': 'false', - 'aria-flowto': 'Morgan Morissette', - 'aria-haspopup': 'true', - 'aria-hidden': 'boolean', - 'aria-invalid': 'boolean', - 'aria-keyshortcuts': 'Marielle Weber IV', - 'aria-label': 'Dr. Iva Gislason', - 'aria-labelledby': 'Leonardo Ankunding', - 'aria-level': 1, - 'aria-live': 'off', - 'aria-modal': 'true', - 'aria-multiline': 'true', - 'aria-multiselectable': 'true', - 'aria-orientation': 'horizontal', - 'aria-owns': 'Jamar Raynor', - 'aria-placeholder': 'Joshuah Stanton', - 'aria-posinset': 1, - 'aria-pressed': 'mixed', - 'aria-readonly': 'true', - 'aria-relevant': 'text', - 'aria-required': 'boolean', - 'aria-roledescription': 'Yesenia Willms', - 'aria-rowcount': 1, - 'aria-rowindex': 0, - 'aria-rowspan': 1, - 'aria-selected': 'boolean', - 'aria-setsize': 0, - 'aria-sort': 'none', - 'aria-valuemax': 1, - 'aria-valuemin': 0, - 'aria-valuenow': 0, - 'aria-valuetext': 'Kaelyn Toy', - variant: 'Demond Bartell', - m: 'ResponsiveValue>>', - mt: 'symbol, Required>>', - marginTop: 'ResponsiveValue>>', - mb: 'number', - marginBottom: 'ResponsiveValue>>', - marginX: 'ResponsiveValue>>', - pt: 'symbol, Required>>', - paddingTop: 'symbol, Required>>', - pr: 'number', - paddingRight: 'symbol, Required>>', - pb: 'ResponsiveValue>>', - paddingLeft: 'ResponsiveValue>>', - mr: 'symbol, Required>>', - marginRight: 'number', - mb: 'ResponsiveValue>>', - marginY: 'symbol, Required>>', - p: 'ResponsiveValue>>', - pr: 'number', - paddingRight: 'ResponsiveValue>>', - paddingLeft: 'symbol, Required>>', - px: 'ResponsiveValue>>', - bg: 'symbol, Required>>', - backgroundColor: 'ResponsiveValue>>', - margin: 'ResponsiveValue>>', - marginTop: 'number', - mr: 'symbol, Required>>', - marginRight: 'number', - mb: 'number', - marginBottom: 'number', - ml: 'number', - marginLeft: 'symbol, Required>>', - mx: 'number', - marginX: 'symbol, Required>>', - my: 'number', - marginY: 'symbol, Required>>', - p: 'ResponsiveValue>>', - paddingRight: 'ResponsiveValue>>', - pl: 'number', - paddingLeft: 'number', - px: 'symbol, Required>>', - paddingX: 'number', - py: 'number', - paddingY: 'symbol, Required>>', - bg: 'ResponsiveValue>>', - totalCountVisible: false, - totalCountTemplate: 'Gerald Donnelly V', + totalCountVisible: true, + totalCountTemplate: 'Cornell Haag', pageIndex: 0, - pageSize: 7, - pageTemplate: 'Mr. Hester Abbott', - pageVisible: false, - pageSizeTemplate: 'Daryl Gottlieb', - pageSizeVisible: false, + pageSize: 13, + pageTemplate: 'Vicky Parisian', + pageVisible: true, + pageSizeTemplate: 'Dewitt Ferry III', + pageSizeVisible: true, goToPageVisible: false, - goToPageTemplate: 'Ebba McLaughlin', + goToPageTemplate: 'Roy Toy V', }, }, }; diff --git a/ui/components/src/Table/Table.stories.tsx b/ui/components/src/Table/Table.stories.tsx index d3ff6a2ee..af65b0875 100644 --- a/ui/components/src/Table/Table.stories.tsx +++ b/ui/components/src/Table/Table.stories.tsx @@ -174,11 +174,37 @@ export const rowSelect: Example = () => { ); }; -export const pagination: Example = props => { +export const pagination: Example = ({ + totalCountVisible, + totalCountTemplate, + pageIndex, + pageSize, + pageTemplate, + pageVisible, + pageSizeTemplate, + pageSizeVisible, + goToPageVisible, + goToPageTemplate, +}) => { const data = useMemo(mockDataGenerator, []); return ( - pagination={props} columns={columns} data={data} /> + + pagination={{ + totalCountVisible, + totalCountTemplate, + pageIndex, + pageSize, + pageTemplate, + pageVisible, + pageSizeTemplate, + pageSizeVisible, + goToPageVisible, + goToPageTemplate, + }} + columns={columns} + data={data} + /> ); }; diff --git a/ui/components/src/Table/__snapshots__/Table.test.ts.snap b/ui/components/src/Table/__snapshots__/Table.test.ts.snap index ad00f883f..b549b04ca 100644 --- a/ui/components/src/Table/__snapshots__/Table.test.ts.snap +++ b/ui/components/src/Table/__snapshots__/Table.test.ts.snap @@ -2007,129 +2007,35 @@ exports[`Table pagination 1 snapshot 1`] = ` role="cell" style="width: 150px;" > - Urban Towne - - - Kayleigh_Hauck - - - Bechtelar Extensions - - - Ruthshire - - - 49065 - - - - - 21 - - - Hazle Hansen - - - Hassie_Tillman73 - - - Reichel Street - - - West Audreymouth - - - 53056-1765 - - - - - 21 - - - Jamarcus Stroman + Edison Keebler - Orval13 + Danielle_Pollich - Hobart Park + Jayde Rapids - West Rahul + Montanaborough - 60010 + 20635 - Ms. Melany Senger + London Runolfsson - Henderson.Kihn + Audreanne.Sanford - Lia Village + Towne Cliff - DuBuqueview + Langoshport - 93383 + 65133 - Granville Mann + Sebastian Gleason - Christine.Bahringer10 + Johnathan.Klocko58 - Hilpert Landing + Haley Drives - North Autumnside + South Kiannaberg - 87215-3190 + 58169 - 24 + 25 - Delia Feeney + Gladys Baumbach - Greyson13 + Darien.Gutmann - Purdy Fords + Anastasia Points - Zoilaside + West Graycemouth - 96503 + 33850 - 25 + 22 - Mr. Johanna Turcotte + Ms. Jaunita Lubowitz - Dameon76 + Kody.McClure - Mante Junctions + Lindgren Inlet - North Roxane + Grimesshire - 17884-9473 + 27558-3367 - Renee Erdman + Jacques Bernhard - Ben.Hammes + Nichole_Kozey4 - Treutel Inlet + Ramona Station - Port Maiabury + Gunnerland - 21650 + 64856 - Graham Brown + Dr. Rylee DuBuque - Eloise.Schumm35 + Lewis.Vandervort7 - Alia Port + Kelly Landing - Port Brandt + Lake Gabe - 80217-7245 + 98806 @@ -2541,12 +2447,71 @@ exports[`Table pagination 1 snapshot 1`] = ` color: #aaa; } +.emotion-12 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-13 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; + width: 140px; +} + +.emotion-14 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.emotion-15 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: block; + width: 100%; + padding: 8px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-size: inherit; + line-height: inherit; + border: 1px solid; + border-radius: 4px; + color: inherit; + background-color: transparent; +} + +.emotion-16 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin-left: -28px; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + pointer-events: none; +} +
+ > + Johnny Oberbrunner +
@@ -2558,6 +2523,7 @@ exports[`Table pagination 1 snapshot 1`] = ` > @@ -2567,6 +2533,7 @@ exports[`Table pagination 1 snapshot 1`] = ` > @@ -2576,7 +2543,6 @@ exports[`Table pagination 1 snapshot 1`] = ` > @@ -2586,36 +2552,90 @@ exports[`Table pagination 1 snapshot 1`] = ` >
- - - -`; - -exports[`Table pagination 2 snapshot 1`] = ` - - .emotion-0 { - box-sizing: border-box; - margin: 0; - min-width: 0; - margin: 0; - border-collapse: collapse; - font-size: 14px; - line-height: 20px; - text-align: left; - width: 100%; - border-spacing: 0; -} - -.emotion-0 p { - margin: 0; -} - +
+ Ms. Alysha Daniel +
+
+
+ + + + +
+
+ + + +`; + +exports[`Table pagination 2 snapshot 1`] = ` + + .emotion-0 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin: 0; + border-collapse: collapse; + font-size: 14px; + line-height: 20px; + text-align: left; + width: 100%; + border-spacing: 0; +} + +.emotion-0 p { + margin: 0; +} + .emotion-0 pre { white-space: pre-wrap; word-wrap: break-word; @@ -2832,42 +2852,42 @@ exports[`Table pagination 2 snapshot 1`] = ` role="cell" style="width: 150px;" > - 22 + 23 - Edison Keebler + Jacques Bernhard - Danielle_Pollich + Nichole_Kozey4 - Jayde Rapids + Ramona Station - Montanaborough + Gunnerland - 20635 + 64856 - London Runolfsson + Dr. Rylee DuBuque - Audreanne.Sanford + Lewis.Vandervort7 - Towne Cliff + Kelly Landing - Langoshport + Lake Gabe - 65133 + 98806 - 25 + 22 - Sebastian Gleason + Nettie Runte - Johnathan.Klocko58 + Johnny.Marquardt30 - Haley Drives + Larson Square - South Kiannaberg + Hannaton - 58169 + 81636 - Gladys Baumbach + Isabell Feil Jr. - Darien.Gutmann + Rafaela.Gusikowski4 - Anastasia Points + Kaya Mountain - West Graycemouth + Kemmerbury - 33850 + 01459 - 22 + 24 - Ms. Jaunita Lubowitz + Jillian Hoeger - Kody.McClure + Annamae.Maggio23 - Lindgren Inlet + Darlene Course - Grimesshire + Earlenebury - 27558-3367 + 70931 @@ -3191,18 +3211,10 @@ exports[`Table pagination 2 snapshot 1`] = ` min-width: 0; padding-left: 8px; padding-right: 8px; -} - -.emotion-13 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; width: 140px; } -.emotion-14 { +.emotion-13 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3212,7 +3224,7 @@ exports[`Table pagination 2 snapshot 1`] = ` display: flex; } -.emotion-15 { +.emotion-14 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3231,7 +3243,7 @@ exports[`Table pagination 2 snapshot 1`] = ` background-color: transparent; } -.emotion-16 { +.emotion-15 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3247,7 +3259,9 @@ exports[`Table pagination 2 snapshot 1`] = ` >
+ > + Lemuel Kris +
@@ -3259,7 +3273,6 @@ exports[`Table pagination 2 snapshot 1`] = ` > @@ -3269,7 +3282,6 @@ exports[`Table pagination 2 snapshot 1`] = ` > @@ -3295,47 +3307,42 @@ exports[`Table pagination 2 snapshot 1`] = `
- Ms. Queen Goodwin -
-
- - - .emotion-0 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #ffffff; - padding-top: 8px; - padding-bottom: 8px; -} - -.emotion-1 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 16px; - padding-right: 16px; -} - -.emotion-2 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-3 button { - width: 50px; - margin-left: 2px; - margin-right: 2px; -} - -.emotion-4 { - box-sizing: border-box; - margin: 0; - min-width: 0; - width: 50px; - margin-left: 2px; - margin-right: 2px; -} - -.emotion-5 { - box-sizing: border-box; - margin: 0; - min-width: 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - display: inline-block; - text-align: center; - line-height: inherit; - -webkit-text-decoration: none; - text-decoration: none; - font-size: inherit; - padding-left: 16px; - padding-right: 16px; +
+ + 24 + + + Ms. Melany Senger + + + Henderson.Kihn + + + Lia Village + + + DuBuqueview + + + 93383 + +
+
+ + 25 + + + Granville Mann + + + Christine.Bahringer10 + + + Hilpert Landing + + + North Autumnside + + + 87215-3190 + +
+
+ + 24 + + + Delia Feeney + + + Greyson13 + + + Purdy Fords + + + Zoilaside + + + 96503 + +
+
+ + 25 + + + Mr. Johanna Turcotte + + + Dameon76 + + + Mante Junctions + + + North Roxane + + + 17884-9473 + +
+
+ + 23 + + + Renee Erdman + + + Ben.Hammes + + + Treutel Inlet + + + Port Maiabury + + + 21650 + +
+
+ + 24 + + + Graham Brown + + + Eloise.Schumm35 + + + Alia Port + + + Port Brandt + + + 80217-7245 + +
+ + + .emotion-0 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #ffffff; padding-top: 8px; padding-bottom: 8px; - color: white; - background-color: #5c6ac4; - border: 0; - border-radius: 4px; - color: #333; - background-color: #f3f3f3; - border-radius: 5px; - box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; -} - -.emotion-5:disabled { - color: #aaa; } -.emotion-12 { +.emotion-1 { box-sizing: border-box; margin: 0; min-width: 0; - padding-left: 8px; - padding-right: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 16px; + padding-right: 16px; } -.emotion-13 { +.emotion-2 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4387,16 +4585,36 @@ exports[`Table pagination 3 snapshot 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; +} + +.emotion-3 { + box-sizing: border-box; + margin: 0; + min-width: 0; padding-left: 8px; padding-right: 8px; } -.emotion-13 input { - margin-left: 4px; - width: 100px; +.emotion-4 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; + width: 140px; } -.emotion-14 { +.emotion-5 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.emotion-6 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4413,7 +4631,17 @@ exports[`Table pagination 3 snapshot 1`] = ` border-radius: 4px; color: inherit; background-color: transparent; - padding: 4px; +} + +.emotion-7 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin-left: -28px; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + pointer-events: none; }
- Lamont Beer + Jennings Carter
+ Mrs. Meagan Pollich +
+
- -
-
- -
-
- -
-
- + +
-
- Angeline Moen -
-
- Jovan Littel - -
@@ -4725,89 +4950,42 @@ exports[`Table pagination 4 snapshot 1`] = ` role="cell" style="width: 150px;" > - 22 - - - Edison Keebler - - - Danielle_Pollich - - - Jayde Rapids - - - Montanaborough - - - 20635 - - - - - 24 + 25 - London Runolfsson + Isabell Feil Jr. - Audreanne.Sanford + Rafaela.Gusikowski4 - Towne Cliff + Kaya Mountain - Langoshport + Kemmerbury - 65133 + 01459 - 25 + 24 - Sebastian Gleason + Jillian Hoeger - Johnathan.Klocko58 + Annamae.Maggio23 - Haley Drives + Darlene Course - South Kiannaberg + Earlenebury - 58169 + 70931 - 25 + 23 - Gladys Baumbach + Melyssa Herman - Darien.Gutmann + Verona_Wiza - Anastasia Points + Zulauf Circle - West Graycemouth + Corkeryland - 33850 + 52057-0050 - Ms. Jaunita Lubowitz + Urban Towne - Kody.McClure + Kayleigh_Hauck - Lindgren Inlet + Bechtelar Extensions - Grimesshire + Ruthshire - 27558-3367 + 49065 - 23 + 21 - Jacques Bernhard + Hazle Hansen - Nichole_Kozey4 + Hassie_Tillman73 - Ramona Station + Reichel Street - Gunnerland + West Audreymouth - 64856 + 53056-1765 - 24 + 21 - Dr. Rylee DuBuque + Jamarcus Stroman - Lewis.Vandervort7 + Orval13 - Kelly Landing + Hobart Park - Lake Gabe + West Rahul - 98806 + 60010 - 22 + 24 - Nettie Runte + Ms. Melany Senger - Johnny.Marquardt30 + Henderson.Kihn - Larson Square + Lia Village - Hannaton + DuBuqueview - 81636 + 93383 - Isabell Feil Jr. + Granville Mann - Rafaela.Gusikowski4 + Christine.Bahringer10 - Kaya Mountain + Hilpert Landing - Kemmerbury + North Autumnside - 01459 - - + 87215-3190 + + + + + .emotion-0 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #ffffff; + padding-top: 8px; + padding-bottom: 8px; +} + +.emotion-1 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 16px; + padding-right: 16px; +} + +.emotion-2 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-3 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-3 button { + width: 50px; + margin-left: 2px; + margin-right: 2px; +} + +.emotion-4 { + box-sizing: border-box; + margin: 0; + min-width: 0; + width: 50px; + margin-left: 2px; + margin-right: 2px; +} + +.emotion-5 { + box-sizing: border-box; + margin: 0; + min-width: 0; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + display: inline-block; + text-align: center; + line-height: inherit; + -webkit-text-decoration: none; + text-decoration: none; + font-size: inherit; + padding-left: 16px; + padding-right: 16px; + padding-top: 8px; + padding-bottom: 8px; + color: white; + background-color: #5c6ac4; + border: 0; + border-radius: 4px; + color: #333; + background-color: #f3f3f3; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; +} + +.emotion-5:disabled { + color: #aaa; +} + +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +`; + +exports[`Table pagination 5 snapshot 1`] = ` + + .emotion-0 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin: 0; + border-collapse: collapse; + font-size: 14px; + line-height: 20px; + text-align: left; + width: 100%; + border-spacing: 0; +} + +.emotion-0 p { + margin: 0; +} + +.emotion-0 pre { + white-space: pre-wrap; + word-wrap: break-word; + max-width: 240px; + background-color: inherit; + margin-top: 8px; + margin-bottom: 0; +} + +.emotion-0 a { + word-break: break-word; +} + +.emotion-1 { + box-sizing: border-box; + margin: 0; + min-width: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); + background-color: #ffffff; + color: #454f5b; +} + +.emotion-2 { + box-sizing: border-box; + margin: 0; + min-width: 0; +} + +.emotion-3 { + box-sizing: border-box; + margin: 0; + min-width: 0; + border: none; + padding-top: 16px; + padding-bottom: 16px; + padding-right: 8px; + padding-left: 16px; +} + +.emotion-4 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-5 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin-right: 4px; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.emotion-21 { + box-sizing: border-box; + margin: 0; + min-width: 0; +} + +.emotion-21 tr:last-of-type { + border-bottom: 0; +} + +.emotion-22 { + box-sizing: border-box; + margin: 0; + min-width: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.emotion-23 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 16px; + padding-right: 16px; + border-bottom: 0; +} + + + - - + + - 23 + 22 - 22 + 24 - 21 + 25 - 21 + 25 - -
- 24 - +
+ Age +
+ + + 		- Jillian Hoeger - - +
+ Name +
+ + + 		- Annamae.Maggio23 - - +
+ User Name +
+ + + 		- Darlene Course - - +
+ Street +
+ + + 		- Earlenebury - - +
+ City +
+ + + 		- 70931 - +
+
+ Zip Code +
+
+
- Melyssa Herman + Edison Keebler - Verona_Wiza + Danielle_Pollich - Zulauf Circle + Jayde Rapids - Corkeryland + Montanaborough - 52057-0050 + 20635
- Urban Towne + London Runolfsson - Kayleigh_Hauck + Audreanne.Sanford - Bechtelar Extensions + Towne Cliff - Ruthshire + Langoshport - 49065 + 65133
- Hazle Hansen + Sebastian Gleason - Hassie_Tillman73 + Johnathan.Klocko58 - Reichel Street + Haley Drives - West Audreymouth + South Kiannaberg - 53056-1765 + 58169
- Jamarcus Stroman + Gladys Baumbach - Orval13 + Darien.Gutmann - Hobart Park + Anastasia Points - West Rahul + West Graycemouth - 60010 + 33850
- .emotion-0 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #ffffff; - padding-top: 8px; - padding-bottom: 8px; -} - -.emotion-1 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 16px; - padding-right: 16px; -} - -.emotion-2 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-3 button { - width: 50px; - margin-left: 2px; - margin-right: 2px; -} - -.emotion-4 { - box-sizing: border-box; - margin: 0; - min-width: 0; - width: 50px; - margin-left: 2px; - margin-right: 2px; -} - -.emotion-5 { - box-sizing: border-box; - margin: 0; - min-width: 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - display: inline-block; - text-align: center; - line-height: inherit; - -webkit-text-decoration: none; - text-decoration: none; - font-size: inherit; - padding-left: 16px; - padding-right: 16px; - padding-top: 8px; - padding-bottom: 8px; - color: white; - background-color: #5c6ac4; - border: 0; - border-radius: 4px; - color: #333; - background-color: #f3f3f3; - border-radius: 5px; - box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; -} - -.emotion-5:disabled { - color: #aaa; -} - -.emotion-12 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-13 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-13 input { - margin-left: 4px; - width: 100px; -} - -.emotion-14 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: block; - width: 100%; - padding: 8px; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-size: inherit; - line-height: inherit; - border: 1px solid; - border-radius: 4px; - color: inherit; - background-color: transparent; - padding: 4px; -} - -
-
-
-
-
+ 22 + + - -
-
+ - -
-
+ - -
-
+ - -
-
-
- Johnathon Koch -
-
- Ebba Marks - -
-
-
- -`; - -exports[`Table pagination 5 snapshot 1`] = ` - - .emotion-0 { - box-sizing: border-box; - margin: 0; - min-width: 0; - margin: 0; - border-collapse: collapse; - font-size: 14px; - line-height: 20px; - text-align: left; - width: 100%; - border-spacing: 0; -} - -.emotion-0 p { - margin: 0; -} - -.emotion-0 pre { - white-space: pre-wrap; - word-wrap: break-word; - max-width: 240px; - background-color: inherit; - margin-top: 8px; - margin-bottom: 0; -} - -.emotion-0 a { - word-break: break-word; -} - -.emotion-1 { - box-sizing: border-box; - margin: 0; - min-width: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.1); - background-color: #ffffff; - color: #454f5b; -} - -.emotion-2 { - box-sizing: border-box; - margin: 0; - min-width: 0; -} - -.emotion-3 { - box-sizing: border-box; - margin: 0; - min-width: 0; - border: none; - padding-top: 16px; - padding-bottom: 16px; - padding-right: 8px; - padding-left: 16px; -} - -.emotion-4 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-5 { - box-sizing: border-box; - margin: 0; - min-width: 0; - margin-right: 4px; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.emotion-21 { - box-sizing: border-box; - margin: 0; - min-width: 0; -} - -.emotion-21 tr:last-of-type { - border-bottom: 0; -} - -.emotion-22 { - box-sizing: border-box; - margin: 0; - min-width: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.emotion-23 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 16px; - padding-right: 16px; - border-bottom: 0; -} - - - + Grimesshire + + + - - - + - - - 22 + 24 - 24 + 22 - Sebastian Gleason + Isabell Feil Jr. - 25 + 24 - 22 + 23 - 23 + 22 - 24 + 21 @@ -6307,12 +6462,71 @@ exports[`Table pagination 5 snapshot 1`] = ` color: #aaa; } +.emotion-12 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-13 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; + width: 140px; +} + +.emotion-14 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.emotion-15 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: block; + width: 100%; + padding: 8px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-size: inherit; + line-height: inherit; + border: 1px solid; + border-radius: 4px; + color: inherit; + background-color: transparent; +} + +.emotion-16 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin-left: -28px; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + pointer-events: none; +} +
+ > + Cornell Haag +
@@ -6358,6 +6572,61 @@ exports[`Table pagination 5 snapshot 1`] = `
+
+ Vicky Parisian +
+
+
+ + + + +
+
+ 27558-3367 +
-
-
- Age -
-
- 		+ -
-
- Name -
-
- - 		-
-
- User Name -
-
- 		+ + Nichole_Kozey4 + -
-
- Street -
-
- - 		+ -
-
- City -
-
- - 		+ -
-
- Zip Code -
-
- + 64856 +
- Edison Keebler + Dr. Rylee DuBuque - Danielle_Pollich + Lewis.Vandervort7 - Jayde Rapids + Kelly Landing - Montanaborough + Lake Gabe - 20635 + 98806
- London Runolfsson + Nettie Runte - Audreanne.Sanford + Johnny.Marquardt30 - Towne Cliff + Larson Square - Langoshport + Hannaton - 65133 + 81636
- Johnathan.Klocko58 + Rafaela.Gusikowski4 - Haley Drives + Kaya Mountain - South Kiannaberg + Kemmerbury - 58169 + 01459
- Gladys Baumbach + Jillian Hoeger - Darien.Gutmann + Annamae.Maggio23 - Anastasia Points + Darlene Course - West Graycemouth + Earlenebury - 33850 + 70931
- Ms. Jaunita Lubowitz + Melyssa Herman - Kody.McClure + Verona_Wiza - Lindgren Inlet + Zulauf Circle - Grimesshire + Corkeryland - 27558-3367 + 52057-0050
- Jacques Bernhard + Urban Towne - Nichole_Kozey4 + Kayleigh_Hauck - Ramona Station + Bechtelar Extensions - Gunnerland + Ruthshire - 64856 + 49065
- Dr. Rylee DuBuque + Hazle Hansen - Lewis.Vandervort7 + Hassie_Tillman73 - Kelly Landing + Reichel Street - Lake Gabe + West Audreymouth - 98806 + 53056-1765