@hypothesis/frontend-shared - npm Package Compare versions

Comparing version 6.10.1 to 6.11.0

lib/components/data/DataTable.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/data/DataTable.tsx";
-import { useContext, useEffect } from 'preact/hooks';
+import { useCallback, useContext, useEffect, useMemo } from 'preact/hooks';
 import { useArrowKeyNavigation } from '../../hooks/use-arrow-key-navigation';
+import { useStableCallback } from '../../hooks/use-stable-callback';
 import { useSyncedRef } from '../../hooks/use-synced-ref';
@@ -16,2 +17,6 @@ import { downcastRef } from '../../util/typing';
 import { Fragment as _Fragment } from "preact/jsx-dev-runtime";
+function defaultRenderItem(r, field) {
+  return r[field];
+}
+
 /**
@@ -28,3 +33,3 @@ * An interactive table of rows and columns with a sticky header.
   loading = false,
-  renderItem = (r, field) => r[field],
+  renderItem = defaultRenderItem,
   onSelectRow,
@@ -45,10 +50,10 @@ onConfirmRow,
   const noContent = loading || !rows.length && emptyMessage;
-  const fields = columns.map(column => column.field);
-  function selectRow(row) {
+  const fields = useMemo(() => columns.map(column => column.field), [columns]);
+  const selectRow = useStableCallback(row => {
     onSelectRow === null || onSelectRow === void 0 || onSelectRow(row);
-  }
-  function confirmRow(row) {
+  });
+  const confirmRow = useStableCallback(row => {
     onConfirmRow === null || onConfirmRow === void 0 || onConfirmRow(row);
-  }
-  function handleKeyDown(event, row) {
+  });
+  const handleKeyDown = useCallback((event, row) => {
     if (event.key === 'Enter') {
@@ -59,3 +64,3 @@ confirmRow(row);
     }
-  }
+  }, [confirmRow]);
 
@@ -92,2 +97,22 @@ // Ensure that a selected row is visible when this table is within
   const withFoot = !loading && rows.length > 0;
+  const tableRows = useMemo(() => {
+    return rows.map((row, idx) => _jsxDEV(TableRow, {
+      selected: row === selectedRow,
+      onClick: () => selectRow(row),
+      onFocus: () => selectRow(row),
+      onDblClick: () => confirmRow(row),
+      onKeyDown: event => handleKeyDown(event, row),
+      children: fields.map(field => _jsxDEV(TableCell, {
+        children: renderItem(row, field)
+      }, field, false, {
+        fileName: _jsxFileName,
+        lineNumber: 152,
+        columnNumber: 11
+      }, this))
+    }, idx, false, {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 7
+    }, this));
+  }, [confirmRow, fields, renderItem, handleKeyDown, rows, selectRow, selectedRow]);
   return _jsxDEV(Table, {
@@ -109,3 +134,3 @@ "data-composite-component": "DataTable",
           fileName: _jsxFileName,
-          lineNumber: 148,
+          lineNumber: 182,
           columnNumber: 13
@@ -115,3 +140,3 @@ }, this))
         fileName: _jsxFileName,
-        lineNumber: 146,
+        lineNumber: 180,
         columnNumber: 9
@@ -121,23 +146,6 @@ }, this)
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 179,
       columnNumber: 7
     }, this), _jsxDEV(TableBody, {
-      children: [!loading && rows.map((row, idx) => _jsxDEV(TableRow, {
-        selected: row === selectedRow,
-        onClick: () => selectRow(row),
-        onFocus: () => selectRow(row),
-        onDblClick: () => confirmRow(row),
-        onKeyDown: event => handleKeyDown(event, row),
-        children: fields.map(field => _jsxDEV(TableCell, {
-          children: renderItem(row, field)
-        }, field, false, {
-          fileName: _jsxFileName,
-          lineNumber: 166,
-          columnNumber: 17
-        }, this))
-      }, idx, false, {
-        fileName: _jsxFileName,
-        lineNumber: 157,
-        columnNumber: 13
-      }, this)), noContent && _jsxDEV("tr", {
+      children: [!loading && tableRows, noContent && _jsxDEV("tr", {
         children: _jsxDEV("td", {
@@ -150,3 +158,3 @@ colSpan: columns.length,
             fileName: _jsxFileName,
-            lineNumber: 176,
+            lineNumber: 194,
             columnNumber: 17
@@ -158,3 +166,3 @@ }, this) : _jsxDEV(_Fragment, {
           fileName: _jsxFileName,
-          lineNumber: 174,
+          lineNumber: 192,
           columnNumber: 13
@@ -164,3 +172,3 @@ }, this)
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 191,
         columnNumber: 11
@@ -170,7 +178,7 @@ }, this)]
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 188,
       columnNumber: 7
     }, this), children, withFoot && _jsxDEV(TableFoot, {}, void 0, false, {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 203,
       columnNumber: 20
@@ -180,3 +188,3 @@ }, this)]
     fileName: _jsxFileName,
-    lineNumber: 135,
+    lineNumber: 169,
     columnNumber: 5
@@ -183,0 +191,0 @@ }, this);

lib/components/data/Scroll.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/data/Scroll.tsx";
 import classnames from 'classnames';
+import { useMemo } from 'preact/hooks';
 import { useSyncedRef } from '../../hooks/use-synced-ref';
@@ -18,5 +19,5 @@ import { downcastRef } from '../../util/typing';
   const ref = useSyncedRef(elementRef);
-  const scrollContext = {
+  const scrollContext = useMemo(() => ({
     scrollRef: ref
-  };
+  }), [ref]);
   return _jsxDEV(ScrollContext.Provider, {
@@ -37,3 +38,3 @@ value: scrollContext,
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 39,
       columnNumber: 7
@@ -43,3 +44,3 @@ }, this)
     fileName: _jsxFileName,
-    lineNumber: 34,
+    lineNumber: 38,
     columnNumber: 5
@@ -46,0 +47,0 @@ }, this);

lib/components/data/Table.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/data/Table.tsx";
 import classnames from 'classnames';
+import { useMemo } from 'preact/hooks';
 import { useSyncedRef } from '../../hooks/use-synced-ref';
@@ -21,3 +22,3 @@ import { downcastRef } from '../../util/typing';
   const ref = useSyncedRef(elementRef);
-  const tableContext = {
+  const tableContext = useMemo(() => ({
     interactive,
@@ -27,3 +28,3 @@ stickyHeader,
     tableRef: ref
-  };
+  }), [borderless, interactive, stickyHeader, ref]);
   return _jsxDEV(TableContext.Provider, {
@@ -53,3 +54,3 @@ value: tableContext,
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 50,
       columnNumber: 7
@@ -59,3 +60,3 @@ }, this)
     fileName: _jsxFileName,
-    lineNumber: 45,
+    lineNumber: 49,
     columnNumber: 5
@@ -62,0 +63,0 @@ }, this);

lib/components/data/TableBody.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableBody.tsx";
 import classnames from 'classnames';
-import { useContext } from 'preact/hooks';
+import { useContext, useMemo } from 'preact/hooks';
 import { downcastRef } from '../../util/typing';
@@ -18,5 +18,5 @@ import TableContext from './TableContext';
   const tableContext = useContext(TableContext);
-  const sectionContext = {
+  const sectionContext = useMemo(() => ({
     section: 'body'
-  };
+  }), []);
   return _jsxDEV(TableSectionContext.Provider, {
@@ -34,3 +34,3 @@ value: sectionContext,
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 34,
       columnNumber: 7
@@ -40,3 +40,3 @@ }, this)
     fileName: _jsxFileName,
-    lineNumber: 30,
+    lineNumber: 33,
     columnNumber: 5
@@ -43,0 +43,0 @@ }, this);

lib/components/data/TableFoot.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableFoot.tsx";
 import classnames from 'classnames';
+import { useMemo } from 'preact/hooks';
 import { downcastRef } from '../../util/typing';
@@ -15,5 +16,5 @@ import TableSectionContext from './TableSectionContext';
 }) {
-  const sectionContext = {
+  const sectionContext = useMemo(() => ({
     section: 'foot'
-  };
+  }), []);
   return _jsxDEV(TableSectionContext.Provider, {
@@ -33,3 +34,3 @@ value: sectionContext,
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 33,
       columnNumber: 7
@@ -39,3 +40,3 @@ }, this)
     fileName: _jsxFileName,
-    lineNumber: 28,
+    lineNumber: 32,
     columnNumber: 5
@@ -42,0 +43,0 @@ }, this);

lib/components/data/TableHead.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/data/TableHead.tsx";
 import classnames from 'classnames';
-import { useContext } from 'preact/hooks';
+import { useContext, useMemo } from 'preact/hooks';
 import { downcastRef } from '../../util/typing';
@@ -18,5 +18,5 @@ import TableContext from './TableContext';
   const tableContext = useContext(TableContext);
-  const sectionContext = {
+  const sectionContext = useMemo(() => ({
     section: 'head'
-  };
+  }), []);
   return _jsxDEV(TableSectionContext.Provider, {
@@ -34,3 +34,3 @@ value: sectionContext,
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 35,
       columnNumber: 7
@@ -40,3 +40,3 @@ }, this)
     fileName: _jsxFileName,
-    lineNumber: 31,
+    lineNumber: 34,
     columnNumber: 5
@@ -43,0 +43,0 @@ }, this);

lib/components/layout/Panel.js

 var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/components/layout/Panel.tsx";
+import classNames from 'classnames';
 import { downcastRef } from '../../util/typing';
@@ -42,3 +43,3 @@ import Scroll from '../data/Scroll';
     fileName: _jsxFileName,
-    lineNumber: 80,
+    lineNumber: 81,
     columnNumber: 7
@@ -58,3 +59,3 @@ }, this);
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 97,
         columnNumber: 18
@@ -65,3 +66,3 @@ }, this), _jsxDEV(CardTitle, {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 98,
         columnNumber: 9
@@ -71,10 +72,15 @@ }, this)]
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 96,
       columnNumber: 7
     }, this), scrollable ? _jsxDEV(Scroll, {
+      classes: classNames({
+        // When no buttons are provided (which means this is the last children),
+        // inherit the bottom border radius from Card.
+        'rounded-b-[inherit]': !buttons
+      }),
       children: panelContent
     }, void 0, false, {
       fileName: _jsxFileName,
-      lineNumber: 99,
-      columnNumber: 21
+      lineNumber: 101,
+      columnNumber: 9
     }, this) : _jsxDEV(_Fragment, {
@@ -88,3 +94,3 @@ children: panelContent
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 115,
         columnNumber: 11
@@ -94,3 +100,3 @@ }, this)
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 114,
       columnNumber: 9
@@ -100,3 +106,3 @@ }, this)]
     fileName: _jsxFileName,
-    lineNumber: 89,
+    lineNumber: 90,
     columnNumber: 5
@@ -103,0 +109,0 @@ }, this);

lib/pattern-library/components/patterns/layout/PanelPage.js

@@ -93,28 +93,6 @@ var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/layout/PanelPage.tsx";
                 title: "Scrolling content",
-                buttons: _jsxDEV(_Fragment, {
-                  children: [_jsxDEV(Button, {
-                    children: "Buttons"
-                  }, void 0, false, {
-                    fileName: _jsxFileName,
-                    lineNumber: 49,
-                    columnNumber: 23
-                  }, this), _jsxDEV(Button, {
-                    children: "do not"
-                  }, void 0, false, {
-                    fileName: _jsxFileName,
-                    lineNumber: 50,
-                    columnNumber: 23
-                  }, this), _jsxDEV(Button, {
-                    variant: "primary",
-                    children: "Scroll"
-                  }, void 0, false, {
-                    fileName: _jsxFileName,
-                    lineNumber: 51,
-                    columnNumber: 23
-                  }, this)]
-                }, void 0, true),
                 scrollable: true,
                 children: _jsxDEV(LoremIpsum, {}, void 0, false, {
                   fileName: _jsxFileName,
-                  lineNumber: 56,
+                  lineNumber: 46,
                   columnNumber: 19
@@ -141,3 +119,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 62,
+              lineNumber: 52,
               columnNumber: 53
@@ -147,3 +125,3 @@ }, this), " or other scrolling components instead."]
             fileName: _jsxFileName,
-            lineNumber: 61,
+            lineNumber: 51,
             columnNumber: 13
@@ -162,3 +140,3 @@ }, this), _jsxDEV(Library.Demo, {
                     fileName: _jsxFileName,
-                    lineNumber: 72,
+                    lineNumber: 62,
                     columnNumber: 23
@@ -169,3 +147,3 @@ }, this), _jsxDEV(Button, {
                     fileName: _jsxFileName,
-                    lineNumber: 73,
+                    lineNumber: 63,
                     columnNumber: 23
@@ -177,3 +155,3 @@ }, this), _jsxDEV(Button, {
                     fileName: _jsxFileName,
-                    lineNumber: 74,
+                    lineNumber: 64,
                     columnNumber: 23
@@ -186,3 +164,3 @@ }, this)]
                   fileName: _jsxFileName,
-                  lineNumber: 78,
+                  lineNumber: 68,
                   columnNumber: 19
@@ -192,3 +170,3 @@ }, this), _jsxDEV(ScrollBox, {
                     fileName: _jsxFileName,
-                    lineNumber: 80,
+                    lineNumber: 70,
                     columnNumber: 21
@@ -198,3 +176,3 @@ }, this)
                   fileName: _jsxFileName,
-                  lineNumber: 79,
+                  lineNumber: 69,
                   columnNumber: 19
@@ -204,3 +182,3 @@ }, this)]
                 fileName: _jsxFileName,
-                lineNumber: 68,
+                lineNumber: 58,
                 columnNumber: 17
@@ -210,3 +188,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 67,
+              lineNumber: 57,
               columnNumber: 15
@@ -216,3 +194,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 66,
+            lineNumber: 56,
             columnNumber: 13
@@ -235,3 +213,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 89,
+          lineNumber: 79,
           columnNumber: 11
@@ -243,3 +221,3 @@ }, this), " accepts all standard", ' ', _jsxDEV(Library.Link, {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 80,
           columnNumber: 11
@@ -254,3 +232,3 @@ }, this), ".", _jsxDEV(Library.Example, {
               fileName: _jsxFileName,
-              lineNumber: 96,
+              lineNumber: 86,
               columnNumber: 15
@@ -263,3 +241,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 100,
+                lineNumber: 90,
                 columnNumber: 17
@@ -269,3 +247,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 99,
+              lineNumber: 89,
               columnNumber: 15
@@ -278,3 +256,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 103,
+                lineNumber: 93,
                 columnNumber: 17
@@ -284,3 +262,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 102,
+              lineNumber: 92,
               columnNumber: 15
@@ -290,3 +268,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 95,
+            lineNumber: 85,
             columnNumber: 13
@@ -296,3 +274,3 @@ }, this)
           fileName: _jsxFileName,
-          lineNumber: 94,
+          lineNumber: 84,
           columnNumber: 11
@@ -308,3 +286,3 @@ }, this), _jsxDEV(Library.Example, {
                 fileName: _jsxFileName,
-                lineNumber: 110,
+                lineNumber: 100,
                 columnNumber: 17
@@ -314,3 +292,3 @@ }, this), " to render as available actions in the panel."]
               fileName: _jsxFileName,
-              lineNumber: 109,
+              lineNumber: 99,
               columnNumber: 15
@@ -323,3 +301,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 114,
+                lineNumber: 104,
                 columnNumber: 17
@@ -329,3 +307,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 113,
+              lineNumber: 103,
               columnNumber: 15
@@ -335,3 +313,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 108,
+            lineNumber: 98,
             columnNumber: 13
@@ -348,3 +326,3 @@ }, this), _jsxDEV(Library.Demo, {
                   fileName: _jsxFileName,
-                  lineNumber: 123,
+                  lineNumber: 113,
                   columnNumber: 21
@@ -356,3 +334,3 @@ }, this), _jsxDEV(Button, {
                   fileName: _jsxFileName,
-                  lineNumber: 124,
+                  lineNumber: 114,
                   columnNumber: 21
@@ -364,3 +342,3 @@ }, this)]
               fileName: _jsxFileName,
-              lineNumber: 119,
+              lineNumber: 109,
               columnNumber: 15
@@ -370,3 +348,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 118,
+            lineNumber: 108,
             columnNumber: 13
@@ -376,3 +354,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 107,
+          lineNumber: 97,
           columnNumber: 11
@@ -387,3 +365,3 @@ }, this), _jsxDEV(Library.Example, {
               fileName: _jsxFileName,
-              lineNumber: 135,
+              lineNumber: 125,
               columnNumber: 15
@@ -396,3 +374,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 140,
+                lineNumber: 130,
                 columnNumber: 17
@@ -402,3 +380,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 139,
+              lineNumber: 129,
               columnNumber: 15
@@ -411,3 +389,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 143,
+                lineNumber: 133,
                 columnNumber: 17
@@ -417,3 +395,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 142,
+              lineNumber: 132,
               columnNumber: 15
@@ -423,3 +401,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 134,
+            lineNumber: 124,
             columnNumber: 13
@@ -436,3 +414,3 @@ }, this), _jsxDEV(Library.Demo, {
                 fileName: _jsxFileName,
-                lineNumber: 149,
+                lineNumber: 139,
                 columnNumber: 17
@@ -442,3 +420,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 148,
+              lineNumber: 138,
               columnNumber: 15
@@ -448,3 +426,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 147,
+            lineNumber: 137,
             columnNumber: 13
@@ -454,3 +432,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 133,
+          lineNumber: 123,
           columnNumber: 11
@@ -466,3 +444,3 @@ }, this), _jsxDEV(Library.Example, {
                 fileName: _jsxFileName,
-                lineNumber: 156,
+                lineNumber: 146,
                 columnNumber: 20
@@ -472,3 +450,3 @@ }, this), " to render in the panel header."]
               fileName: _jsxFileName,
-              lineNumber: 155,
+              lineNumber: 145,
               columnNumber: 15
@@ -481,3 +459,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 159,
+                lineNumber: 149,
                 columnNumber: 17
@@ -487,3 +465,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 158,
+              lineNumber: 148,
               columnNumber: 15
@@ -493,3 +471,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 154,
+            lineNumber: 144,
             columnNumber: 13
@@ -505,3 +483,3 @@ }, this), _jsxDEV(Library.Demo, {
               fileName: _jsxFileName,
-              lineNumber: 164,
+              lineNumber: 154,
               columnNumber: 15
@@ -511,3 +489,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 163,
+            lineNumber: 153,
             columnNumber: 13
@@ -517,3 +495,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 153,
+          lineNumber: 143,
           columnNumber: 11
@@ -528,3 +506,3 @@ }, this), _jsxDEV(Library.Example, {
               fileName: _jsxFileName,
-              lineNumber: 172,
+              lineNumber: 162,
               columnNumber: 15
@@ -537,3 +515,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 177,
+                lineNumber: 167,
                 columnNumber: 17
@@ -543,3 +521,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 176,
+              lineNumber: 166,
               columnNumber: 15
@@ -549,3 +527,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 171,
+            lineNumber: 161,
             columnNumber: 13
@@ -561,3 +539,3 @@ }, this), _jsxDEV(Library.Demo, {
               fileName: _jsxFileName,
-              lineNumber: 182,
+              lineNumber: 172,
               columnNumber: 15
@@ -567,3 +545,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 181,
+            lineNumber: 171,
             columnNumber: 13
@@ -573,3 +551,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 160,
           columnNumber: 11
@@ -584,3 +562,3 @@ }, this), _jsxDEV(Library.Example, {
               fileName: _jsxFileName,
-              lineNumber: 193,
+              lineNumber: 183,
               columnNumber: 15
@@ -593,3 +571,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 198,
+                lineNumber: 188,
                 columnNumber: 17
@@ -599,3 +577,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 197,
+              lineNumber: 187,
               columnNumber: 15
@@ -608,3 +586,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 201,
+                lineNumber: 191,
                 columnNumber: 17
@@ -614,3 +592,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 200,
+              lineNumber: 190,
               columnNumber: 15
@@ -620,3 +598,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 192,
+            lineNumber: 182,
             columnNumber: 13
@@ -634,3 +612,3 @@ }, this), _jsxDEV(Library.Demo, {
                   fileName: _jsxFileName,
-                  lineNumber: 208,
+                  lineNumber: 198,
                   columnNumber: 19
@@ -640,3 +618,3 @@ }, this)
                 fileName: _jsxFileName,
-                lineNumber: 207,
+                lineNumber: 197,
                 columnNumber: 17
@@ -646,3 +624,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 206,
+              lineNumber: 196,
               columnNumber: 15
@@ -652,3 +630,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 205,
+            lineNumber: 195,
             columnNumber: 13
@@ -666,3 +644,3 @@ }, this), _jsxDEV(Library.Demo, {
                   fileName: _jsxFileName,
-                  lineNumber: 216,
+                  lineNumber: 206,
                   columnNumber: 19
@@ -672,3 +650,3 @@ }, this)
                 fileName: _jsxFileName,
-                lineNumber: 215,
+                lineNumber: 205,
                 columnNumber: 17
@@ -678,3 +656,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 214,
+              lineNumber: 204,
               columnNumber: 15
@@ -684,3 +662,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 213,
+            lineNumber: 203,
             columnNumber: 13
@@ -698,3 +676,3 @@ }, this), _jsxDEV(Library.Demo, {
                   fileName: _jsxFileName,
-                  lineNumber: 224,
+                  lineNumber: 214,
                   columnNumber: 19
@@ -704,3 +682,3 @@ }, this)
                 fileName: _jsxFileName,
-                lineNumber: 223,
+                lineNumber: 213,
                 columnNumber: 17
@@ -710,3 +688,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 222,
+              lineNumber: 212,
               columnNumber: 15
@@ -716,3 +694,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 221,
+            lineNumber: 211,
             columnNumber: 13
@@ -731,3 +709,3 @@ }, this), _jsxDEV(Library.Demo, {
                   fileName: _jsxFileName,
-                  lineNumber: 232,
+                  lineNumber: 222,
                   columnNumber: 19
@@ -737,3 +715,3 @@ }, this)
                 fileName: _jsxFileName,
-                lineNumber: 231,
+                lineNumber: 221,
                 columnNumber: 17
@@ -743,3 +721,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 230,
+              lineNumber: 220,
               columnNumber: 15
@@ -749,3 +727,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 229,
+            lineNumber: 219,
             columnNumber: 13
@@ -755,3 +733,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 191,
+          lineNumber: 181,
           columnNumber: 11
@@ -767,3 +745,3 @@ }, this), _jsxDEV(Library.Example, {
                 fileName: _jsxFileName,
-                lineNumber: 242,
+                lineNumber: 232,
                 columnNumber: 17
@@ -773,3 +751,3 @@ }, this), " to align with scroll-shadow hints."]
               fileName: _jsxFileName,
-              lineNumber: 239,
+              lineNumber: 229,
               columnNumber: 15
@@ -782,3 +760,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 245,
+                lineNumber: 235,
                 columnNumber: 17
@@ -788,3 +766,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 244,
+              lineNumber: 234,
               columnNumber: 15
@@ -797,3 +775,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 248,
+                lineNumber: 238,
                 columnNumber: 17
@@ -803,3 +781,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 247,
+              lineNumber: 237,
               columnNumber: 15
@@ -809,3 +787,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 238,
+            lineNumber: 228,
             columnNumber: 13
@@ -823,3 +801,3 @@ }, this), _jsxDEV(Library.Demo, {
                     fileName: _jsxFileName,
-                    lineNumber: 258,
+                    lineNumber: 248,
                     columnNumber: 23
@@ -831,3 +809,3 @@ }, this), _jsxDEV(Button, {
                     fileName: _jsxFileName,
-                    lineNumber: 259,
+                    lineNumber: 249,
                     columnNumber: 23
@@ -841,3 +819,3 @@ }, this)]
                   fileName: _jsxFileName,
-                  lineNumber: 264,
+                  lineNumber: 254,
                   columnNumber: 19
@@ -847,3 +825,3 @@ }, this)
                 fileName: _jsxFileName,
-                lineNumber: 254,
+                lineNumber: 244,
                 columnNumber: 17
@@ -853,3 +831,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 253,
+              lineNumber: 243,
               columnNumber: 15
@@ -859,3 +837,3 @@ }, this)
             fileName: _jsxFileName,
-            lineNumber: 252,
+            lineNumber: 242,
             columnNumber: 13
@@ -865,3 +843,3 @@ }, this)]
           fileName: _jsxFileName,
-          lineNumber: 237,
+          lineNumber: 227,
           columnNumber: 11
@@ -877,3 +855,3 @@ }, this), _jsxDEV(Library.Example, {
                 fileName: _jsxFileName,
-                lineNumber: 272,
+                lineNumber: 262,
                 columnNumber: 17
@@ -883,3 +861,3 @@ }, this), " accepts HTML attributes."]
               fileName: _jsxFileName,
-              lineNumber: 271,
+              lineNumber: 261,
               columnNumber: 15
@@ -892,3 +870,3 @@ }, this), _jsxDEV(Library.InfoItem, {
                 fileName: _jsxFileName,
-                lineNumber: 275,
+                lineNumber: 265,
                 columnNumber: 17
@@ -898,3 +876,3 @@ }, this)
               fileName: _jsxFileName,
-              lineNumber: 274,
+              lineNumber: 264,
               columnNumber: 15
@@ -904,3 +882,3 @@ }, this)]
             fileName: _jsxFileName,
-            lineNumber: 270,
+            lineNumber: 260,
             columnNumber: 13
@@ -910,3 +888,3 @@ }, this)
           fileName: _jsxFileName,
-          lineNumber: 269,
+          lineNumber: 259,
           columnNumber: 11
@@ -916,3 +894,3 @@ }, this)]
         fileName: _jsxFileName,
-        lineNumber: 88,
+        lineNumber: 78,
         columnNumber: 9
@@ -919,0 +897,0 @@ }, this)]

package.json

 {
   "name": "@hypothesis/frontend-shared",
-  "version": "6.10.1",
+  "version": "6.11.0",
   "description": "Shared components, styles and utilities for Hypothesis projects",
@@ -5,0 +5,0 @@ "license": "BSD-2-Clause",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3179632

increased by0.13%

Number of package files

821

increased by0.37%

Lines of code

41394

increased by0.05%

No dependency changes