@elliemae/ds-utilities 2.3.0-next.16 → 2.3.0-next.17

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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -61,3 +62,4 @@ exports.useSetRef = useSetRef.useSetRef;
 exports.useParentElement = useParentElement.useParentElement;
 exports.useOnElementResize = useOnElementResize.useOnElementResize;
 exports.useIsShowingEllipsis = useIsShowingEllipsis.useIsShowingEllipsis;
+exports.useCallbackAfterRender = useCallbackAfterRender.useCallbackAfterRender;

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 timeUtils = require('./timeUtils.js');
 var compose = require('./compose.js');
 var platform = require('./platform.js');
@@ -103,6 +104,7 @@ exports.useSetRef = useSetRef.useSetRef;
 exports.useParentElement = useParentElement.useParentElement;
 exports.useOnElementResize = useOnElementResize.useOnElementResize;
 exports.useIsShowingEllipsis = useIsShowingEllipsis.useIsShowingEllipsis;
+exports.useCallbackAfterRender = useCallbackAfterRender.useCallbackAfterRender;
 exports.addLeadingZeros = timeUtils.addLeadingZeros;
 exports.getVisibleTimeByFormat = timeUtils.getVisibleTimeByFormat;
 exports.compose = compose.compose;

package/esm/hooks/index.js

@@ -17,3 +17,4 @@ 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';

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 { addLeadingZeros, getVisibleTimeByFormat } from './timeUtils.js';
 export { compose } from './compose.js';
 export { DOCUMENT, WINDOW } from './platform.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "2.3.0-next.16",
+  "version": "2.3.0-next.17",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
   "module": "./esm/index.js",
@@ -107,6 +107,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,3 +17,4 @@ export * from './useSetRef';
 export * from './useParentElement';
 export * from './useOnElementResize';
 export * from './useIsShowingEllipsis';
+export * from './useCallbackAfterRender';

package/types/hooks/useCallbackAfterRender.d.ts

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