@elliemae/ds-utilities 2.3.3-rc.0 → 2.4.0-rc.0

package/cjs/hooks/index.js

@@ -21,6 +21,7 @@ var useSetRef = require('./useSetRef.js');
 var useParentElement = require('./useParentElement.js');
 var useOnElementResize = require('./useOnElementResize.js');
 var useIsShowingEllipsis = require('./useIsShowingEllipsis.js');
+var useCallbackAfterRender = require('./useCallbackAfterRender.js');
 var useFocusTrap = require('./useFocusTrap.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -62,4 +63,5 @@ exports.useSetRef = useSetRef.useSetRef;
 exports.useParentElement = useParentElement.useParentElement;
 exports.useOnElementResize = useOnElementResize.useOnElementResize;
 exports.useIsShowingEllipsis = useIsShowingEllipsis.useIsShowingEllipsis;
+exports.useCallbackAfterRender = useCallbackAfterRender.useCallbackAfterRender;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;

package/cjs/hooks/useCallbackAfterRender.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useCallbackAfterRender = () => {
+  const lastRun = React.useRef(null);
+  React.useLayoutEffect(() => {
+    var _lastRun$current;
+
+    (_lastRun$current = lastRun.current) === null || _lastRun$current === void 0 ? void 0 : _lastRun$current.call(lastRun);
+    lastRun.current = null;
+  });
+  return callback => {
+    lastRun.current = callback; // schedule callback after render
+  };
+};
+
+exports.useCallbackAfterRender = useCallbackAfterRender;

package/cjs/index.js

@@ -27,6 +27,7 @@ var useSetRef = require('./hooks/useSetRef.js');
 var useParentElement = require('./hooks/useParentElement.js');
 var useOnElementResize = require('./hooks/useOnElementResize.js');
 var useIsShowingEllipsis = require('./hooks/useIsShowingEllipsis.js');
+var useCallbackAfterRender = require('./hooks/useCallbackAfterRender.js');
 var useFocusTrap = require('./hooks/useFocusTrap.js');
 var timeUtils = require('./timeUtils.js');
 var compose = require('./compose.js');
@@ -104,6 +105,7 @@ exports.useSetRef = useSetRef.useSetRef;
 exports.useParentElement = useParentElement.useParentElement;
 exports.useOnElementResize = useOnElementResize.useOnElementResize;
 exports.useIsShowingEllipsis = useIsShowingEllipsis.useIsShowingEllipsis;
+exports.useCallbackAfterRender = useCallbackAfterRender.useCallbackAfterRender;
 exports.useFocusTrap = useFocusTrap.useFocusTrap;
 exports.addLeadingZeros = timeUtils.addLeadingZeros;
 exports.getVisibleTimeByFormat = timeUtils.getVisibleTimeByFormat;

package/esm/hooks/index.js

@@ -17,4 +17,5 @@ export { useSetRef } from './useSetRef.js';
 export { useParentElement } from './useParentElement.js';
 export { useOnElementResize } from './useOnElementResize.js';
 export { useIsShowingEllipsis } from './useIsShowingEllipsis.js';
+export { useCallbackAfterRender } from './useCallbackAfterRender.js';
 export { useFocusTrap } from './useFocusTrap.js';

package/esm/hooks/useCallbackAfterRender.js

@@ -0,0 +1,16 @@
+import { useRef, useLayoutEffect } from 'react';
+
+const useCallbackAfterRender = () => {
+  const lastRun = useRef(null);
+  useLayoutEffect(() => {
+    var _lastRun$current;
+
+    (_lastRun$current = lastRun.current) === null || _lastRun$current === void 0 ? void 0 : _lastRun$current.call(lastRun);
+    lastRun.current = null;
+  });
+  return callback => {
+    lastRun.current = callback; // schedule callback after render
+  };
+};
+
+export { useCallbackAfterRender };

package/esm/index.js

@@ -23,6 +23,7 @@ export { useSetRef } from './hooks/useSetRef.js';
 export { useParentElement } from './hooks/useParentElement.js';
 export { useOnElementResize } from './hooks/useOnElementResize.js';
 export { useIsShowingEllipsis } from './hooks/useIsShowingEllipsis.js';
+export { useCallbackAfterRender } from './hooks/useCallbackAfterRender.js';
 export { useFocusTrap } from './hooks/useFocusTrap.js';
 export { addLeadingZeros, getVisibleTimeByFormat } from './timeUtils.js';
 export { compose } from './compose.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "2.3.3-rc.0",
+  "version": "2.4.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
   "module": "./esm/index.js",
@@ -111,6 +111,10 @@
       "import": "./esm/hooks/useCancellableDelayedCallback.js",
       "require": "./cjs/hooks/useCancellableDelayedCallback.js"
     },
+    "./hooks/useCallbackAfterRender": {
+      "import": "./esm/hooks/useCallbackAfterRender.js",
+      "require": "./cjs/hooks/useCallbackAfterRender.js"
+    },
     "./hooks": {
       "import": "./esm/hooks/index.js",
       "require": "./cjs/hooks/index.js"

package/types/hooks/index.d.ts

@@ -17,4 +17,5 @@ export * from './useSetRef';
 export * from './useParentElement';
 export * from './useOnElementResize';
 export * from './useIsShowingEllipsis';
+export * from './useCallbackAfterRender';
 export * from './useFocusTrap';

package/types/hooks/useCallbackAfterRender.d.ts

@@ -0,0 +1,3 @@
+export declare const useCallbackAfterRender: () => Callback;
+declare type Callback = (callback: () => void) => void;
+export {};

package/types/hooks/useIsShowingEllipsis.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const useIsShowingEllipsis: <T extends HTMLElement = HTMLSpanElement>() => {
+export declare const useIsShowingEllipsis: <T extends HTMLElement | null = HTMLElement | null>() => {
     setElement: import("react").Dispatch<import("react").SetStateAction<T | undefined>>;
     isShowingEllipsis: boolean;
 };