@exponential-at/ui 0.0.0-stage → 0.1.0

package/fixtures/virtual-list.json

@@ -0,0 +1,733 @@
+{
+  "$comment": "AUTO-GENERATED by packages/exponential-ui/scripts/generate-round2.ts — do not edit (inputs live there). Round 2 (docs/round-2-contract.md §5). ONE axis (vertical or horizontal Lists alike); offsets relative to the list's content start; a list without a bounded size windows against its nearest scrolling ancestor or the host viewport, translated into this frame. `windows` (virtualWindow; `{count, extent}` = that many equal extents; `measured` + `row` = itemExtents: an unmeasured item (null) takes the mean measured extent, else `row` = `$control.row` before any is measured, giving `extents`): every item intersecting [scroll, scroll + viewport) — an item ending exactly at the start counts — plus `overscan` (default 5) each side; `before`/`after` = the spacers. `scrollTo` (scrollOffsetForIndex = the scrollToIndex command): start/center/end/nearest, `inset` = the pinned header over the item, clamped to the content. `sections` (listSections + sectionRows): consecutive items sharing `sectionBy` form a section; the flat rows put a header before each. `sectionedScrollTo` (scrollOffsetForItem): scrollToIndex on a sectioned list maps the DATA index to its flat row, inset = its own section header's extent when headers are sticky. `sticky` (stickyHeader): the pinned header row and its offset per scroll (pushed back by the next header).",
+  "windows": [
+    {
+      "name": "top",
+      "extents": {
+        "count": 1000,
+        "extent": 40
+      },
+      "gap": 0,
+      "scroll": 0,
+      "viewport": 400,
+      "expected": {
+        "start": 0,
+        "end": 15,
+        "before": 0,
+        "after": 39400,
+        "total": 40000
+      }
+    },
+    {
+      "name": "middle",
+      "extents": {
+        "count": 1000,
+        "extent": 40
+      },
+      "gap": 0,
+      "scroll": 20000,
+      "viewport": 400,
+      "expected": {
+        "start": 494,
+        "end": 515,
+        "before": 19760,
+        "after": 19400,
+        "total": 40000
+      }
+    },
+    {
+      "name": "item-ending-at-viewport-start-counts",
+      "extents": {
+        "count": 1000,
+        "extent": 40
+      },
+      "gap": 0,
+      "scroll": 400,
+      "viewport": 400,
+      "overscan": 0,
+      "expected": {
+        "start": 9,
+        "end": 20,
+        "before": 360,
+        "after": 39200,
+        "total": 40000
+      }
+    },
+    {
+      "name": "gap-and-divider",
+      "extents": {
+        "count": 200,
+        "extent": 40
+      },
+      "gap": 9,
+      "scroll": 4900,
+      "viewport": 300,
+      "expected": {
+        "start": 95,
+        "end": 112,
+        "before": 4655,
+        "after": 4312,
+        "total": 9791
+      }
+    },
+    {
+      "name": "end-clamped",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "scroll": 3800,
+      "viewport": 400,
+      "expected": {
+        "start": 89,
+        "end": 100,
+        "before": 3560,
+        "after": 0,
+        "total": 4000
+      }
+    },
+    {
+      "name": "mixed-extents",
+      "extents": [
+        40,
+        40,
+        64,
+        40,
+        120,
+        40,
+        40,
+        40,
+        64,
+        40,
+        40,
+        40
+      ],
+      "gap": 4,
+      "scroll": 150,
+      "viewport": 200,
+      "overscan": 1,
+      "expected": {
+        "start": 1,
+        "end": 7,
+        "before": 44,
+        "after": 244,
+        "total": 652
+      }
+    },
+    {
+      "name": "horizontal-axis",
+      "extents": {
+        "count": 500,
+        "extent": 160
+      },
+      "gap": 8,
+      "scroll": 8400,
+      "viewport": 390,
+      "expected": {
+        "start": 45,
+        "end": 58,
+        "before": 7560,
+        "after": 74256,
+        "total": 83992
+      }
+    },
+    {
+      "name": "hundred-thousand",
+      "extents": {
+        "count": 100000,
+        "extent": 40
+      },
+      "gap": 0,
+      "scroll": 2000000,
+      "viewport": 800,
+      "expected": {
+        "start": 49994,
+        "end": 50025,
+        "before": 1999760,
+        "after": 1999000,
+        "total": 4000000
+      }
+    },
+    {
+      "name": "empty",
+      "extents": [],
+      "gap": 0,
+      "scroll": 0,
+      "viewport": 400,
+      "expected": {
+        "start": 0,
+        "end": 0,
+        "before": 0,
+        "after": 0,
+        "total": 0
+      }
+    },
+    {
+      "name": "unmeasured-take-row-before-any-measure",
+      "measured": [
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null
+      ],
+      "row": 36,
+      "extents": [
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36,
+        36
+      ],
+      "gap": 0,
+      "scroll": 100,
+      "viewport": 200,
+      "overscan": 0,
+      "expected": {
+        "start": 2,
+        "end": 9,
+        "before": 72,
+        "after": 396,
+        "total": 720
+      }
+    },
+    {
+      "name": "unmeasured-take-measured-mean",
+      "measured": [
+        40,
+        64,
+        null,
+        52,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null
+      ],
+      "row": 36,
+      "extents": [
+        40,
+        64,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52,
+        52
+      ],
+      "gap": 0,
+      "scroll": 300,
+      "viewport": 200,
+      "overscan": 1,
+      "expected": {
+        "start": 4,
+        "end": 11,
+        "before": 208,
+        "after": 988,
+        "total": 1560
+      }
+    }
+  ],
+  "scrollTo": [
+    {
+      "name": "nearest-below",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 30,
+      "viewport": 400,
+      "scroll": 0,
+      "align": "nearest",
+      "expected": 840
+    },
+    {
+      "name": "nearest-visible-no-move",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 5,
+      "viewport": 400,
+      "scroll": 0,
+      "align": "nearest",
+      "expected": 0
+    },
+    {
+      "name": "nearest-above",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 2,
+      "viewport": 400,
+      "scroll": 800,
+      "align": "nearest",
+      "expected": 80
+    },
+    {
+      "name": "start",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 50,
+      "viewport": 400,
+      "scroll": 0,
+      "align": "start",
+      "expected": 2000
+    },
+    {
+      "name": "center",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 50,
+      "viewport": 400,
+      "scroll": 0,
+      "align": "center",
+      "expected": 1820
+    },
+    {
+      "name": "end",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 50,
+      "viewport": 400,
+      "scroll": 0,
+      "align": "end",
+      "expected": 1640
+    },
+    {
+      "name": "start-clamped-at-end",
+      "extents": {
+        "count": 100,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 99,
+      "viewport": 400,
+      "scroll": 0,
+      "align": "start",
+      "expected": 3600
+    },
+    {
+      "name": "start-under-sticky-header",
+      "extents": [
+        40,
+        40,
+        64,
+        40,
+        120,
+        40,
+        40,
+        40,
+        64,
+        40,
+        40,
+        40
+      ],
+      "gap": 4,
+      "index": 6,
+      "viewport": 200,
+      "scroll": 0,
+      "align": "start",
+      "inset": 32,
+      "expected": 336
+    },
+    {
+      "name": "out-of-range-no-move",
+      "extents": {
+        "count": 10,
+        "extent": 40
+      },
+      "gap": 0,
+      "index": 10,
+      "viewport": 200,
+      "scroll": 40,
+      "align": "start",
+      "expected": 40
+    }
+  ],
+  "sections": [
+    {
+      "name": "by-day",
+      "items": [
+        {
+          "id": "1",
+          "day": "Today"
+        },
+        {
+          "id": "2",
+          "day": "Today"
+        },
+        {
+          "id": "3",
+          "day": "Yesterday"
+        },
+        {
+          "id": "4",
+          "day": "Today"
+        },
+        {
+          "id": "5"
+        },
+        {
+          "id": "6"
+        }
+      ],
+      "sectionBy": "day",
+      "expected": {
+        "sections": [
+          {
+            "value": "Today",
+            "start": 0,
+            "count": 2
+          },
+          {
+            "value": "Yesterday",
+            "start": 2,
+            "count": 1
+          },
+          {
+            "value": "Today",
+            "start": 3,
+            "count": 1
+          },
+          {
+            "value": "",
+            "start": 4,
+            "count": 2
+          }
+        ],
+        "rows": [
+          {
+            "header": 0
+          },
+          {
+            "item": 0
+          },
+          {
+            "item": 1
+          },
+          {
+            "header": 1
+          },
+          {
+            "item": 2
+          },
+          {
+            "header": 2
+          },
+          {
+            "item": 3
+          },
+          {
+            "header": 3
+          },
+          {
+            "item": 4
+          },
+          {
+            "item": 5
+          }
+        ]
+      }
+    }
+  ],
+  "sectionedScrollTo": [
+    {
+      "name": "start-under-own-sticky-header",
+      "index": 3,
+      "viewport": 100,
+      "scroll": 0,
+      "align": "start",
+      "stickyHeaders": true,
+      "items": [
+        {
+          "id": "1",
+          "day": "Today"
+        },
+        {
+          "id": "2",
+          "day": "Today"
+        },
+        {
+          "id": "3",
+          "day": "Yesterday"
+        },
+        {
+          "id": "4",
+          "day": "Today"
+        },
+        {
+          "id": "5"
+        },
+        {
+          "id": "6"
+        }
+      ],
+      "sectionBy": "day",
+      "headerExtent": 32,
+      "itemExtent": 40,
+      "gap": 0,
+      "expected": 184
+    },
+    {
+      "name": "start-without-sticky",
+      "index": 3,
+      "viewport": 100,
+      "scroll": 0,
+      "align": "start",
+      "stickyHeaders": false,
+      "items": [
+        {
+          "id": "1",
+          "day": "Today"
+        },
+        {
+          "id": "2",
+          "day": "Today"
+        },
+        {
+          "id": "3",
+          "day": "Yesterday"
+        },
+        {
+          "id": "4",
+          "day": "Today"
+        },
+        {
+          "id": "5"
+        },
+        {
+          "id": "6"
+        }
+      ],
+      "sectionBy": "day",
+      "headerExtent": 32,
+      "itemExtent": 40,
+      "gap": 0,
+      "expected": 216
+    },
+    {
+      "name": "data-index-skips-headers",
+      "index": 2,
+      "viewport": 100,
+      "scroll": 0,
+      "align": "end",
+      "stickyHeaders": true,
+      "items": [
+        {
+          "id": "1",
+          "day": "Today"
+        },
+        {
+          "id": "2",
+          "day": "Today"
+        },
+        {
+          "id": "3",
+          "day": "Yesterday"
+        },
+        {
+          "id": "4",
+          "day": "Today"
+        },
+        {
+          "id": "5"
+        },
+        {
+          "id": "6"
+        }
+      ],
+      "sectionBy": "day",
+      "headerExtent": 32,
+      "itemExtent": 40,
+      "gap": 0,
+      "expected": 84
+    },
+    {
+      "name": "absent-index-no-move",
+      "index": 9,
+      "viewport": 100,
+      "scroll": 24,
+      "align": "start",
+      "stickyHeaders": true,
+      "items": [
+        {
+          "id": "1",
+          "day": "Today"
+        },
+        {
+          "id": "2",
+          "day": "Today"
+        },
+        {
+          "id": "3",
+          "day": "Yesterday"
+        },
+        {
+          "id": "4",
+          "day": "Today"
+        },
+        {
+          "id": "5"
+        },
+        {
+          "id": "6"
+        }
+      ],
+      "sectionBy": "day",
+      "headerExtent": 32,
+      "itemExtent": 40,
+      "gap": 0,
+      "expected": 24
+    }
+  ],
+  "sticky": [
+    {
+      "name": "push-back",
+      "rowExtents": [
+        32,
+        40,
+        40,
+        32,
+        40,
+        32,
+        40,
+        32,
+        40,
+        40
+      ],
+      "headerRows": [
+        0,
+        3,
+        5,
+        7
+      ],
+      "scrolls": [
+        0,
+        10,
+        60,
+        100,
+        120,
+        160,
+        300
+      ],
+      "expected": [
+        {
+          "row": 0,
+          "offset": 0
+        },
+        {
+          "row": 0,
+          "offset": 10
+        },
+        {
+          "row": 0,
+          "offset": 60
+        },
+        {
+          "row": 0,
+          "offset": 80
+        },
+        {
+          "row": 3,
+          "offset": 120
+        },
+        {
+          "row": 3,
+          "offset": 152
+        },
+        {
+          "row": 7,
+          "offset": 300
+        }
+      ]
+    }
+  ]
+}