foldkit 0.90.0 → 0.91.0

package/dist/ui/virtualList/index.js

@@ -357,22 +357,22 @@ const DEFAULT_OVERSCAN = 5;
  *  size and each row's position within it, rather than the much smaller
  *  count of currently mounted rows. */
 export const view = (config) => {
-    const { AriaPosinset, AriaSetsize, Class, DataAttribute, Id, Role, Style, keyed, } = html();
+    const h = html();
     const { model, items, itemToKey, itemToView, itemToRowHeightPx, overscan = DEFAULT_OVERSCAN, rowElement = 'li', className, attributes = [], } = config;
     const containerAttributes = [
-        Id(model.id),
-        Role('list'),
-        DataAttribute('virtual-list-id', model.id),
-        Style({
+        h.Id(model.id),
+        h.Role('list'),
+        h.DataAttribute('virtual-list-id', model.id),
+        h.Style({
             overflow: 'auto',
             'list-style': 'none',
             margin: '0',
             padding: '0',
         }),
-        ...(className !== undefined ? [Class(className)] : []),
+        ...(className !== undefined ? [h.Class(className)] : []),
         ...attributes,
     ];
-    const renderContainer = (children) => keyed('ul')(model.id, containerAttributes, children);
+    const renderContainer = (children) => h.keyed('ul')(model.id, containerAttributes, children);
     const maybeWindow = itemToRowHeightPx !== undefined
         ? visibleWindowVariable(model, items, itemToRowHeightPx, overscan)
         : visibleWindow(model, items.length, overscan);
@@ -383,16 +383,19 @@ export const view = (config) => {
         onNone: () => renderContainer([]),
         onSome: ({ startIndex, endIndex, topSpacerHeight, bottomSpacerHeight }) => {
             const visibleItems = items.slice(startIndex, endIndex);
-            const topSpacer = keyed('li')(`${model.id}-top-spacer`, [Role('presentation'), Style({ height: `${topSpacerHeight}px` })], []);
-            const bottomSpacer = keyed('li')(`${model.id}-bottom-spacer`, [Role('presentation'), Style({ height: `${bottomSpacerHeight}px` })], []);
+            const topSpacer = h.keyed('li')(`${model.id}-top-spacer`, [h.Role('presentation'), h.Style({ height: `${topSpacerHeight}px` })], []);
+            const bottomSpacer = h.keyed('li')(`${model.id}-bottom-spacer`, [
+                h.Role('presentation'),
+                h.Style({ height: `${bottomSpacerHeight}px` }),
+            ], []);
             const renderedRows = Array.map(visibleItems, (item, sliceIndex) => {
                 const dataIndex = startIndex + sliceIndex;
-                return keyed(rowElement)(itemToKey(item, dataIndex), [
-                    Role('listitem'),
-                    DataAttribute('virtual-list-item-index', String(dataIndex)),
-                    AriaSetsize(items.length),
-                    AriaPosinset(dataIndex + 1),
-                    Style({
+                return h.keyed(rowElement)(itemToKey(item, dataIndex), [
+                    h.Role('listitem'),
+                    h.DataAttribute('virtual-list-item-index', String(dataIndex)),
+                    h.AriaSetsize(items.length),
+                    h.AriaPosinset(dataIndex + 1),
+                    h.Style({
                         height: `${rowHeightFor(item, dataIndex)}px`,
                         display: 'grid',
                     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.90.0",
+  "version": "0.91.0",
   "description": "A TypeScript frontend framework, built on Effect and architected like Elm",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,6 +15,10 @@
       "types": "./dist/calendar/public.d.ts",
       "import": "./dist/calendar/public.js"
     },
+    "./canvas": {
+      "types": "./dist/canvas/public.d.ts",
+      "import": "./dist/canvas/public.js"
+    },
     "./command": {
       "types": "./dist/command/public.d.ts",
       "import": "./dist/command/public.js"