@procore/core-react 10.26.0 → 10.26.1-rc.2

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

@@ -0,0 +1,186 @@
+import React from 'react';
+import { Props, Size } from '../../utils/types';
+import { DateSelectProps } from '../DateSelect';
+import { InputProps } from '../Input';
+import { SelectProps } from '../Select';
+export declare type InputCellSize = Extract<Size, 'block' | 'lg' | 'md' | 'sm' | 'xl' | 'xs'>;
+declare type TableVariant = '' | 'fixed';
+export declare type TableCellVariant = '' | 'asc' | 'desc' | 'snugfit';
+export interface BodyCellProps extends Props {
+    /**
+     * Shrink the cell around the contents
+     * @since 10.19.0
+     */
+    snugfit?: boolean;
+    /**
+     * The table body cell variant
+     * @since 10.19.0
+     */
+    variant?: TableCellVariant;
+}
+export interface BodyProps extends Props {
+}
+export interface BodyRowProps extends Props {
+    /**
+     * Sets row text color to red to signify overdue items
+     * @since 10.19.0
+     */
+    overdue?: boolean;
+}
+export interface CaratProps {
+    /**
+     * Whether or not the carat is rotated
+     * @since 10.19.0
+     */
+    expanded?: boolean;
+    /**
+     * Callback to fire when clicked
+     * @since 10.19.0
+     */
+    onClick: React.EventHandler<any>;
+}
+export interface ContainerProps {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+    /**
+     * Adjust the container to support a table shelf
+     * @default false
+     * @since 10.19.0
+     * */
+    shelf?: boolean;
+}
+export interface CurrencyCellProps extends Props {
+}
+export interface GroupProps extends Props {
+    /**
+     * Number of columns in table
+     * @since 10.19.0
+     */
+    colSpan?: number;
+    /**
+     * Determines indentation of the group and content
+     * @since 10.19.0
+     */
+    depth?: number;
+}
+export interface GroupTitleProps extends Props {
+}
+export interface HeaderCellProps extends Props {
+    /**
+     * Is this the column sortable
+     * @since 10.19.0
+     */
+    sortable?: boolean;
+    /**
+     * Shrink the cell around the contents
+     * @default false
+     * @since 10.19.0
+     */
+    snugfit?: boolean;
+    /**
+     * Allows for setting ascending or descending sorting icon
+     * @default ''
+     * @since 10.19.0
+     */
+    variant?: TableCellVariant;
+}
+export interface HeaderProps extends Props {
+}
+export interface HeaderRowProps extends Props {
+}
+export interface IconCellProps extends Props {
+}
+export interface InputCellProps extends Omit<InputProps, 'size'> {
+    /**
+     * Message to be displayed below the input during an error
+     * @since 10.19.0
+     */
+    errorMessage?: string;
+    /**
+     * Triggers the spinner for processing inline editable content
+     * @default false
+     * @since 10.19.0
+     */
+    processing?: boolean;
+    /**
+     * The size of the input cell and corresponding error message
+     * @default 'block'
+     * @since 10.19.0
+     */
+    size?: InputCellSize;
+}
+export interface LinkCellProps extends Props {
+    /**
+     * Destination url
+     * @default ''
+     * @since 10.19.0
+     * */
+    href: string;
+}
+export interface PercentCellProps extends Props {
+}
+export interface SelectCellProps extends SelectProps {
+    /**
+     * Message to be displayed below the select during an error
+     * @default ''
+     * @since 10.19.0
+     */
+    errorMessage?: string;
+    /**
+     * Triggers the spinner that covers inline editable content
+     * @default false
+     * @since 10.19.0
+     */
+    processing?: boolean;
+}
+export interface DateSelectCellProps extends DateSelectProps {
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+    /**
+     * Message to be displayed below the date select during an error
+     * @default ''
+     * @since 10.19.0
+     */
+    errorMessage?: string;
+    /**
+     * Triggers the spinner that covers inline editable content
+     * @default false
+     * @since 10.19.0
+     */
+    processing?: boolean;
+}
+export interface TableProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    inline?: boolean;
+    /**
+     * The table variant
+     * @since 10.19.0
+     */
+    variant?: TableVariant;
+}
+export interface TextAreaCellProps extends Props {
+    /**
+     * Message to be displayed below the textarea during an error
+     * @since 10.19.0
+     */
+    errorMessage?: string;
+    /**
+     * Triggers the spinner for processing inline editable content
+     * @since 10.19.0
+     */
+    processing?: boolean;
+    /**
+     * Sets whether it is resizable
+     * @since 10.19.0
+     */
+    resizable?: boolean;
+}
+export interface TextCellProps extends Props {
+}
+export {};

package/dist/esm/components/Table/Table.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Table.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.types.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { Table } from './Table';

