@cypress-design/react-docmenu 0.3.0 → 0.3.1

package/.turbo/turbo-build.log

@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
 $ rollup -c ./rollup.config.mjs
 
 ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
-created ./dist/index.umd.js, ./dist/index.es.mjs in 22.3s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 33.9s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @cypress-design/react-docmenu
 
+## 0.3.1
+
+### Patch Changes
+
+- [#310](https://github.com/cypress-io/cypress-design/pull/310) [`a3a323f`](https://github.com/cypress-io/cypress-design/commit/a3a323fde7acf5e5407b298b4faa0c90314c6139) Thanks [@elevatebart](https://github.com/elevatebart)! - Add-eslint-react-hooks
+
+- Updated dependencies [[`630ad4a`](https://github.com/cypress-io/cypress-design/commit/630ad4ae2e6ba65350951949767a4ebdc4c7eb0a), [`a3a323f`](https://github.com/cypress-io/cypress-design/commit/a3a323fde7acf5e5407b298b4faa0c90314c6139)]:
+  - @cypress-design/react-icon@0.24.0
+
 ## 0.3.0
 
 ### Minor Changes

package/_DocGroup.tsx

@@ -19,25 +19,25 @@ export const DocGroup: React.FC<DocGroupProps> = ({
 }) => {
   const [open, setOpen] = React.useState(depth === 0)
   const [itemsHeights, setItemsHeights] = React.useState<number[]>(
-    Array(group.items.length).fill(1)
+    Array(group.items.length).fill(1),
   )
 
   React.useEffect(() => {
     setHeight?.(open ? itemsHeights.reduce((a, b) => a + b, 1) : 1)
-  }, [itemsHeights, open])
+  }, [itemsHeights, open, setHeight])
 
   const [activeTop, setActiveTop] = React.useState(0)
 
   React.useEffect(() => {
     const activeItem = group.items.findIndex(
-      (item) => 'href' in item && item.active
+      (item) => 'href' in item && item.active,
     )
     if (activeItem >= 0) {
       setActiveTop(
-        itemsHeights.slice(0, activeItem).reduce((a, b) => a + b, 1) * 44
+        itemsHeights.slice(0, activeItem).reduce((a, b) => a + b, 1) * 44,
       )
     }
-  }, [itemsHeights])
+  }, [itemsHeights, group.items])
 
   function toggleMenu(open: boolean) {
     if (!collapsible) return
@@ -114,7 +114,7 @@ export const DocGroup: React.FC<DocGroupProps> = ({
               depth={depth}
               onActive={(top) => setActiveTop(top)}
             />
-          )
+          ),
         )}
       </ul>
     </>

package/_DocLink.tsx

@@ -23,6 +23,8 @@ export const DocLink: React.FC<DocLinkProps> = ({
     if (item.active) {
       onActive?.(activeLIRef?.current?.offsetTop || 0)
     }
+    // supposed to happen only on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   return (
@@ -46,7 +48,7 @@ export const DocLink: React.FC<DocLinkProps> = ({
               'absolute w-[4px] z-10 top-[10%] h-[80%] rounded-full hidden',
               {
                 'group-hover:block bg-gray-300': !item.active && collapsible,
-              }
+              },
             )}
             style={{
               left: `-${18.5 + depth * 8}px`,

package/dist/_DocLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_DocLink.d.ts","sourceRoot":"./","sources":["_DocLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgD1C,CAAA"}
+{"version":3,"file":"_DocLink.d.ts","sourceRoot":"./","sources":["_DocLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkD1C,CAAA"}

package/dist/index.es.mjs

@@ -17,7 +17,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 var __assign$1 = function() {
@@ -51,7 +51,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var DocLink = function (_a) {
     var item = _a.item, collapsible = _a.collapsible, _b = _a.depth, depth = _b === void 0 ? -1 : _b, onActive = _a.onActive;
@@ -63,6 +68,8 @@ var DocLink = function (_a) {
         if (item.active) {
             onActive === null || onActive === void 0 ? void 0 : onActive(((_a = activeLIRef === null || activeLIRef === void 0 ? void 0 : activeLIRef.current) === null || _a === void 0 ? void 0 : _a.offsetTop) || 0);
         }
+        // supposed to happen only on mount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement("li", { ref: activeLIRef, className: clsx('list-none p-0', {
             'pl-[16px]': depth >= 0,
@@ -94,7 +101,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 var __assign = function() {
@@ -118,7 +125,12 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var compileReactIconProperties = function (_a) {
     var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name"]);
@@ -132,6 +144,7 @@ var compileReactIconProperties = function (_a) {
         }
         return newAttributes;
     }, {});
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(function () {
         var iconFileId = "".concat(name, "_").concat(size);
         if (defs) {
@@ -145,7 +158,7 @@ var compileReactIconProperties = function (_a) {
             svgElement.innerHTML = defs;
             document.body.appendChild(svgElement);
         }
-    }, [defs]);
+    }, [defs, name, size]);
     var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
             __html: body,
         }, className: undefined }, filteredAttributes);
@@ -192,14 +205,14 @@ var DocGroup = function (_a) {
     var _e = React.useState(Array(group.items.length).fill(1)), itemsHeights = _e[0], setItemsHeights = _e[1];
     React.useEffect(function () {
         setHeight === null || setHeight === void 0 ? void 0 : setHeight(open ? itemsHeights.reduce(function (a, b) { return a + b; }, 1) : 1);
-    }, [itemsHeights, open]);
+    }, [itemsHeights, open, setHeight]);
     var _f = React.useState(0), activeTop = _f[0], setActiveTop = _f[1];
     React.useEffect(function () {
         var activeItem = group.items.findIndex(function (item) { return 'href' in item && item.active; });
         if (activeItem >= 0) {
             setActiveTop(itemsHeights.slice(0, activeItem).reduce(function (a, b) { return a + b; }, 1) * 44);
         }
-    }, [itemsHeights]);
+    }, [itemsHeights, group.items]);
     function toggleMenu(open) {
         if (!collapsible)
             return;