@exponential-at/ui 0.0.0-stage → 0.1.0

package/fixtures/resizable.json

@@ -0,0 +1,714 @@
+{
+  "$comment": "AUTO-GENERATED by packages/exponential-ui/scripts/generate-round2.ts — do not edit (inputs live there). Round 2 (docs/round-2-contract.md §1, Resizable): sizes are percent of the group's main axis minus its handles (sum 100), rounded to 1e-6. `normalize` = the starting sizes (normalizeSizes), `resize` = a drag from the sizes at its START (resizePanels: only the two panels beside the handle change; min/max clamp; collapse below half a collapsible panel's min; a collapsed one dragged past half its min reopens at max(min, the pointer), clamped), `keys` = a key on a focused handle (keyboardResize, step 10, rtl flips Left/Right), `extents` = px per panel (panelExtents: container minus one hairline per handle), `drag` = px of pointer movement → the percent delta (dragDelta). Compare numbers within 1e-6.",
+  "normalize": [
+    {
+      "name": "equal-when-unset",
+      "count": 3,
+      "expected": [
+        33.333333,
+        33.333333,
+        33.333333
+      ]
+    },
+    {
+      "name": "scaled-to-100",
+      "sizes": [
+        1,
+        1,
+        2
+      ],
+      "count": 3,
+      "expected": [
+        25,
+        25,
+        50
+      ]
+    },
+    {
+      "name": "missing-share-rest",
+      "sizes": [
+        50
+      ],
+      "count": 3,
+      "expected": [
+        50,
+        25,
+        25
+      ]
+    },
+    {
+      "name": "invalid-ignored",
+      "sizes": [
+        -5,
+        "x",
+        30
+      ],
+      "count": 3,
+      "expected": [
+        35,
+        35,
+        30
+      ]
+    },
+    {
+      "name": "extra-ignored",
+      "sizes": [
+        30,
+        70,
+        99
+      ],
+      "count": 2,
+      "expected": [
+        30,
+        70
+      ]
+    },
+    {
+      "name": "clamped-and-redistributed",
+      "sizes": [
+        80,
+        10,
+        10
+      ],
+      "count": 3,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        60,
+        25,
+        15
+      ]
+    },
+    {
+      "name": "collapsed-stays",
+      "sizes": [
+        50,
+        50,
+        0
+      ],
+      "count": 3,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        50,
+        50,
+        0
+      ]
+    },
+    {
+      "name": "min-capped-by-count",
+      "sizes": [
+        50,
+        50
+      ],
+      "count": 2,
+      "panels": [
+        {
+          "min": 80
+        },
+        {
+          "min": 80
+        }
+      ],
+      "expected": [
+        50,
+        50
+      ]
+    },
+    {
+      "name": "single-panel",
+      "sizes": [
+        30
+      ],
+      "count": 1,
+      "expected": [
+        100
+      ]
+    }
+  ],
+  "resize": [
+    {
+      "name": "grow-first",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 0,
+      "delta": 10,
+      "expected": [
+        50,
+        20,
+        30
+      ]
+    },
+    {
+      "name": "shrink-first",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 0,
+      "delta": -10,
+      "expected": [
+        30,
+        40,
+        30
+      ]
+    },
+    {
+      "name": "clamped-by-max",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 0,
+      "delta": 40,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        60,
+        10,
+        30
+      ]
+    },
+    {
+      "name": "clamped-by-neighbour-min",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 0,
+      "delta": 25,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        60,
+        10,
+        30
+      ]
+    },
+    {
+      "name": "clamped-by-own-min",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 0,
+      "delta": -35,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        20,
+        50,
+        30
+      ]
+    },
+    {
+      "name": "collapse-below-half-min",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 1,
+      "delta": 25,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        40,
+        60,
+        0
+      ]
+    },
+    {
+      "name": "no-collapse-above-half-min",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 1,
+      "delta": 20,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        40,
+        45,
+        15
+      ]
+    },
+    {
+      "name": "reopen-at-min",
+      "sizes": [
+        40,
+        60,
+        0
+      ],
+      "handle": 1,
+      "delta": -8,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        40,
+        45,
+        15
+      ]
+    },
+    {
+      "name": "stay-collapsed-small-drag",
+      "sizes": [
+        40,
+        60,
+        0
+      ],
+      "handle": 1,
+      "delta": -5,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60
+        },
+        {
+          "min": 10
+        },
+        {
+          "min": 15,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        40,
+        60,
+        0
+      ]
+    },
+    {
+      "name": "reopen-follows-pointer",
+      "sizes": [
+        0,
+        100
+      ],
+      "handle": 0,
+      "delta": 50,
+      "panels": [
+        {
+          "min": 20,
+          "collapsible": true
+        },
+        {}
+      ],
+      "expected": [
+        50,
+        50
+      ]
+    },
+    {
+      "name": "reopen-second-follows-pointer",
+      "sizes": [
+        100,
+        0
+      ],
+      "handle": 0,
+      "delta": -50,
+      "panels": [
+        {},
+        {
+          "min": 20,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        50,
+        50
+      ]
+    },
+    {
+      "name": "reopen-clamped-by-max",
+      "sizes": [
+        0,
+        100
+      ],
+      "handle": 0,
+      "delta": 80,
+      "panels": [
+        {
+          "min": 20,
+          "max": 60,
+          "collapsible": true
+        },
+        {}
+      ],
+      "expected": [
+        60,
+        40
+      ]
+    },
+    {
+      "name": "bad-handle",
+      "sizes": [
+        40,
+        30,
+        30
+      ],
+      "handle": 2,
+      "delta": 10,
+      "expected": [
+        40,
+        30,
+        30
+      ]
+    }
+  ],
+  "keys": [
+    {
+      "name": "right-ltr",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "ArrowRight",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "expected": [
+        60,
+        40
+      ]
+    },
+    {
+      "name": "right-rtl",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "ArrowRight",
+      "orientation": "horizontal",
+      "direction": "rtl",
+      "expected": [
+        40,
+        60
+      ]
+    },
+    {
+      "name": "left-ltr",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "ArrowLeft",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "expected": [
+        40,
+        60
+      ]
+    },
+    {
+      "name": "down-vertical",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "ArrowDown",
+      "orientation": "vertical",
+      "direction": "ltr",
+      "expected": [
+        60,
+        40
+      ]
+    },
+    {
+      "name": "up-ignored-horizontal",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "ArrowUp",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "expected": [
+        50,
+        50
+      ]
+    },
+    {
+      "name": "home",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "Home",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "panels": [
+        {
+          "min": 25
+        },
+        {}
+      ],
+      "expected": [
+        25,
+        75
+      ]
+    },
+    {
+      "name": "end",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "End",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "panels": [
+        {
+          "max": 70
+        },
+        {}
+      ],
+      "expected": [
+        70,
+        30
+      ]
+    },
+    {
+      "name": "enter-collapses-first",
+      "sizes": [
+        30,
+        70
+      ],
+      "handle": 0,
+      "key": "Enter",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "panels": [
+        {
+          "min": 20,
+          "collapsible": true
+        },
+        {}
+      ],
+      "expected": [
+        0,
+        100
+      ]
+    },
+    {
+      "name": "enter-reopens-first",
+      "sizes": [
+        0,
+        100
+      ],
+      "handle": 0,
+      "key": "Enter",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "panels": [
+        {
+          "min": 20,
+          "collapsible": true
+        },
+        {}
+      ],
+      "expected": [
+        20,
+        80
+      ]
+    },
+    {
+      "name": "enter-collapses-second",
+      "sizes": [
+        70,
+        30
+      ],
+      "handle": 0,
+      "key": "Enter",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "panels": [
+        {},
+        {
+          "min": 20,
+          "collapsible": true
+        }
+      ],
+      "expected": [
+        100,
+        0
+      ]
+    },
+    {
+      "name": "enter-noop",
+      "sizes": [
+        50,
+        50
+      ],
+      "handle": 0,
+      "key": "Enter",
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "expected": [
+        50,
+        50
+      ]
+    }
+  ],
+  "extents": [
+    {
+      "name": "two-panels",
+      "sizes": [
+        30,
+        70
+      ],
+      "container": 401,
+      "handle": 1,
+      "expected": [
+        120,
+        280
+      ]
+    },
+    {
+      "name": "three-panels-thick-handle",
+      "sizes": [
+        25,
+        25,
+        50
+      ],
+      "container": 1000,
+      "handle": 2,
+      "expected": [
+        249,
+        249,
+        498
+      ]
+    }
+  ],
+  "drag": [
+    {
+      "name": "ltr-right",
+      "px": 40,
+      "container": 401,
+      "panels": 2,
+      "orientation": "horizontal",
+      "direction": "ltr",
+      "expected": 10
+    },
+    {
+      "name": "rtl-right-shrinks-first",
+      "px": 40,
+      "container": 401,
+      "panels": 2,
+      "orientation": "horizontal",
+      "direction": "rtl",
+      "expected": -10
+    },
+    {
+      "name": "vertical-ignores-rtl",
+      "px": -50,
+      "container": 501,
+      "panels": 2,
+      "orientation": "vertical",
+      "direction": "rtl",
+      "expected": -10
+    }
+  ]
+}