package/dist/esm/components/Table/index.js

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/esm/components/TableShelf/TableShelf.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DivAttributes, Props } from '../../utils/types';
+export declare const Shelf: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Head: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const HeadCell: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const BodyCell: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const BodyRow: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const TableShelf: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>> & {
+    Body: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    BodyCell: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    BodyRow: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Head: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    HeadCell: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+};
+export default TableShelf;

package/dist/esm/components/TableShelf/TableShelf.js

@@ -0,0 +1,65 @@
+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;
+};
+import React from 'react';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { StyledBodyRow, StyledHead, StyledHeadCell, StyledShelf, StyledBodyCell, } from './TableShelf.styles';
+export var Shelf = React.forwardRef(function Shelf(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledShelf, __assign({ ref: ref }, props), children));
+});
+export var Head = React.forwardRef(function Head(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledHead, { ref: ref },
+        React.createElement(StyledBodyRow, __assign({}, props), children)));
+});
+export var HeadCell = React.forwardRef(function HeadCell(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledHeadCell, __assign({ ref: ref }, props), children));
+});
+export var Body = React.forwardRef(function Body(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement("div", __assign({ ref: ref }, props), children));
+});
+export var BodyCell = React.forwardRef(function BodyCell(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledBodyCell, __assign({ ref: ref }, props), children));
+});
+export var BodyRow = React.forwardRef(function BodyRow(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledBodyRow, __assign({ ref: ref }, props), children));
+});
+Shelf.displayName = 'Shelf';
+Body.displayName = 'Shelf.Body';
+BodyCell.displayName = 'Shelf.BodyCell';
+BodyRow.displayName = 'Shelf.BodyRow';
+Head.displayName = 'Shelf.Head';
+HeadCell.displayName = 'Shelf.HeadCell';
+export var TableShelf = addSubcomponents({
+    Body: Body,
+    BodyCell: BodyCell,
+    BodyRow: BodyRow,
+    Head: Head,
+    HeadCell: HeadCell,
+}, Shelf);
+export default TableShelf;
+//# sourceMappingURL=TableShelf.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableShelf.js","sourceRoot":"","sources":["../../../../src/components/TableShelf/TableShelf.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,EACX,cAAc,GACf,MAAM,qBAAqB,CAAA;AAE5B,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjC,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAChC,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,GAAG;QAClB,oBAAC,aAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CACzC,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,QAAQ,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACpC,OAAO,CACL,oBAAC,cAAc,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAChC,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAChC,OAAO,CACL,sCAAK,GAAG,EAAE,GAAG,IAAM,KAAK,GACrB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,QAAQ,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACpC,OAAO,CACL,oBAAC,cAAc,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAChC,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,aAAa,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC/B,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,IAAI,CAAC,WAAW,GAAG,YAAY,CAAA;AAE/B,QAAQ,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEvC,OAAO,CAAC,WAAW,GAAG,eAAe,CAAA;AAErC,IAAI,CAAC,WAAW,GAAG,YAAY,CAAA;AAE/B,QAAQ,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC;IACE,IAAI,MAAA;IACJ,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,IAAI,MAAA;IACJ,QAAQ,UAAA;CACT,EACD,KAAK,CACN,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/TableShelf/TableShelf.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledShelf: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHead: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBodyRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeadCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBodyCell: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/TableShelf/TableShelf.styles.js

@@ -0,0 +1,15 @@
+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 from 'styled-components';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
+export var StyledShelf = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  box-shadow: ", ";\n  background-color: ", ";\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  box-shadow: ", ";\n  background-color: ", ";\n"])), tableShelfShadow, colors.white);
+export var StyledHead = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  transition: background-color 0.2s ease-in-out;\n"], ["\n  background-color: ", ";\n  transition: background-color 0.2s ease-in-out;\n"])), colors.gray96);
+export var StyledBodyRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  transition: background-color 0.2s ease-in-out;\n"], ["\n  border-top: 1px solid ", ";\n  transition: background-color 0.2s ease-in-out;\n"])), colors.gray85);
+export var StyledHeadCell = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-align: left;\n  padding: ", "px;\n  line-height: 13px;\n"], ["\n  text-align: left;\n  padding: ", "px;\n  line-height: 13px;\n"])), spacing.lg);
+export var StyledBodyCell = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: ", "px;\n  line-height: 13px;\n"], ["\n  padding: ", "px;\n  line-height: 13px;\n"])), spacing.lg);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=TableShelf.styles.js.map

package/dist/esm/components/TableShelf/TableShelf.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableShelf.styles.js","sourceRoot":"","sources":["../../../../src/components/TableShelf/TableShelf.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,IAAM,gBAAgB,GAAG,2CAA2C,CAAA;AAEpE,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,oLAAA,+EAKrB,EAAgB,yBACV,EAAY,KACjC,KAFe,gBAAgB,EACV,MAAM,CAAC,KAAK,CACjC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,oJAAA,wBACd,EAAa,uDAElC,KAFqB,MAAM,CAAC,MAAM,CAElC,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wJAAA,4BACb,EAAa,uDAEtC,KAFyB,MAAM,CAAC,MAAM,CAEtC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,sIAAA,oCAE3B,EAAU,6BAEtB,KAFY,OAAO,CAAC,EAAE,CAEtB,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,iHAAA,eAC3B,EAAU,6BAEtB,KAFY,OAAO,CAAC,EAAE,CAEtB,CAAA"}

