@ukic/canary-web-components 3.0.0-canary.15 → 3.0.0-canary.17

package/dist/collection/components/ic-data-table/story-data.js

@@ -181,20 +181,21 @@ export const COLS_ALIGNMENT = [
         dataType: "address",
     },
 ];
+// data is deliberately in different order for some elements to show this can be handled
 export const DATA = [
     {
-        firstName: "Joe",
-        lastName: "Bartholomew Christoper Augustine Zacchaeus Ashford", // cspell:disable-line
         age: 30,
         jobTitle: "Developer",
         address: "1 Main Street, Town, County, Postcode",
+        firstName: "Joe",
+        lastName: "Bartholomew Christoper Augustine Zacchaeus Ashford", // cspell:disable-line
     },
     {
+        address: "2 Main Street, Town, Country, Postcode",
+        age: 28,
         firstName: "Sarah",
         lastName: "Smith",
-        age: 28,
         jobTitle: "Senior Software Developer, Site Reliability Engineering",
-        address: "2 Main Street, Town, Country, Postcode",
     },
     {
         firstName: "Mark",
@@ -1428,7 +1429,7 @@ export const Scrollable = () => {
     return wrapper;
 };
 export const HeaderTruncation = () => {
-    const dataTable = createDataTableElement("Column Header Truncation", COLS, LONG_DATA);
+    const dataTable = createDataTableElement("Column Header Truncation", COLS, DATA);
     dataTable.setAttribute("column-header-truncation", "true");
     dataTable.style["height"] = "400px";
     dataTable.style["width"] = "500px";
@@ -1562,7 +1563,7 @@ export const Updating = () => {
 };
 export const CustomIcons = () => createDataTableElement("Custom icons", ICON_COLS, ICON_DATA);
 export const CustomRowHeights = () => {
-    const dataTable = createDataTableElement("Custom Row Heights", COLUMNS_NO_TEXT_WRAP, VERY_LONG_DATA(10));
+    const dataTable = createDataTableElement("Custom Row Heights", COLUMNS_NO_TEXT_WRAP, LONG_DATA_VALUES);
     dataTable.globalRowHeight = 80;
     dataTable.variableRowHeight = ({ name, age }) => name === "John Smith" || age === 41 ? 200 : null;
     const resetButton = document.createElement("ic-button");
@@ -1680,7 +1681,7 @@ export const CustomTitleBar = () => {
     return dataTable;
 };
 export const UpdatingData = () => {
-    const dataTable = createDataTableElement("Updating Data", COLS, []);
+    const dataTable = createDataTableElement("Updating Data", LONG_COLS, []);
     const pageOptions = [{ label: "5", value: "5" }];
     dataTable.showPagination = true;
     dataTable.paginationBarOptions = {