@procore/core-react 10.20.1-rc.23 → 10.20.1-rc.24

package/dist/esm/components/Tabs/Tabs.js

@@ -31,10 +31,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { CaretDown, CaretUp } from '@procore/core-icons/dist';
 import React from 'react';
-import { useBoundingRect } from '../../state/BoundingRect';
-import { useEvent } from '../../state/Event';
+import { useResize } from '../../effects/Resize';
+import { mergeRefs } from '../../effects/mergeRefs';
 import { useI18nContext } from '../../state/I18n';
 import { addSubcomponents } from '../../utils/addSubcomponents';
+import { getBoundingRect } from '../../utils/dom';
 import { MenuImperative } from '../MenuImperative';
 import { OverlayTrigger, useOverlayTriggerContext } from '../OverlayTrigger';
 import { StyledDropdownTab, StyledLink, StyledOverlay, StyledTab, StyledTabList, StyledTabs, } from './Tabs.styles';
@@ -44,17 +45,13 @@ export var Link = React.forwardRef(function Link(_a, ref) {
     return (React.createElement(StyledLink, __assign({ ref: ref }, props), children));
 });
 export var Tab = React.forwardRef(function Tab(_a, ref) {
-    var _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, _c = _a.onLayout, onLayout = _c === void 0 ? noop : _c, _d = _a.overflowing, overflowing = _d === void 0 ? false : _d, _e = _a.dropdown, dropdown = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? '' : _f, props = __rest(_a, ["active", "children", "onLayout", "overflowing", "dropdown", "variant"]);
-    var _g = useBoundingRect({}), rectRef = _g.ref, rect = _g.rect;
+    var _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, _c = _a.onMount, onMount = _c === void 0 ? noop : _c, _d = _a.onUnmount, onUnmount = _d === void 0 ? noop : _d, _e = _a.overflowing, overflowing = _e === void 0 ? false : _e, _f = _a.dropdown, dropdown = _f === void 0 ? false : _f, _g = _a.variant, variant = _g === void 0 ? '' : _g, props = __rest(_a, ["active", "children", "onMount", "onUnmount", "overflowing", "dropdown", "variant"]);
+    var innerRef = React.useRef(null);
     React.useEffect(function () {
-        onLayout(rect);
-        return function () {
-            // rerun layout with an empty object
-            // for proper resize on unmount
-            onLayout({});
-        };
-    }, [rect]);
-    return (React.createElement(StyledTab, __assign({}, props, { ref: rectRef, active: active || variant === 'active' }),
+        onMount(innerRef.current);
+        return onUnmount;
+    }, []);
+    return (React.createElement(StyledTab, __assign({}, props, { ref: mergeRefs(ref, innerRef), active: active || variant === 'active' }),
         React.createElement("div", { ref: ref }, children)));
 });
 export var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
