@nulogy/components 10.2.7 → 10.2.9

package/dist/main.js

@@ -21218,7 +21218,15 @@
           showArrow = _ref.showArrow,
           openAriaLabel = _ref.openAriaLabel,
           closeAriaLabel = _ref.closeAriaLabel;
-      var timeoutID;
+      // We're going to manage the ID of the timeout in a ref so that we can examine
+      // it without causing a re-render. Note that "0" will denote "no jobs running",
+      // whereas positive values are the ID of the running job.
+      var timeoutId = React.useRef(0);
+
+      var resetTimeoutId = function resetTimeoutId() {
+        clearTimeout(timeoutId.current);
+        timeoutId.current = 0;
+      };
 
       var _useState = React.useState(defaultOpen),
           isOpen = _useState[0],
@@ -21230,14 +21238,14 @@
         }
 
         if (!skipDelay) {
-          timeoutID = setTimeout(fnc, delay);
+          timeoutId.current = setTimeout(fnc, delay);
         } else {
           fnc();
         }
       };
 
       var setPopUpState = function setPopUpState(nextIsOpenState, skipDelay) {
-        clearTimeout(timeoutID);
+        resetTimeoutId();
         conditionallyApplyDelay(function () {
           return setIsOpen(nextIsOpenState);
         }, nextIsOpenState ? showDelay : hideDelay, skipDelay);
@@ -21248,19 +21256,17 @@
       };
 
       React.useEffect(function () {
-        var handleKeyDown = function handleKeyDown(event) {
-          switch (event.keyCode) {
-            case keyCodes.ESC:
-              closePopUp();
-              break;
+        function handleKeyDown(event) {
+          if (event.code === "Escape") {
+            closePopUp();
           }
-        };
+        }
 
         document.addEventListener("keydown", handleKeyDown);
 
         var cleanup = function cleanup() {
           document.removeEventListener("keydown", handleKeyDown);
-          clearTimeout(timeoutID);
+          resetTimeoutId();
         };
 
         return cleanup;

package/dist/main.module.js

@@ -21201,7 +21201,15 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
       showArrow = _ref.showArrow,
       openAriaLabel = _ref.openAriaLabel,
       closeAriaLabel = _ref.closeAriaLabel;
-  var timeoutID;
+  // We're going to manage the ID of the timeout in a ref so that we can examine
+  // it without causing a re-render. Note that "0" will denote "no jobs running",
+  // whereas positive values are the ID of the running job.
+  var timeoutId = useRef(0);
+
+  var resetTimeoutId = function resetTimeoutId() {
+    clearTimeout(timeoutId.current);
+    timeoutId.current = 0;
+  };
 
   var _useState = useState(defaultOpen),
       isOpen = _useState[0],
@@ -21213,14 +21221,14 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
     }
 
     if (!skipDelay) {
-      timeoutID = setTimeout(fnc, delay);
+      timeoutId.current = setTimeout(fnc, delay);
     } else {
       fnc();
     }
   };
 
   var setPopUpState = function setPopUpState(nextIsOpenState, skipDelay) {
-    clearTimeout(timeoutID);
+    resetTimeoutId();
     conditionallyApplyDelay(function () {
       return setIsOpen(nextIsOpenState);
     }, nextIsOpenState ? showDelay : hideDelay, skipDelay);
@@ -21231,19 +21239,17 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
   };
 
   useEffect(function () {
-    var handleKeyDown = function handleKeyDown(event) {
-      switch (event.keyCode) {
-        case keyCodes.ESC:
-          closePopUp();
-          break;
+    function handleKeyDown(event) {
+      if (event.code === "Escape") {
+        closePopUp();
       }
-    };
+    }
 
     document.addEventListener("keydown", handleKeyDown);
 
     var cleanup = function cleanup() {
       document.removeEventListener("keydown", handleKeyDown);
-      clearTimeout(timeoutID);
+      resetTimeoutId();
     };
 
     return cleanup;

package/dist/src/Alert/Alert.story.d.ts

@@ -3,10 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Danger: () => React.JSX.Element;
-export declare const Informative: () => React.JSX.Element;
-export declare const Success: () => React.JSX.Element;
-export declare const Warning: () => React.JSX.Element;
+export declare const AlertTypes: () => React.JSX.Element;
 export declare const WithACloseButton: {
     (): React.JSX.Element;
     story: {

package/dist/src/Table/Table.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { StatefulTableProps } from "./StatefulTable";
 import { ColumnType, RowType, CellInfoType } from "./Table.types";
-export type TableProps<ColumnMetadata> = StatefulTableProps<ColumnMetadata>;
-export type TableColumnType<ColumnMetadata> = ColumnType<ColumnMetadata>;
+export type TableProps<ColumnMetadata = unknown> = StatefulTableProps<ColumnMetadata>;
+export type TableColumnType<ColumnMetadata = unknown> = ColumnType<ColumnMetadata>;
 export type TableRowType = RowType;
-export type TableCellInfoType<ColumnMetadata> = CellInfoType<ColumnMetadata>;
+export type TableCellInfoType<ColumnMetadata = unknown> = CellInfoType<ColumnMetadata>;
 declare function Table<ColumnMetadata>({ hasSelectableRows, rowsPerPage, hasExpandableRows, selectedRows, onRowSelectionChange, onRowExpansionChange, onPageChange, selectAllAriaLabel, deselectAllAriaLabel, paginationCss, paginationProps, ...props }: TableProps<ColumnMetadata>): React.JSX.Element;
 declare namespace Table {
     var SortingHeader: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.2.7",
+  "version": "10.2.9",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {