@procore/core-react 11.22.0 → 11.23.0

package/dist/Tabs/Tabs.js

@@ -1,50 +1,45 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children"],
+  _excluded2 = ["as", "disabled", "role", "active", "children", "onBlur", "onFocus", "onMount", "onUnmount", "overflowing", "dropdown", "variant"],
+  _excluded3 = ["children", "className", "dark", "qa"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { CaretDown, CaretUp } from '@procore/core-icons/dist';
 import React from 'react';
 import { useButton } from '@react-aria/button';
 import { MenuImperative } from '../MenuImperative/MenuImperative';
-import { OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger/OverlayTrigger';
+import { OverlayTrigger, useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
 import { useI18nContext } from '../_hooks/I18n';
 import { useResize } from '../_hooks/Resize';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { getBoundingRect } from '../_utils/dom';
 import { mergeRefs } from '../_utils/mergeRefs';
-import { StyledDropdownTab, StyledDropdownTabInner, StyledLink, StyledOverlay, StyledTab, StyledTabInner, StyledTabList, StyledTabs, } from './Tabs.styles';
-function noop() { }
-export var Link = React.forwardRef(function Link(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledLink, __assign({ ref: ref }, props), children));
+import { StyledDropdownTab, StyledDropdownTabInner, StyledLink, StyledOverlay, StyledTab, StyledTabInner, StyledTabList, StyledTabs } from './Tabs.styles';
+function noop() {}
+export var Link = /*#__PURE__*/React.forwardRef(function Link(_ref, ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledLink, _extends({
+    ref: ref
+  }, props), children);
 });
+
 /**
 
  We use tabs to navigate between different, but related content.
@@ -57,114 +52,220 @@ export var Link = React.forwardRef(function Link(_a, ref) {
  @see [Design Guidelines](https://design.procore.com/tabs)
 
  */
-function TabInternal(_a, ref) {
-    var as = _a.as, disabled = _a.disabled, role = _a.role, _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, onBlur = _a.onBlur, onFocus = _a.onFocus, _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, ["as", "disabled", "role", "active", "children", "onBlur", "onFocus", "onMount", "onUnmount", "overflowing", "dropdown", "variant"]);
-    var onPress = props.onPress;
-    var buttonProps = useButton(__assign(__assign({}, props), { onBlur: onBlur, onFocus: onFocus, elementType: role === 'link' ? 'a' : role === 'button' ? 'button' : 'div', isDisabled: disabled, onPress: onPress, type: 'button' }), ref // TODO fix polymorphic type
-    ).buttonProps;
-    var a11yProps = role === 'button'
-        ? __assign(__assign({}, buttonProps), { 'aria-current': active, as: as || 'button', $clickable: !disabled }) : role === 'link'
-        ? __assign(__assign({}, buttonProps), { 'aria-current': active, as: as || 'a', $clickable: !disabled }) : role === 'tab'
-        ? { role: 'tab', onBlur: onBlur, onFocus: onFocus }
-        : { onBlur: onBlur, onFocus: onFocus };
-    var innerRef = React.useRef(null);
-    React.useEffect(function () {
-        onMount(innerRef.current);
-        return onUnmount;
-    }, []);
-    var validChild = React.isValidElement(children);
-    return (
+
+function TabInternal(_ref2, ref) {
+  var as = _ref2.as,
+    disabled = _ref2.disabled,
+    role = _ref2.role,
+    _ref2$active = _ref2.active,
+    active = _ref2$active === void 0 ? false : _ref2$active,
+    children = _ref2.children,
+    onBlur = _ref2.onBlur,
+    onFocus = _ref2.onFocus,
+    _ref2$onMount = _ref2.onMount,
+    onMount = _ref2$onMount === void 0 ? noop : _ref2$onMount,
+    _ref2$onUnmount = _ref2.onUnmount,
+    onUnmount = _ref2$onUnmount === void 0 ? noop : _ref2$onUnmount,
+    _ref2$overflowing = _ref2.overflowing,
+    overflowing = _ref2$overflowing === void 0 ? false : _ref2$overflowing,
+    _ref2$dropdown = _ref2.dropdown,
+    dropdown = _ref2$dropdown === void 0 ? false : _ref2$dropdown,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? '' : _ref2$variant,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var _ref3 = props,
+    onPress = _ref3.onPress;
+  var _useButton = useButton(_objectSpread(_objectSpread({}, props), {}, {
+      onBlur: onBlur,
+      onFocus: onFocus,
+      elementType: role === 'link' ? 'a' : role === 'button' ? 'button' : 'div',
+      isDisabled: disabled,
+      onPress: onPress,
+      type: 'button'
+    }), ref // TODO fix polymorphic type
+    ),
+    buttonProps = _useButton.buttonProps;
+  var a11yProps = role === 'button' ? _objectSpread(_objectSpread({}, buttonProps), {}, {
+    'aria-current': active,
+    as: as || 'button',
+    $clickable: !disabled
+  }) : role === 'link' ? _objectSpread(_objectSpread({}, buttonProps), {}, {
+    'aria-current': active,
+    as: as || 'a',
+    $clickable: !disabled
+  }) : role === 'tab' ? {
+    role: 'tab',
+    onBlur: onBlur,
+    onFocus: onFocus
+  } : {
+    onBlur: onBlur,
+    onFocus: onFocus
+  };
+  var innerRef = React.useRef(null);
+  React.useEffect(function () {
+    onMount(innerRef.current);
+    return onUnmount;
+  }, []);
+  var validChild = /*#__PURE__*/React.isValidElement(children);
+  return (
+    /*#__PURE__*/
     // @ts-ignore
-    React.createElement(StyledTab, __assign({ ref: mergeRefs(ref, innerRef) }, a11yProps, props),
-        React.createElement(StyledTabInner, { active: active || variant === 'active', dark: props.dark }, validChild
-            ? React.cloneElement(children, {
-                'aria-current': active || variant === 'active' ? true : undefined,
-            })
-            : children)));
+    React.createElement(StyledTab, _extends({
+      ref: mergeRefs(ref, innerRef)
+    }, a11yProps, props), /*#__PURE__*/React.createElement(StyledTabInner, {
+      active: active || variant === 'active',
+      dark: props.dark
+    }, validChild ? /*#__PURE__*/React.cloneElement(children, {
+      'aria-current': active || variant === 'active' ? true : undefined
+    }) : children))
+  );
 }
-export var Tab = React.forwardRef(TabInternal);
-export var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
-    var children = _a.children, id = _a.id;
-    var ctx = useOverlayTriggerContext();
-    var menuRef = React.useRef(null);
-    React.useEffect(function () {
-        var _a, _b, _c, _d;
-        (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.el) === null || _b === void 0 ? void 0 : _b.focus();
-        (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.highlightFirst();
-        (_d = menuRef.current) === null || _d === void 0 ? void 0 : _d.highlightSelected();
-    }, []);
-    function onSelect(selection) {
-        ctx.hide(selection.event);
+export var Tab = /*#__PURE__*/React.forwardRef(TabInternal);
+export var MoreMenu = /*#__PURE__*/React.forwardRef(function MoreMenu(_ref4, ref) {
+  var children = _ref4.children,
+    id = _ref4.id;
+  var ctx = useOverlayTriggerContext();
+  var menuRef = React.useRef(null);
+  React.useEffect(function () {
+    var _menuRef$current, _menuRef$current$el, _menuRef$current2, _menuRef$current3;
+    (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : (_menuRef$current$el = _menuRef$current.el) === null || _menuRef$current$el === void 0 ? void 0 : _menuRef$current$el.focus();
+    (_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 ? void 0 : _menuRef$current2.highlightFirst();
+    (_menuRef$current3 = menuRef.current) === null || _menuRef$current3 === void 0 ? void 0 : _menuRef$current3.highlightSelected();
+  }, []);
+  function onSelect(selection) {
+    ctx.hide(selection.event);
+  }
+  return /*#__PURE__*/React.createElement(StyledOverlay, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(MenuImperative, {
+    id: id,
+    role: "menu",
+    ref: menuRef,
+    onSelect: onSelect
+  }, /*#__PURE__*/React.createElement(MenuImperative.Options, null, React.Children.map(children, function (child, i) {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.createElement(MenuImperative.Item, {
+        item: null,
+        key: i,
+        selected: child.props.active
+      }, /*#__PURE__*/React.cloneElement(child, {
+        ref: null
+      }));
     }
-    return (React.createElement(StyledOverlay, { ref: ref },
-        React.createElement(MenuImperative, { id: id, role: "menu", ref: menuRef, onSelect: onSelect },
-            React.createElement(MenuImperative.Options, null, React.Children.map(children, function (child, i) {
-                if (React.isValidElement(child)) {
-                    return (React.createElement(MenuImperative.Item, { item: null, key: i, selected: child.props.active }, React.cloneElement(child, { ref: null })));
-                }
-            })))));
+  }))));
 });
-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(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);
-    function recalculate() {
-        var container = getBoundingRect(containerRef.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; });
-        setCutoffIndex(index);
-    }
-    useResize({ onResize: recalculate });
-    React.useEffect(recalculate);
-    var filtered = React.Children.toArray(children).filter(function (child) { return child; });
-    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: cutoffIndex }, props),
-        React.createElement(StyledTabList, { ref: containerRef },
-            filtered.map(function (child, i) {
-                if (React.isValidElement(child))
-                    return React.cloneElement(child, {
-                        dark: dark,
-                        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;
-                            });
-                        },
-                    }); // TODO fix type
-            }),
-            React.createElement(OverlayTrigger, { autoFocus: true, beforeShow: function () { return setMoreMenuIsShown(true); }, afterHide: function () { return setMoreMenuIsShown(false); }, trigger: "click", passA11yPropsToOverlay: true, placement: "bottom-right", overlay: React.createElement(MoreMenu, null, overflowing), ref: ref, role: "menu" },
-                React.createElement(StyledDropdownTab, { "aria-hidden": !overflowing.length, as: "button" },
-                    React.createElement(StyledDropdownTabInner, { 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" }))))))));
+var Tabs_ = /*#__PURE__*/React.forwardRef(function Tabs(_ref5, ref) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    _ref5$dark = _ref5.dark,
+    dark = _ref5$dark === void 0 ? false : _ref5$dark,
+    qa = _ref5.qa,
+    props = _objectWithoutProperties(_ref5, _excluded3);
+  var i18n = useI18nContext();
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    moreMenuIsShown = _React$useState2[0],
+    setMoreMenuIsShown = _React$useState2[1];
+  var _React$useState3 = React.useState([]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    tabElements = _React$useState4[0],
+    setTabElements = _React$useState4[1];
+  var _React$useState5 = React.useState(0),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    cutoffIndex = _React$useState6[0],
+    setCutoffIndex = _React$useState6[1];
+  var containerRef = React.useRef(null);
+  function recalculate() {
+    var container = getBoundingRect(containerRef.current);
+    var _tabElements$reduce = tabElements.reduce(function (acc, el) {
+        if (!el) {
+          return acc;
+        }
+        var rect = getBoundingRect(el);
+        return {
+          subtotals: [].concat(_toConsumableArray(acc.subtotals), [acc.total + rect.width]),
+          total: acc.total + rect.width
+        };
+      }, {
+        subtotals: new Array(),
+        total: 0
+      }),
+      subtotals = _tabElements$reduce.subtotals;
+    var index = subtotals.findIndex(function (val) {
+      return val >= container.width;
+    });
+    setCutoffIndex(index);
+  }
+  useResize({
+    onResize: recalculate
+  });
+  React.useEffect(recalculate);
+  var filtered = React.Children.toArray(children).filter(function (child) {
+    return child;
+  });
+  var overflowing = filtered.slice(cutoffIndex - 1);
+  var isOverflowingActive = React.Children.toArray(overflowing).some(function (child) {
+    return /*#__PURE__*/React.isValidElement(child) && child.props.active;
+  });
+  return /*#__PURE__*/React.createElement(StyledTabs, _extends({
+    ref: ref,
+    dark: dark,
+    index: cutoffIndex
+  }, props), /*#__PURE__*/React.createElement(StyledTabList, {
+    ref: containerRef
+  }, filtered.map(function (child, i) {
+    if ( /*#__PURE__*/React.isValidElement(child)) return /*#__PURE__*/React.cloneElement(child, {
+      dark: dark,
+      onMount: function onMount(el) {
+        setTabElements(function (elements) {
+          var oldElements = _toConsumableArray(elements);
+          oldElements[i] = el;
+          return oldElements;
+        });
+      },
+      onUnmount: function onUnmount() {
+        setTabElements(function (elements) {
+          var oldElements = _toConsumableArray(elements);
+          oldElements[i] = null;
+          return oldElements;
+        });
+      }
+    }); // TODO fix type
+  }), /*#__PURE__*/React.createElement(OverlayTrigger, {
+    autoFocus: true,
+    beforeShow: function beforeShow() {
+      return setMoreMenuIsShown(true);
+    },
+    afterHide: function afterHide() {
+      return setMoreMenuIsShown(false);
+    },
+    trigger: "click",
+    passA11yPropsToOverlay: true,
+    placement: "bottom-right",
+    overlay: /*#__PURE__*/React.createElement(MoreMenu, null, overflowing),
+    ref: ref,
+    role: "menu"
+  }, /*#__PURE__*/React.createElement(StyledDropdownTab, {
+    "aria-hidden": !overflowing.length,
+    as: "button"
+  }, /*#__PURE__*/React.createElement(StyledDropdownTabInner, {
+    active: isOverflowingActive,
+    dark: dark
+  }, /*#__PURE__*/React.createElement(StyledLink, {
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.more
+  }, i18n.t('core.tabs.more')), moreMenuIsShown ? /*#__PURE__*/React.createElement(CaretUp, {
+    size: "sm"
+  }) : /*#__PURE__*/React.createElement(CaretDown, {
+    size: "sm"
+  }))))));
 });
 Tabs_.displayName = 'Tabs';
 Link.displayName = 'Tabs.Link';
+
 // @ts-ignore
 Tab.displayName = 'Tabs.Tab';
 export var Tabs = addSubcomponents({
-    Link: Link,
-    Tab: Tab,
+  Link: Link,
+  Tab: Tab
 }, Tabs_);
 //# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["CaretDown","CaretUp","React","useButton","MenuImperative","OverlayTrigger","useOverlayTriggerContext","useI18nContext","useResize","addSubcomponents","getBoundingRect","mergeRefs","StyledDropdownTab","StyledDropdownTabInner","StyledLink","StyledOverlay","StyledTab","StyledTabInner","StyledTabList","StyledTabs","noop","Link","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","TabInternal","_ref2","as","disabled","role","_ref2$active","active","onBlur","onFocus","_ref2$onMount","onMount","_ref2$onUnmount","onUnmount","_ref2$overflowing","overflowing","_ref2$dropdown","dropdown","_ref2$variant","variant","_excluded2","_ref3","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","a11yProps","$clickable","innerRef","useRef","useEffect","current","validChild","isValidElement","dark","cloneElement","undefined","Tab","MoreMenu","_ref4","id","ctx","menuRef","_menuRef$current","_menuRef$current$el","_menuRef$current2","_menuRef$current3","el","focus","highlightFirst","highlightSelected","onSelect","selection","hide","event","Options","Children","map","child","i","Item","item","key","selected","Tabs_","Tabs","_ref5","className","_ref5$dark","qa","_excluded3","i18n","_React$useState","useState","_React$useState2","_slicedToArray","moreMenuIsShown","setMoreMenuIsShown","_React$useState3","_React$useState4","tabElements","setTabElements","_React$useState5","_React$useState6","cutoffIndex","setCutoffIndex","containerRef","recalculate","container","_tabElements$reduce","reduce","acc","rect","subtotals","concat","_toConsumableArray","total","width","Array","index","findIndex","val","onResize","filtered","toArray","filter","slice","isOverflowingActive","some","elements","oldElements","autoFocus","beforeShow","afterHide","trigger","passA11yPropsToOverlay","placement","overlay","length","more","t","size","displayName"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import { CaretDown, CaretUp } from '@procore/core-icons/dist'\nimport React from 'react'\n\nimport { useButton } from '@react-aria/button'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResize } from '../_hooks/Resize'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { getBoundingRect } from '../_utils/dom'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  DivAttributes,\n  NavAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport {\n  StyledDropdownTab,\n  StyledDropdownTabInner,\n  StyledLink,\n  StyledOverlay,\n  StyledTab,\n  StyledTabInner,\n  StyledTabList,\n  StyledTabs,\n} from './Tabs.styles'\nimport {\n  BaseTabProps,\n  TabDropdownProps,\n  TabProps,\n  TabRef,\n  TabRole,\n  TabRoleType,\n  TabsProps,\n} from './Tabs.types'\n\nfunction noop() {}\n\nexport const Link = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Link({ children, ...props }, ref) {\n    return (\n      <StyledLink ref={ref} {...props}>\n        {children}\n      </StyledLink>\n    )\n  }\n)\n\n/**\n\n We use tabs to navigate between different, but related content.\n Tabs are commonly used on tool landing pages and on item detail pages.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-tabs--demo)\n\n @see [Design Guidelines](https://design.procore.com/tabs)\n\n */\n\nfunction TabInternal(\n  {\n    as,\n    disabled,\n    role,\n    active = false,\n    children,\n    onBlur,\n    onFocus,\n    onMount = noop,\n    onUnmount = noop,\n    overflowing = false,\n    dropdown = false,\n    variant = '',\n    ...props\n  }: TabProps<TabRoleType>,\n  ref: TabRef<TabRoleType>\n) {\n  const { onPress } = props as TabProps<'button'>\n\n  const { buttonProps } = useButton(\n    {\n      ...props,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType: role === 'link' ? 'a' : role === 'button' ? 'button' : 'div',\n      isDisabled: disabled,\n      onPress,\n      type: 'button',\n    },\n    ref as any // TODO fix polymorphic type\n  )\n\n  const a11yProps =\n    role === 'button'\n      ? {\n          ...buttonProps,\n          'aria-current': active,\n          as: as || 'button',\n          $clickable: !disabled,\n        }\n      : role === 'link'\n      ? {\n          ...buttonProps,\n          'aria-current': active,\n          as: as || 'a',\n          $clickable: !disabled,\n        }\n      : role === 'tab'\n      ? { role: 'tab', onBlur, onFocus }\n      : { onBlur, onFocus }\n\n  const innerRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    onMount(innerRef.current)\n    return onUnmount\n  }, [])\n\n  const validChild = React.isValidElement(children)\n\n  return (\n    // @ts-ignore\n    <StyledTab ref={mergeRefs(ref, innerRef)} {...a11yProps} {...props}>\n      <StyledTabInner active={active || variant === 'active'} dark={props.dark}>\n        {validChild\n          ? React.cloneElement(children as React.ReactElement<any, any>, {\n              'aria-current': active || variant === 'active' ? true : undefined,\n            })\n          : children}\n      </StyledTabInner>\n    </StyledTab>\n  )\n}\n\nexport const Tab = React.forwardRef(TabInternal) as <Role extends TabRole>(\n  props:\n    | TabProps<Role>\n    | (BaseTabProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof TabInternal>\n\nexport const MoreMenu = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & TabDropdownProps\n>(function MoreMenu({ children, id }, ref) {\n  const ctx = useOverlayTriggerContext()\n\n  const menuRef = React.useRef<MenuRef | null>(null)\n\n  React.useEffect(function () {\n    menuRef.current?.el?.focus()\n    menuRef.current?.highlightFirst()\n    menuRef.current?.highlightSelected()\n  }, [])\n\n  function onSelect(selection: Selection) {\n    ctx.hide(selection.event)\n  }\n\n  return (\n    <StyledOverlay ref={ref}>\n      <MenuImperative id={id} role=\"menu\" ref={menuRef} onSelect={onSelect}>\n        <MenuImperative.Options>\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement<BaseTabProps>(child)) {\n              return (\n                <MenuImperative.Item\n                  item={null}\n                  key={i}\n                  selected={child.props.active}\n                >\n                  {React.cloneElement(child as any, { ref: null })}\n                </MenuImperative.Item>\n              )\n            }\n          })}\n        </MenuImperative.Options>\n      </MenuImperative>\n    </StyledOverlay>\n  )\n})\n\nconst Tabs_ = React.forwardRef<HTMLDivElement, NavAttributes & TabsProps>(\n  function Tabs({ children, className, dark = false, qa, ...props }, ref) {\n    const i18n = useI18nContext()\n\n    const [moreMenuIsShown, setMoreMenuIsShown] = React.useState(false)\n    const [tabElements, setTabElements] = React.useState<\n      (HTMLDivElement | null)[]\n    >([])\n    const [cutoffIndex, setCutoffIndex] = React.useState(0)\n\n    const containerRef = React.useRef<HTMLDivElement>(null)\n\n    function recalculate() {\n      const container = getBoundingRect(containerRef.current!)\n\n      const { subtotals } = tabElements.reduce(\n        (acc, el) => {\n          if (!el) {\n            return acc\n          }\n          const rect = getBoundingRect(el)\n          return {\n            subtotals: [...acc.subtotals, acc.total + rect.width],\n            total: acc.total + rect.width,\n          }\n        },\n        { subtotals: new Array(), total: 0 }\n      )\n\n      const index = subtotals.findIndex((val: number) => val >= container.width)\n\n      setCutoffIndex(index)\n    }\n\n    useResize({ onResize: recalculate })\n\n    React.useEffect(recalculate)\n\n    const filtered = React.Children.toArray(children).filter((child) => child)\n\n    const overflowing = filtered.slice(cutoffIndex - 1)\n\n    const isOverflowingActive = React.Children.toArray(overflowing).some(\n      (child) => React.isValidElement(child) && child.props.active\n    )\n\n    return (\n      <StyledTabs ref={ref} dark={dark} index={cutoffIndex} {...props}>\n        <StyledTabList ref={containerRef}>\n          {filtered.map((child, i) => {\n            if (React.isValidElement(child))\n              return React.cloneElement(child, {\n                dark,\n                onMount: (el: HTMLDivElement) => {\n                  setTabElements((elements) => {\n                    const oldElements = [...elements]\n                    oldElements[i] = el\n                    return oldElements\n                  })\n                },\n                onUnmount: () => {\n                  setTabElements((elements) => {\n                    const oldElements = [...elements]\n                    oldElements[i] = null\n                    return oldElements\n                  })\n                },\n              } as any) // TODO fix type\n          })}\n\n          <OverlayTrigger\n            autoFocus\n            beforeShow={() => setMoreMenuIsShown(true)}\n            afterHide={() => setMoreMenuIsShown(false)}\n            trigger=\"click\"\n            passA11yPropsToOverlay\n            placement=\"bottom-right\"\n            overlay={<MoreMenu>{overflowing}</MoreMenu>}\n            ref={ref}\n            role=\"menu\"\n          >\n            <StyledDropdownTab aria-hidden={!overflowing.length} as=\"button\">\n              <StyledDropdownTabInner active={isOverflowingActive} dark={dark}>\n                <StyledLink data-qa={qa?.more}>\n                  {i18n.t('core.tabs.more')}\n                </StyledLink>\n                {moreMenuIsShown ? (\n                  <CaretUp size=\"sm\" />\n                ) : (\n                  <CaretDown size=\"sm\" />\n                )}\n              </StyledDropdownTabInner>\n            </StyledDropdownTab>\n          </OverlayTrigger>\n        </StyledTabList>\n      </StyledTabs>\n    )\n  }\n)\n\nTabs_.displayName = 'Tabs'\n\nLink.displayName = 'Tabs.Link'\n\n// @ts-ignore\nTab.displayName = 'Tabs.Tab'\n\nexport const Tabs = addSubcomponents(\n  {\n    Link,\n    Tab,\n  },\n  Tabs_\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,0BAA0B;AAC7D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,cAAc,QAAQ,kCAAkC;AAEjE,SACEC,cAAc,EACdC,wBAAwB,QACnB,kCAAkC;AACzC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAO/C,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,UAAU,EACVC,aAAa,EACbC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,UAAU,QACL,eAAe;AAWtB,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,IAAI,gBAAGnB,KAAK,CAACoB,UAAU,CAClC,SAASD,IAAIA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAChC,oBACE1B,KAAA,CAAA2B,aAAA,CAACf,UAAU,EAAAgB,QAAA;IAACN,GAAG,EAAEA;EAAI,GAAKE,KAAK,GAC5BD,QACS,CAAC;AAEjB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASM,WAAWA,CAAAC,KAAA,EAgBlBR,GAAwB,EACxB;EAAA,IAfES,EAAE,GAAAD,KAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IAAAC,YAAA,GAAAJ,KAAA,CACJK,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACdX,QAAQ,GAAAO,KAAA,CAARP,QAAQ;IACRa,MAAM,GAAAN,KAAA,CAANM,MAAM;IACNC,OAAO,GAAAP,KAAA,CAAPO,OAAO;IAAAC,aAAA,GAAAR,KAAA,CACPS,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAGpB,IAAI,GAAAoB,aAAA;IAAAE,eAAA,GAAAV,KAAA,CACdW,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAGtB,IAAI,GAAAsB,eAAA;IAAAE,iBAAA,GAAAZ,KAAA,CAChBa,WAAW;IAAXA,WAAW,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,cAAA,GAAAd,KAAA,CACnBe,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,aAAA,GAAAhB,KAAA,CAChBiB,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IACTtB,KAAK,GAAAC,wBAAA,CAAAK,KAAA,EAAAkB,UAAA;EAIV,IAAAC,KAAA,GAAoBzB,KAAK;IAAjB0B,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAEf,IAAAC,UAAA,GAAwBlD,SAAS,CAAAmD,aAAA,CAAAA,aAAA,KAE1B5B,KAAK;MACRY,MAAM,EAAEA,MAAuC;MAC/CC,OAAO,EAAEA,OAAwC;MACjDgB,WAAW,EAAEpB,IAAI,KAAK,MAAM,GAAG,GAAG,GAAGA,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK;MACzEqB,UAAU,EAAEtB,QAAQ;MACpBkB,OAAO,EAAPA,OAAO;MACPK,IAAI,EAAE;IAAQ,IAEhBjC,GAAG,CAAQ;IACb,CAAC;IAXOkC,WAAW,GAAAL,UAAA,CAAXK,WAAW;EAanB,IAAMC,SAAS,GACbxB,IAAI,KAAK,QAAQ,GAAAmB,aAAA,CAAAA,aAAA,KAERI,WAAW;IACd,cAAc,EAAErB,MAAM;IACtBJ,EAAE,EAAEA,EAAE,IAAI,QAAQ;IAClB2B,UAAU,EAAE,CAAC1B;EAAQ,KAEvBC,IAAI,KAAK,MAAM,GAAAmB,aAAA,CAAAA,aAAA,KAEVI,WAAW;IACd,cAAc,EAAErB,MAAM;IACtBJ,EAAE,EAAEA,EAAE,IAAI,GAAG;IACb2B,UAAU,EAAE,CAAC1B;EAAQ,KAEvBC,IAAI,KAAK,KAAK,GACd;IAAEA,IAAI,EAAE,KAAK;IAAEG,MAAM,EAANA,MAAM;IAAEC,OAAO,EAAPA;EAAQ,CAAC,GAChC;IAAED,MAAM,EAANA,MAAM;IAAEC,OAAO,EAAPA;EAAQ,CAAC;EAEzB,IAAMsB,QAAQ,GAAG3D,KAAK,CAAC4D,MAAM,CAAiB,IAAI,CAAC;EAEnD5D,KAAK,CAAC6D,SAAS,CAAC,YAAM;IACpBtB,OAAO,CAACoB,QAAQ,CAACG,OAAO,CAAC;IACzB,OAAOrB,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMsB,UAAU,gBAAG/D,KAAK,CAACgE,cAAc,CAACzC,QAAQ,CAAC;EAEjD;IAAA;IACE;IACAvB,KAAA,CAAA2B,aAAA,CAACb,SAAS,EAAAc,QAAA;MAACN,GAAG,EAAEb,SAAS,CAACa,GAAG,EAAEqC,QAAQ;IAAE,GAAKF,SAAS,EAAMjC,KAAK,gBAChExB,KAAA,CAAA2B,aAAA,CAACZ,cAAc;MAACoB,MAAM,EAAEA,MAAM,IAAIY,OAAO,KAAK,QAAS;MAACkB,IAAI,EAAEzC,KAAK,CAACyC;IAAK,GACtEF,UAAU,gBACP/D,KAAK,CAACkE,YAAY,CAAC3C,QAAQ,EAAkC;MAC3D,cAAc,EAAEY,MAAM,IAAIY,OAAO,KAAK,QAAQ,GAAG,IAAI,GAAGoB;IAC1D,CAAC,CAAC,GACF5C,QACU,CACP;EAAC;AAEhB;AAEA,OAAO,IAAM6C,GAAG,gBAAGpE,KAAK,CAACoB,UAAU,CAACS,WAAW,CAIZ;AAEnC,OAAO,IAAMwC,QAAQ,gBAAGrE,KAAK,CAACoB,UAAU,CAGtC,SAASiD,QAAQA,CAAAC,KAAA,EAAmBhD,GAAG,EAAE;EAAA,IAArBC,QAAQ,GAAA+C,KAAA,CAAR/C,QAAQ;IAAEgD,EAAE,GAAAD,KAAA,CAAFC,EAAE;EAChC,IAAMC,GAAG,GAAGpE,wBAAwB,CAAC,CAAC;EAEtC,IAAMqE,OAAO,GAAGzE,KAAK,CAAC4D,MAAM,CAAiB,IAAI,CAAC;EAElD5D,KAAK,CAAC6D,SAAS,CAAC,YAAY;IAAA,IAAAa,gBAAA,EAAAC,mBAAA,EAAAC,iBAAA,EAAAC,iBAAA;IAC1B,CAAAH,gBAAA,GAAAD,OAAO,CAACX,OAAO,cAAAY,gBAAA,wBAAAC,mBAAA,GAAfD,gBAAA,CAAiBI,EAAE,cAAAH,mBAAA,uBAAnBA,mBAAA,CAAqBI,KAAK,CAAC,CAAC;IAC5B,CAAAH,iBAAA,GAAAH,OAAO,CAACX,OAAO,cAAAc,iBAAA,uBAAfA,iBAAA,CAAiBI,cAAc,CAAC,CAAC;IACjC,CAAAH,iBAAA,GAAAJ,OAAO,CAACX,OAAO,cAAAe,iBAAA,uBAAfA,iBAAA,CAAiBI,iBAAiB,CAAC,CAAC;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,SAASC,QAAQA,CAACC,SAAoB,EAAE;IACtCX,GAAG,CAACY,IAAI,CAACD,SAAS,CAACE,KAAK,CAAC;EAC3B;EAEA,oBACErF,KAAA,CAAA2B,aAAA,CAACd,aAAa;IAACS,GAAG,EAAEA;EAAI,gBACtBtB,KAAA,CAAA2B,aAAA,CAACzB,cAAc;IAACqE,EAAE,EAAEA,EAAG;IAACtC,IAAI,EAAC,MAAM;IAACX,GAAG,EAAEmD,OAAQ;IAACS,QAAQ,EAAEA;EAAS,gBACnElF,KAAA,CAAA2B,aAAA,CAACzB,cAAc,CAACoF,OAAO,QACpBtF,KAAK,CAACuF,QAAQ,CAACC,GAAG,CAACjE,QAAQ,EAAE,UAACkE,KAAK,EAAEC,CAAC,EAAK;IAC1C,kBAAI1F,KAAK,CAACgE,cAAc,CAAeyB,KAAK,CAAC,EAAE;MAC7C,oBACEzF,KAAA,CAAA2B,aAAA,CAACzB,cAAc,CAACyF,IAAI;QAClBC,IAAI,EAAE,IAAK;QACXC,GAAG,EAAEH,CAAE;QACPI,QAAQ,EAAEL,KAAK,CAACjE,KAAK,CAACW;MAAO,gBAE5BnC,KAAK,CAACkE,YAAY,CAACuB,KAAK,EAAS;QAAEnE,GAAG,EAAE;MAAK,CAAC,CAC5B,CAAC;IAE1B;EACF,CAAC,CACqB,CACV,CACH,CAAC;AAEpB,CAAC,CAAC;AAEF,IAAMyE,KAAK,gBAAG/F,KAAK,CAACoB,UAAU,CAC5B,SAAS4E,IAAIA,CAAAC,KAAA,EAAsD3E,GAAG,EAAE;EAAA,IAAxDC,QAAQ,GAAA0E,KAAA,CAAR1E,QAAQ;IAAE2E,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAAC,UAAA,GAAAF,KAAA,CAAEhC,IAAI;IAAJA,IAAI,GAAAkC,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEC,EAAE,GAAAH,KAAA,CAAFG,EAAE;IAAK5E,KAAK,GAAAC,wBAAA,CAAAwE,KAAA,EAAAI,UAAA;EAC7D,IAAMC,IAAI,GAAGjG,cAAc,CAAC,CAAC;EAE7B,IAAAkG,eAAA,GAA8CvG,KAAK,CAACwG,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA5DI,eAAe,GAAAF,gBAAA;IAAEG,kBAAkB,GAAAH,gBAAA;EAC1C,IAAAI,gBAAA,GAAsC7G,KAAK,CAACwG,QAAQ,CAElD,EAAE,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFEE,WAAW,GAAAD,gBAAA;IAAEE,cAAc,GAAAF,gBAAA;EAGlC,IAAAG,gBAAA,GAAsCjH,KAAK,CAACwG,QAAQ,CAAC,CAAC,CAAC;IAAAU,gBAAA,GAAAR,cAAA,CAAAO,gBAAA;IAAhDE,WAAW,GAAAD,gBAAA;IAAEE,cAAc,GAAAF,gBAAA;EAElC,IAAMG,YAAY,GAAGrH,KAAK,CAAC4D,MAAM,CAAiB,IAAI,CAAC;EAEvD,SAAS0D,WAAWA,CAAA,EAAG;IACrB,IAAMC,SAAS,GAAG/G,eAAe,CAAC6G,YAAY,CAACvD,OAAQ,CAAC;IAExD,IAAA0D,mBAAA,GAAsBT,WAAW,CAACU,MAAM,CACtC,UAACC,GAAG,EAAE5C,EAAE,EAAK;QACX,IAAI,CAACA,EAAE,EAAE;UACP,OAAO4C,GAAG;QACZ;QACA,IAAMC,IAAI,GAAGnH,eAAe,CAACsE,EAAE,CAAC;QAChC,OAAO;UACL8C,SAAS,KAAAC,MAAA,CAAAC,kBAAA,CAAMJ,GAAG,CAACE,SAAS,IAAEF,GAAG,CAACK,KAAK,GAAGJ,IAAI,CAACK,KAAK,EAAC;UACrDD,KAAK,EAAEL,GAAG,CAACK,KAAK,GAAGJ,IAAI,CAACK;QAC1B,CAAC;MACH,CAAC,EACD;QAAEJ,SAAS,EAAE,IAAIK,KAAK,CAAC,CAAC;QAAEF,KAAK,EAAE;MAAE,CACrC,CAAC;MAZOH,SAAS,GAAAJ,mBAAA,CAATI,SAAS;IAcjB,IAAMM,KAAK,GAAGN,SAAS,CAACO,SAAS,CAAC,UAACC,GAAW;MAAA,OAAKA,GAAG,IAAIb,SAAS,CAACS,KAAK;IAAA,EAAC;IAE1EZ,cAAc,CAACc,KAAK,CAAC;EACvB;EAEA5H,SAAS,CAAC;IAAE+H,QAAQ,EAAEf;EAAY,CAAC,CAAC;EAEpCtH,KAAK,CAAC6D,SAAS,CAACyD,WAAW,CAAC;EAE5B,IAAMgB,QAAQ,GAAGtI,KAAK,CAACuF,QAAQ,CAACgD,OAAO,CAAChH,QAAQ,CAAC,CAACiH,MAAM,CAAC,UAAC/C,KAAK;IAAA,OAAKA,KAAK;EAAA,EAAC;EAE1E,IAAM9C,WAAW,GAAG2F,QAAQ,CAACG,KAAK,CAACtB,WAAW,GAAG,CAAC,CAAC;EAEnD,IAAMuB,mBAAmB,GAAG1I,KAAK,CAACuF,QAAQ,CAACgD,OAAO,CAAC5F,WAAW,CAAC,CAACgG,IAAI,CAClE,UAAClD,KAAK;IAAA,OAAK,aAAAzF,KAAK,CAACgE,cAAc,CAACyB,KAAK,CAAC,IAAIA,KAAK,CAACjE,KAAK,CAACW,MAAM;EAAA,CAC9D,CAAC;EAED,oBACEnC,KAAA,CAAA2B,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACN,GAAG,EAAEA,GAAI;IAAC2C,IAAI,EAAEA,IAAK;IAACiE,KAAK,EAAEf;EAAY,GAAK3F,KAAK,gBAC7DxB,KAAA,CAAA2B,aAAA,CAACX,aAAa;IAACM,GAAG,EAAE+F;EAAa,GAC9BiB,QAAQ,CAAC9C,GAAG,CAAC,UAACC,KAAK,EAAEC,CAAC,EAAK;IAC1B,kBAAI1F,KAAK,CAACgE,cAAc,CAACyB,KAAK,CAAC,EAC7B,oBAAOzF,KAAK,CAACkE,YAAY,CAACuB,KAAK,EAAE;MAC/BxB,IAAI,EAAJA,IAAI;MACJ1B,OAAO,EAAE,SAAAA,QAACuC,EAAkB,EAAK;QAC/BkC,cAAc,CAAC,UAAC4B,QAAQ,EAAK;UAC3B,IAAMC,WAAW,GAAAf,kBAAA,CAAOc,QAAQ,CAAC;UACjCC,WAAW,CAACnD,CAAC,CAAC,GAAGZ,EAAE;UACnB,OAAO+D,WAAW;QACpB,CAAC,CAAC;MACJ,CAAC;MACDpG,SAAS,EAAE,SAAAA,UAAA,EAAM;QACfuE,cAAc,CAAC,UAAC4B,QAAQ,EAAK;UAC3B,IAAMC,WAAW,GAAAf,kBAAA,CAAOc,QAAQ,CAAC;UACjCC,WAAW,CAACnD,CAAC,CAAC,GAAG,IAAI;UACrB,OAAOmD,WAAW;QACpB,CAAC,CAAC;MACJ;IACF,CAAQ,CAAC,EAAC;EACd,CAAC,CAAC,eAEF7I,KAAA,CAAA2B,aAAA,CAACxB,cAAc;IACb2I,SAAS;IACTC,UAAU,EAAE,SAAAA,WAAA;MAAA,OAAMnC,kBAAkB,CAAC,IAAI,CAAC;IAAA,CAAC;IAC3CoC,SAAS,EAAE,SAAAA,UAAA;MAAA,OAAMpC,kBAAkB,CAAC,KAAK,CAAC;IAAA,CAAC;IAC3CqC,OAAO,EAAC,OAAO;IACfC,sBAAsB;IACtBC,SAAS,EAAC,cAAc;IACxBC,OAAO,eAAEpJ,KAAA,CAAA2B,aAAA,CAAC0C,QAAQ,QAAE1B,WAAsB,CAAE;IAC5CrB,GAAG,EAAEA,GAAI;IACTW,IAAI,EAAC;EAAM,gBAEXjC,KAAA,CAAA2B,aAAA,CAACjB,iBAAiB;IAAC,eAAa,CAACiC,WAAW,CAAC0G,MAAO;IAACtH,EAAE,EAAC;EAAQ,gBAC9D/B,KAAA,CAAA2B,aAAA,CAAChB,sBAAsB;IAACwB,MAAM,EAAEuG,mBAAoB;IAACzE,IAAI,EAAEA;EAAK,gBAC9DjE,KAAA,CAAA2B,aAAA,CAACf,UAAU;IAAC,WAASwF,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEkD;EAAK,GAC3BhD,IAAI,CAACiD,CAAC,CAAC,gBAAgB,CACd,CAAC,EACZ5C,eAAe,gBACd3G,KAAA,CAAA2B,aAAA,CAAC5B,OAAO;IAACyJ,IAAI,EAAC;EAAI,CAAE,CAAC,gBAErBxJ,KAAA,CAAA2B,aAAA,CAAC7B,SAAS;IAAC0J,IAAI,EAAC;EAAI,CAAE,CAEF,CACP,CACL,CACH,CACL,CAAC;AAEjB,CACF,CAAC;AAEDzD,KAAK,CAAC0D,WAAW,GAAG,MAAM;AAE1BtI,IAAI,CAACsI,WAAW,GAAG,WAAW;;AAE9B;AACArF,GAAG,CAACqF,WAAW,GAAG,UAAU;AAE5B,OAAO,IAAMzD,IAAI,GAAGzF,gBAAgB,CAClC;EACEY,IAAI,EAAJA,IAAI;EACJiD,GAAG,EAAHA;AACF,CAAC,EACD2B,KACF,CAAC"}

package/dist/Tabs/Tabs.styles.js

@@ -1,50 +1,69 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { Card } from '../Card/Card';
 import { getUnstyledButton } from '../Semantic/Semantic.styles';
-import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { focusable } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 var tabGap = spacing.md;
-var hiddenTab = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n"], ["\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n"])));
-var visible = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n"], ["\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n"])));
-export var StyledLink = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  border-bottom-style: solid;\n  border-bottom-color: transparent;\n  border-bottom-width: 2px;\n  display: inline-flex;\n  height: 26px; // TODO one-off\n  justify-content: center;\n"], ["\n  align-items: center;\n  border-bottom-style: solid;\n  border-bottom-color: transparent;\n  border-bottom-width: 2px;\n  display: inline-flex;\n  height: 26px; // TODO one-off\n  justify-content: center;\n"])));
-export var StyledTab = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 0 ", "px;\n  position: relative;\n  white-space: nowrap;\n\n  a& {\n    text-decoration: none;\n  }\n\n  button& {\n    background-color: transparent;\n    border: none;\n    font-family: inherit;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  &:not(:last-child) {\n    &:focus {\n      outline: none;\n\n      ", " {\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    }\n  }\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: 0 ", "px;\n  position: relative;\n  white-space: nowrap;\n\n  a& {\n    text-decoration: none;\n  }\n\n  button& {\n    background-color: transparent;\n    border: none;\n    font-family: inherit;\n  }\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  &:not(:last-child) {\n    &:focus {\n      outline: none;\n\n      ", " {\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n    }\n  }\n"])), tabGap, StyledLink, colors.blue40);
-export var StyledTabInner = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n\n  > a {\n    text-decoration: none;\n    ", "\n  }\n\n  ", "\n"], ["\n  ", "\n\n  > a {\n    text-decoration: none;\n    ", "\n  }\n\n  ", "\n"])), getTypographyIntent('body'), focusable, function (_a) {
-    var active = _a.active, dark = _a.dark;
-    var textColors = dark
-        ? {
-            active: colors.white,
-            default: colors.gray70,
-            hover: colors.white,
-        }
-        : {
-            active: colors.gray15,
-            default: colors.gray45,
-            hover: colors.gray15,
-        };
-    if (active) {
-        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        &,\n        > a {\n          color: ", ";\n          cursor: default;\n        }\n\n        ", " {\n          border-bottom-color: ", ";\n        }\n      "], ["\n        &,\n        > a {\n          color: ", ";\n          cursor: default;\n        }\n\n        ", " {\n          border-bottom-color: ", ";\n        }\n      "])), textColors.active, StyledLink, colors.blue50);
-    }
-    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      &,\n      > a {\n        color: ", ";\n        cursor: pointer;\n      }\n      &:hover,\n      &.hover,\n      > a:hover {\n        color: ", ";\n      }\n    "], ["\n      &,\n      > a {\n        color: ", ";\n        cursor: pointer;\n      }\n      &:hover,\n      &.hover,\n      > a:hover {\n        color: ", ";\n      }\n    "])), textColors.default, textColors.hover);
+var hiddenTab = /*#__PURE__*/css(["pointer-events:none;position:absolute;visibility:hidden;"]);
+var visible = /*#__PURE__*/css(["pointer-events:all;position:relative;visibility:visible;"]);
+export var StyledLink = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledLink",
+  componentId: "core-11_23_0__sc-17s58xs-0"
+})(["align-items:center;border-bottom-style:solid;border-bottom-color:transparent;border-bottom-width:2px;display:inline-flex;height:26px;justify-content:center;"]);
+export var StyledTab = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledTab",
+  componentId: "core-11_23_0__sc-17s58xs-1"
+})(["align-items:center;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0 ", "px;position:relative;white-space:nowrap;a&{text-decoration:none;}button&{background-color:transparent;border:none;font-family:inherit;}&:first-child{padding-left:0;}&:last-child{padding-right:0;}&:not(:last-child){&:focus{outline:none;", "{box-shadow:inset 0 0 0 1px ", ";}}}"], tabGap, StyledLink, colors.blue40);
+export var StyledTabInner = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledTabInner",
+  componentId: "core-11_23_0__sc-17s58xs-2"
+})(["", " > a{text-decoration:none;", "}", ""], getTypographyIntent('body'), focusable, function (_ref) {
+  var active = _ref.active,
+    dark = _ref.dark;
+  var textColors = dark ? {
+    active: colors.white,
+    "default": colors.gray70,
+    hover: colors.white
+  } : {
+    active: colors.gray15,
+    "default": colors.gray45,
+    hover: colors.gray15
+  };
+  if (active) {
+    return css(["&,> a{color:", ";cursor:default;}", "{border-bottom-color:", ";}"], textColors.active, StyledLink, colors.blue50);
+  }
+  return css(["&,> a{color:", ";cursor:pointer;}&:hover,&.hover,> a:hover{color:", ";}"], textColors["default"], textColors.hover);
 });
-export var StyledDropdownTab = styled(StyledTab)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  cursor: pointer;\n  ", "\n  ", "\n\n  ", "\n\n  margin-left: ", "px;\n\n  ", " {\n    margin-right: ", "px;\n  }\n"], ["\n  cursor: pointer;\n  ", "\n  ", "\n\n  ", "\n\n  margin-left: ", "px;\n\n  ", " {\n    margin-right: ", "px;\n  }\n"])), getUnstyledButton, focusable, hiddenTab, tabGap, StyledLink, spacing.xs);
-export var StyledDropdownTabInner = styled(StyledTabInner)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n"])));
-export var StyledOverlay = styled(Card)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  max-height: 40vh;\n\n  ", " {\n    color: ", ";\n  }\n  ", " {\n    // onClick events are attached to the Tab which are put inside of <Menu.Item>\n    // components with padding. Negative margin trick allows the cloned tab\n    // to cover the full area of the menu item\n    margin: -", "px -", "px;\n    padding: ", "px ", "px;\n  }\n\n  // hacky way to style items that were cloned into the menu\n  // can probably clean this up once we convert menu to jss\n  // by using the inverse ancestor selector\n  [data-selected='true'] {\n    ", ",\n    ", " > a {\n      color: ", ";\n      font-weight: ", ";\n    }\n  }\n\n  ", " {\n    border: 0;\n    height: auto;\n  }\n"], ["\n  max-height: 40vh;\n\n  ", " {\n    color: ", ";\n  }\n  ", " {\n    // onClick events are attached to the Tab which are put inside of <Menu.Item>\n    // components with padding. Negative margin trick allows the cloned tab\n    // to cover the full area of the menu item\n    margin: -", "px -", "px;\n    padding: ", "px ", "px;\n  }\n\n  // hacky way to style items that were cloned into the menu\n  // can probably clean this up once we convert menu to jss\n  // by using the inverse ancestor selector\n  [data-selected='true'] {\n    ", ",\n    ", " > a {\n      color: ", ";\n      font-weight: ", ";\n    }\n  }\n\n  ", " {\n    border: 0;\n    height: auto;\n  }\n"])), StyledTabInner, colors.gray45, StyledTab, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTabInner, StyledTabInner, colors.blue50, typographyWeights.semibold, StyledLink);
-export var StyledTabList = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n"])));
-export var StyledTabs = styled.nav(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: ", ";\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  ", " {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ", ") {\n      // but not the \"More\" dropdown tab\n      &:not(", ") {\n        ", "\n      }\n    }\n  }\n\n  ", "\n"], ["\n  background-color: ", ";\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  ", " {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ", ") {\n      // but not the \"More\" dropdown tab\n      &:not(", ") {\n        ", "\n      }\n    }\n  }\n\n  ", "\n"])), function (_a) {
-    var dark = _a.dark;
-    return dark && colors.gray15;
-}, StyledTab, function (_a) {
-    var index = _a.index;
-    return index;
-}, StyledDropdownTab, hiddenTab, function (_a) {
-    var _b = _a.index, index = _b === void 0 ? -1 : _b;
-    return index >= 0 && css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      ", " {\n        ", "\n      }\n    "], ["\n      ", " {\n        ", "\n      }\n    "])), StyledDropdownTab, visible);
+export var StyledDropdownTab = /*#__PURE__*/styled(StyledTab).withConfig({
+  displayName: "StyledDropdownTab",
+  componentId: "core-11_23_0__sc-17s58xs-3"
+})(["cursor:pointer;", " ", " ", " margin-left:", "px;", "{margin-right:", "px;}"], getUnstyledButton, focusable, hiddenTab, tabGap, StyledLink, spacing.xs);
+export var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
+  displayName: "StyledDropdownTabInner",
+  componentId: "core-11_23_0__sc-17s58xs-4"
+})(["align-items:center;cursor:pointer;display:inline-flex;"]);
+export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
+  displayName: "StyledOverlay",
+  componentId: "core-11_23_0__sc-17s58xs-5"
+})(["max-height:40vh;", "{color:", ";}", "{margin:-", "px -", "px;padding:", "px ", "px;}[data-selected='true']{", ",", " > a{color:", ";font-weight:", ";}}", "{border:0;height:auto;}"], StyledTabInner, colors.gray45, StyledTab, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTabInner, StyledTabInner, colors.blue50, typographyWeights.semibold, StyledLink);
+export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledTabList",
+  componentId: "core-11_23_0__sc-17s58xs-6"
+})(["display:flex;width:100%;"]);
+export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
+  displayName: "StyledTabs",
+  componentId: "core-11_23_0__sc-17s58xs-7"
+})(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref2) {
+  var dark = _ref2.dark;
+  return dark && colors.gray15;
+}, StyledTab, function (_ref3) {
+  var index = _ref3.index;
+  return index;
+}, StyledDropdownTab, hiddenTab, function (_ref4) {
+  var _ref4$index = _ref4.index,
+    index = _ref4$index === void 0 ? -1 : _ref4$index;
+  return index >= 0 && css(["", "{", "}"], StyledDropdownTab, visible);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
 //# sourceMappingURL=Tabs.styles.js.map