@@ -81,39 +78,56 @@ export var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
 var Tabs_ = React.forwardRef(function Tabs(_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.dark, dark = _b === void 0 ? false : _b, qa = _a.qa, props = __rest(_a, ["children", "className", "dark", "qa"]);
     var i18n = useI18nContext();
-    var _c = React.useState([]), rects = _c[0], setRects = _c[1];
-    var _d = React.useState(false), moreMenuIsShown = _d[0], setMoreMenuIsShown = _d[1];
-    var resize = useEvent({ event: 'resize' }).value;
-    var container = useBoundingRect({ dependencies: [resize] });
-    var dropdown = useBoundingRect({ dependencies: [resize] });
-    var subtotals = rects.reduce(function (_a, rect) {
-        var total = _a.total, subtotals = _a.subtotals;
-        return ({
-            subtotals: __spreadArray(__spreadArray([], subtotals, true), [total + rect.width], false),
-            total: total + rect.width,
-        });
-    }, { subtotals: new Array(), total: 0 }).subtotals;
-    var index = subtotals.findIndex(function (val) { return val >= container.rect.width - dropdown.rect.width; });
+    var _c = React.useState(false), moreMenuIsShown = _c[0], setMoreMenuIsShown = _c[1];
+    var _d = React.useState([]), tabElements = _d[0], setTabElements = _d[1];
+    var _e = React.useState(0), cutoffIndex = _e[0], setCutoffIndex = _e[1];
+    var containerRef = React.useRef(null);
+    var dropdownRef = React.useRef(null);
+    function recalculate() {
+        var container = getBoundingRect(containerRef.current);
+        var dropdown = getBoundingRect(dropdownRef.current);
+        var subtotals = tabElements.reduce(function (acc, el) {
+            if (!el) {
+                return acc;
+            }
+            var rect = getBoundingRect(el);
+            return {
+                subtotals: __spreadArray(__spreadArray([], acc.subtotals, true), [acc.total + rect.width], false),
+                total: acc.total + rect.width,
+            };
+        }, { subtotals: new Array(), total: 0 }).subtotals;
+        var index = subtotals.findIndex(function (val) { return val >= container.width - dropdown.width; });
+        setCutoffIndex(index);
+    }
+    useResize({ onResize: recalculate });
+    React.useEffect(recalculate);
     var filtered = React.Children.toArray(children).filter(function (child) { return child; });
-    var overflowing = filtered.slice(index - 1);
+    var overflowing = filtered.slice(cutoffIndex - 1);
     var isOverflowingActive = React.Children.toArray(overflowing).some(function (child) { return React.isValidElement(child) && child.props.active; });
-    return (React.createElement(StyledTabs, __assign({ ref: ref, dark: dark, index: index }, props),
-        React.createElement(StyledTabList, { ref: container.ref },
+    return (React.createElement(StyledTabs, __assign({ ref: ref, dark: dark, index: cutoffIndex }, props),
+        React.createElement(StyledTabList, { ref: containerRef },
             filtered.map(function (child, i) {
                 if (React.isValidElement(child))
                     return React.cloneElement(child, {
                         dark: dark,
-                        onLayout: function (rect) {
-                            setRects(function (rects) {
-                                var oldRects = __spreadArray([], rects, true);
-                                oldRects[i] = rect;
-                                return oldRects;
+                        onMount: function (el) {
+                            setTabElements(function (elements) {
+                                var oldElements = __spreadArray([], elements, true);
+                                oldElements[i] = el;
+                                return oldElements;
+                            });
+                        },
+                        onUnmount: function () {
+                            setTabElements(function (elements) {
+                                var oldElements = __spreadArray([], elements, true);
+                                oldElements[i] = null;
+                                return oldElements;
                             });
                         },
                     });
             }),
             React.createElement(OverlayTrigger, { beforeShow: function () { return setMoreMenuIsShown(true); }, afterHide: function () { return setMoreMenuIsShown(false); }, trigger: "click", placement: "bottom-right", overlay: React.createElement(MoreMenu, null, overflowing), ref: ref },
-                React.createElement(StyledDropdownTab, { ref: dropdown.ref, active: isOverflowingActive, dark: dark },
+                React.createElement(StyledDropdownTab, { ref: dropdownRef, active: isOverflowingActive, dark: dark },
                     React.createElement(StyledLink, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.more }, i18n.t('core.tabs.more')),
                     moreMenuIsShown ? (React.createElement(CaretUp, { size: "sm" })) : (React.createElement(CaretDown, { size: "sm" })))))));
 });

package/dist/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tabs/Tabs.types.d.ts

@@ -21,7 +21,11 @@ export interface TabProps extends Props {
     /**
      * @private
      */
-    onLayout?: Function;
+    onMount?: (el: HTMLDivElement | null) => void;
+    /**
+     * @private
+     */
+    onUnmount?: () => void;
     /**
      * @deprecated This was never intended to be a public facing API and does not
      * do anything. It will be removed in the future.

package/dist/esm/components/Tabs/Tabs.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAClB,CAAA"}
+{"version":3,"file":"Tabs.types.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;CAClB,CAAA"}

package/dist/props/Tabs.json

@@ -1 +1 @@
-{"TabProps":[{"name":"active","type":"boolean","required":false,"description":"The tab is active"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false,"description":"Whether or not tab is in dark mode"},{"name":"dropdown","type":"boolean","required":false,"deprecated":"This was never intended to be a public facing API and does not\ndo anything. It will be removed in the future.\n"},{"name":"onLayout","type":"Function","required":false},{"name":"overflowing","type":"boolean","required":false,"deprecated":"This was never intended to be a public facing API and does not\ndo anything. It will be removed in the future.\n"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TabVariant","required":false,"deprecated":"please use the `active` and `dark` props to configure style. The\n`dropdown`, `hover`, and `overflowing` variants were only for internal use\nand should not be used in clients\n"}],"TabsProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false},{"name":"qa","type":"QaTags","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}
+{"TabProps":[{"name":"active","type":"boolean","required":false,"description":"The tab is active"},{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false,"description":"Whether or not tab is in dark mode"},{"name":"dropdown","type":"boolean","required":false,"deprecated":"This was never intended to be a public facing API and does not\ndo anything. It will be removed in the future.\n"},{"name":"overflowing","type":"boolean","required":false,"deprecated":"This was never intended to be a public facing API and does not\ndo anything. It will be removed in the future.\n"},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"},{"name":"variant","type":"TabVariant","required":false,"deprecated":"please use the `active` and `dark` props to configure style. The\n`dropdown`, `hover`, and `overflowing` variants were only for internal use\nand should not be used in clients\n"},{"name":"onMount","type":"void","required":true},{"name":"onUnmount","type":"void","required":true}],"TabsProps":[{"name":"children","type":"ReactNode","required":false,"description":"Instead of using the default children, you can pass in your own."},{"name":"className","type":"string","required":false,"description":"Additional classNames"},{"name":"dark","type":"boolean","required":false},{"name":"qa","type":"QaTags","required":false},{"name":"style","type":"CSSProperties","required":false,"description":"Additional CSS styles"}]}