package/dist/esm/components/TableShelf/index.d.ts

@@ -0,0 +1 @@
+export { TableShelf } from './TableShelf';

package/dist/esm/components/TableShelf/index.js

@@ -0,0 +1,2 @@
+export { TableShelf } from './TableShelf';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TableShelf/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TableShelf/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { DivAttributes, Props, SpanAttributes } from '../../utils/types';
+import { TabDropdownProps, TabProps, TabsProps } from './Tabs.types';
+export declare const Link: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;
+/**
+
+ We use tabs to navigate between different, but related content.
+ Tabs are commonly used on tool landing pages and on item detail pages.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/tabs-jss--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tabs)
+
+ */
+export declare const Tab: React.ForwardRefExoticComponent<DivAttributes & TabProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MoreMenu: React.ForwardRefExoticComponent<DivAttributes & TabDropdownProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<DivAttributes & TabsProps & React.RefAttributes<HTMLDivElement>> & {
+    Link: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;
+    Tab: React.ForwardRefExoticComponent<DivAttributes & TabProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default Tabs;

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

@@ -0,0 +1,154 @@
+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));
+};
+import { CaretDown, CaretUp } from '@procore/core-icons/dist';
+import React from 'react';
+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';
+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));
+});
+/**
+
+ We use tabs to navigate between different, but related content.
+ Tabs are commonly used on tool landing pages and on item detail pages.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/tabs-jss--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tabs)
+
+ */
+export var Tab = React.forwardRef(function Tab(_a, ref) {
+    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 () {
+        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) {
+    var children = _a.children;
+    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);
+    }
+    return (React.createElement(StyledOverlay, { ref: ref },
+        React.createElement(MenuImperative, { 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);
+    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(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;
+                            });
+                        },
+                    });
+            }),
+            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: 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" })))))));
+});
+Tabs_.displayName = 'Tabs';
+Link.displayName = 'Tabs.Link';
+Tab.displayName = 'Tabs.Tab';
+export var Tabs = addSubcomponents({
+    Link: Link,
+    Tab: Tab,
+}, Tabs_);
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

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

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

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

@@ -0,0 +1,15 @@
+export declare const StyledLink: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledTab: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    dark?: boolean | undefined;
+}, never>;
+export declare const StyledDropdownTab: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    dark?: boolean | undefined;
+}, never>;
+export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTabList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTabs: import("styled-components").StyledComponent<"nav", any, {
+    dark?: boolean | undefined;
+    index?: number | undefined;
+}, never>;

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

@@ -0,0 +1,34 @@
+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 { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+import { Card } from '../Card';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+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_6 || (templateObject_6 = __makeTemplateObject(["\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  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\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  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n\n  ", "\n"])), getTypographyIntent('body'), spacing.md, function (_a) {
+    var active = _a.active, dark = _a.dark;
+    if (active) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n        cursor: default;\n\n        ", " {\n          border-bottom-color: ", ";\n        }\n      "], ["\n        color: ", ";\n        cursor: default;\n\n        ", " {\n          border-bottom-color: ", ";\n        }\n      "])), dark ? colors.white : colors.gray15, StyledLink, colors.orange50);
+    }
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n\n      &:hover,\n      &.hover {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      &:hover,\n      &.hover {\n        color: ", ";\n      }\n    "])), dark ? colors.gray70 : colors.gray45, (dark && colors.white) || colors.gray15);
+});
+export var StyledDropdownTab = styled(StyledTab)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n\n  ", "\n\n  ", " {\n    margin-right: ", "px;\n  }\n"], ["\n  cursor: pointer;\n\n  ", "\n\n  ", " {\n    margin-right: ", "px;\n  }\n"])), hiddenTab, StyledLink, spacing.xs);
+export var StyledOverlay = styled(Card)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  max-height: 40vh;\n\n  ", " {\n    color: ", ";\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      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    // 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      color: ", ";\n      font-weight: ", ";\n    }\n  }\n\n  ", " {\n    border: 0;\n    height: auto;\n  }\n"])), StyledTab, colors.gray45, spacing.sm, spacing.lg, spacing.sm, spacing.lg, StyledTab, colors.blue50, typographyWeights.semibold, StyledLink);
+export var StyledTabList = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+export var StyledTabs = styled.nav(templateObject_11 || (templateObject_11 = __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_10 || (templateObject_10 = __makeTemplateObject(["\n      ", " {\n        ", "\n      }\n    "], ["\n      ", " {\n        ", "\n      }\n    "])), 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;
+//# sourceMappingURL=Tabs.styles.js.map

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

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