@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/PillSelect/PillSelect.types.d.ts

@@ -0,0 +1,112 @@
+import { PillColor } from '../Pill/Pill.types';
+import { SelectOptionProps, SelectProps } from '../Select/Select.types';
+declare type Id = string | number;
+export interface PillOption {
+    /**
+     * @since 10.19.0
+     */
+    color: PillColor;
+    /**
+     * @since 10.19.0
+     */
+    groupId?: Id;
+    /**
+     * @since 10.19.0
+     */
+    id: Id;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    suggested?: SelectOptionProps['suggested'];
+}
+export interface PillOptionProps extends SelectOptionProps {
+    /**
+     * @since 10.19.0
+     */
+    color: PillOption['color'];
+    /**
+     * @since 10.19.0
+     */
+    label: PillOption['label'];
+}
+export interface PillOptGroup {
+    /**
+     * @since 10.19.0
+     */
+    id: Id;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+}
+export interface PillSelectProps<Option = PillOption, OptionGroup = PillOptGroup> extends Omit<SelectProps, 'label'> {
+    /**
+     * A function returning the display color of an option's `Pill`
+     * `(option: unknown) => PillColor`
+     * @defaultValue `(option) => (option as PillOption).color`
+     * @since 10.19.0
+     */
+    getColor?: (option: Option) => PillOption['color'];
+    /**
+     * A function returning group ID for a given option to define a relation to `optgroups`
+     * `(option: unknown) => string | number`
+     * @defaultValue `(option) => (option as PillOption).groupId`
+     * @since 10.19.0
+     */
+    getGroup?: (option: Option) => PillOption['groupId'];
+    /**
+     * A function returning ID of a given option
+     * `(option: unknown) => string | number`
+     * @defaultValue `(option) => (option as PillOption).id`
+     * @since 10.19.0
+     */
+    getId?: (option: Option) => PillOption['id'];
+    /**
+     * A function returning label of an option
+     * `(option: unknown) => string`
+     * @defaultValue `(option) => (option as PillOption).label`
+     * @since 10.19.0
+     */
+    getLabel?: (option: Option) => PillOption['label'];
+    /**
+     * A function returning `boolean` value to suggest this option if nothing is selected.
+     * `(option: unknown) => boolean`
+     * @defaultValue `(option) => (option as PillOption).suggested`
+     * @since 10.19.0
+     */
+    getSuggested?: (option: Option) => PillOption['suggested'];
+    /**
+     * A function returning the ID of a group
+     * `(group: unknown) => string | number`
+     * @defaultValue `(group) => (group as PillOptgroup).id`
+     * @since 10.19.0
+     */
+    groupGetId?: (group: OptionGroup) => PillOptGroup['id'];
+    /**
+     * A function returning label of a group
+     * `(group: unknown) => string`
+     * @defaultValue `(group) => (group as PillOptgroup).label`
+     * @since 10.19.0
+     */
+    groupGetLabel?: (group: OptionGroup) => PillOptGroup['label'];
+    /**
+     * Array of available options
+     * @since 10.19.0
+     */
+    options?: Option[];
+    /**
+     * Array of available option groups
+     * @since 10.19.0
+     */
+    optgroups?: OptionGroup[];
+    /**
+     * Currently selected value
+     * @since 10.19.0
+     */
+    value: Option;
+}
+export {};

package/dist/PillSelect/PillSelect.types.js

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

package/dist/PillSelect/PillSelect.types.js.map

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

package/dist/PillSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { PillSelect } from './PillSelect';
+export { PillOptionProps, PillSelectProps } from './PillSelect.types';

package/dist/PillSelect/index.js

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

package/dist/PillSelect/index.js.map

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

package/dist/Popover/Popover.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { PopoverContentProps, PopoverProps, PopoverRole } from './Popover.types';
+/**
+
+ We use popovers to display more of an item’s information or details on hover.
+ This may be used to show additional fields in an item’s form that aren’t shown
+ by default in the UI. Oftentimes, there will be a visual queue to indicate that
+ more information is available.
+
+ Do not use popovers to display large amounts of information, perform data
+ entry, or use as a replacement for an overflow, menu, or modal.
+
+ If you want to show descriptive / educational information about an item,
+ use a tooltip.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-popover--demo)
+
+ @see [Design Guidelines](https://design.procore.com/popover)
+
+ */
+declare function PopoverInner<Role extends PopoverRole>({ children, initialIsVisible, restoreFocusOnHide, placement, overlay, overlayRef, role, ...props }: PopoverProps<Role>, ref: React.ForwardedRef<HTMLElement>): JSX.Element;
+export declare const Popover: (<Role extends PopoverRole>(props: PopoverProps<Role>) => ReturnType<typeof PopoverInner>) & {
+    Content: React.ForwardRefExoticComponent<DivAttributes & PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/Popover/Popover.js

@@ -0,0 +1,63 @@
+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 { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { isReactElement } from '../_utils/isReactElement';
+import { StyledPopover, StyledPopoverContent } from './Popover.styles';
+var Content = React.forwardRef(function Content(_a, ref) {
+    var children = _a.children, _b = _a.fluid, fluid = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, props = __rest(_a, ["children", "fluid", "placement"]);
+    return (React.createElement(StyledPopover, { ref: ref },
+        React.createElement(StyledPopoverContent, __assign({}, props, { "$fluid": fluid, "$placement": placement }), children)));
+});
+/**
+
+ We use popovers to display more of an item’s information or details on hover.
+ This may be used to show additional fields in an item’s form that aren’t shown
+ by default in the UI. Oftentimes, there will be a visual queue to indicate that
+ more information is available.
+
+ Do not use popovers to display large amounts of information, perform data
+ entry, or use as a replacement for an overflow, menu, or modal.
+
+ If you want to show descriptive / educational information about an item,
+ use a tooltip.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-popover--demo)
+
+ @see [Design Guidelines](https://design.procore.com/popover)
+
+ */
+function PopoverInner(_a, ref) {
+    var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, _c = _a.restoreFocusOnHide, restoreFocusOnHide = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'top' : _d, overlay = _a.overlay, overlayRef = _a.overlayRef, role = _a.role, props = __rest(_a, ["children", "initialIsVisible", "restoreFocusOnHide", "placement", "overlay", "overlayRef", "role"]);
+    var overlayNode = isReactElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(React.Fragment, null));
+    return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, role: role, ref: ref, restoreFocusOnHide: restoreFocusOnHide, shrinkOverlay: true, arrow: true, overlayRef: overlayRef })), children));
+}
+var Popover_ = React.forwardRef(PopoverInner);
+// @ts-expect-error
+Popover_.displayName = 'Popover';
+Content.displayName = 'Popover.Content';
+export var Popover = addSubcomponents({ Content: Content }, Popover_);
+//# sourceMappingURL=Popover.js.map

package/dist/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,SAAS,OAAO,CAChB,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,kCAAwD,CAAF;IAGtD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;QACrB,oBAAC,oBAAoB,eAAK,KAAK,cAAU,KAAK,gBAAc,SAAS,KAClE,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,SAAS,YAAY,CACnB,EASqB,EACrB,GAAoC;IATlC,IAAA,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,IAAI,UAAA,EACD,KAAK,cARV,oGASC,CADS;IAIV,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACnB,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,IAAI,MAAA,EACJ,GAAG,KAAA,EACH,kBAAkB,oBAAA,EAClB,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,IAAI,EACX,UAAU,YAAA,MAGX,QAAQ,CACM,CAClB,CAAA;AACH,CAAC;AAED,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAEV,CAAA;AAEpC,mBAAmB;AACnB,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,EAAE,QAAQ,CAAC,CAAA"}

package/dist/Popover/Popover.styles.d.ts

@@ -0,0 +1,9 @@
+import { Placement } from '../_utils/placement';
+export declare const popoverArrowSize = 6;
+interface StyledPopoverProps {
+    $fluid: boolean;
+    $placement: Placement;
+}
+export declare const StyledPopoverContent: import("styled-components").StyledComponent<"span", any, Required<StyledPopoverProps>, never>;
+export declare const StyledPopover: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/Popover/Popover.styles.js

@@ -0,0 +1,18 @@
+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 { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { getShadow } from '../_styles/shadows';
+export var popoverArrowSize = 6;
+export var StyledPopoverContent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", "px;\n\n  color: ", ";\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", "px;\n\n  color: ", ";\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ", "\n"])), colors.white, borderRadius.md, colors.gray15, function (_a) {
+    var $fluid = _a.$fluid;
+    if ($fluid) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        max-width: none;\n      "], ["\n        max-width: none;\n      "])));
+    }
+});
+export var StyledPopover = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  ", "\n\n  & + [data-overlay-arrow] {\n    background: ", ";\n  }\n"], ["\n  display: inline-block;\n  ", "\n\n  & + [data-overlay-arrow] {\n    background: ", ";\n  }\n"])), getShadow(3), colors.white);
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Popover.styles.js.map

package/dist/Popover/Popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.styles.js","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,CAAA;AAOjC,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,8NAA8B,wBACvD,EAAY,sBACf,EAAe,kBAEvB,EAAa,+EAKpB,EAMD,IACF,KAfqB,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAEvB,MAAM,CAAC,MAAM,EAKpB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,uGAAA,oCAET,KAAA;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,qKAAA,gCAEnC,EAAY,oDAGE,EAAY,UAE7B,KALG,SAAS,CAAC,CAAC,CAAC,EAGE,MAAM,CAAC,KAAK,CAE7B,CAAA"}

package/dist/Popover/Popover.types.d.ts

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+import { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types';
+import { BeforeCallback } from '../_hooks/DelayedCallback';
+import { TriggerConfig } from '../_hooks/Trigger';
+import { Placement } from '../_utils/placement';
+import { AriaLabelled, Props } from '../_utils/types';
+export interface PopoverContentProps {
+    /**
+     * @since 10.19.0
+     */
+    fluid?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    placement?: Placement;
+}
+export declare type PopoverRole = 'dialog' | undefined;
+export interface PopoverBaseProps<Role extends PopoverRole = undefined> extends Props {
+    /**
+     * Whether to show the overlay on initial render
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    initialIsVisible?: boolean;
+    /**
+     * The tip we want to display
+     * @since 10.19.0
+     */
+    overlay?: React.ReactElement<{
+        placement?: Placement;
+    }>;
+    /**
+     * Determines the position of the arrow
+     * @defaultValue top
+     * @since 10.19.0
+     */
+    placement?: Placement;
+    /**
+     * Return focus to trigger after the closing popover modal dialog
+     * @a11y Should be set to true.
+     * @defaultValue false
+     * @since 11.8.0
+     */
+    restoreFocusOnHide?: boolean;
+    /**
+     * The event to trigger the overlay
+     * @defaultValue click
+     * @since 10.19.0
+     */
+    trigger?: TriggerConfig['trigger'];
+    /**
+     * Toggles overlay visibility
+     * @since 11.2.0
+     */
+    overlayRef?: React.Ref<OverlayTriggerRef>;
+    /**
+     * @since 11.11.0
+     */
+    role?: Role;
+    /**
+     *  The callback to run before the overlay is hidden. Returning
+     *  `false` will prevent hiding.
+     * ```
+     * (e: event) => boolean | Promise | undefined
+     * ```
+     * @since 11.15.0
+     */
+    beforeHide?: BeforeCallback;
+    /**
+     *  The callback to run before the overlay is shown. Returning
+     *  `false` will prevent showing.
+     * ```
+     * (e: event) => boolean | Promise | undefined
+     * ```
+     * @since 11.15.0
+     */
+    beforeShow?: BeforeCallback;
+}
+export declare type PopoverProps<Role extends PopoverRole = undefined> = Role extends 'dialog' ? AriaLabelled<PopoverBaseProps<'dialog'>> : PopoverBaseProps<undefined>;

package/dist/Popover/Popover.types.js

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

package/dist/Popover/Popover.types.js.map

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

package/dist/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export { PopoverContentProps, PopoverProps } from './Popover.types';

package/dist/Popover/index.js

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

package/dist/Popover/index.js.map

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

package/dist/Portal/Portal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PortalProps } from './Portal.types';
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development.
+ * @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-portal--defaults)
+ */
+export declare function Portal({ children, container, ...props }: PortalProps): React.ReactPortal;

package/dist/Portal/Portal.js

@@ -0,0 +1,37 @@
+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 ReactDOM from 'react-dom';
+import { useZIndexContext } from '../_hooks/ZIndex';
+import { StyledPortal } from './Portal.styles';
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development.
+ * @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/coverage-portal--defaults)
+ */
+export function Portal(_a) {
+    var children = _a.children, container = _a.container, props = __rest(_a, ["children", "container"]);
+    var zIndexCtx = useZIndexContext();
+    return ReactDOM.createPortal(React.createElement(StyledPortal, __assign({}, props, { style: { zIndex: zIndexCtx.value } }), children), container || document.body);
+}
+//# sourceMappingURL=Portal.js.map

package/dist/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EAIT;IAHZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cAHa,yBAItB,CADS;IAER,IAAM,SAAS,GAAG,gBAAgB,EAAE,CAAA;IAEpC,OAAO,QAAQ,CAAC,YAAY,CAC1B,oBAAC,YAAY,eAAK,KAAK,IAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,KACxD,QAAQ,CACI,EACf,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC3B,CAAA;AACH,CAAC"}

package/dist/Portal/Portal.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledPortal: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Portal/Portal.styles.js

@@ -0,0 +1,8 @@
+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';
+export var StyledPortal = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n\n  > * {\n    pointer-events: all;\n  }\n"], ["\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n\n  > * {\n    pointer-events: all;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=Portal.styles.js.map

package/dist/Portal/Portal.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.styles.js","sourceRoot":"","sources":["../../src/Portal/Portal.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,qLAAA,kHASrC,IAAA,CAAA"}

package/dist/Portal/Portal.types.d.ts

@@ -0,0 +1,7 @@
+import { Props } from '../_utils/types';
+export interface PortalProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    container?: HTMLElement;
+}

package/dist/Portal/Portal.types.js

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

package/dist/Portal/Portal.types.js.map

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

package/dist/Portal/index.d.ts

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

package/dist/Portal/index.js

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

package/dist/Portal/index.js.map

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

package/dist/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ProgressBarProps } from './ProgressBar.types';
+/**
+
+ Progress bars visually show system loading progress, such as uploading a file
+ or loading a page, as well as user progress, like filling out a form.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-progressbar--demo)
+
+ @see [Design Guidelines](https://design.procore.com/progress-bar)
+
+ */
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/ProgressBar/ProgressBar.js

@@ -0,0 +1,68 @@
+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 { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader';
+import { StyledProgressBar, StyledProgressBarLoader, } from './ProgressBar.styles';
+var finalAnimationDuration = 900;
+/**
+
+ Progress bars visually show system loading progress, such as uploading a file
+ or loading a page, as well as user progress, like filling out a form.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-progressbar--demo)
+
+ @see [Design Guidelines](https://design.procore.com/progress-bar)
+
+ */
+export var ProgressBar = React.forwardRef(function ProgressBar(_a, ref) {
+    var _b = _a.animated, animated = _b === void 0 ? false : _b, value = _a.value, props = __rest(_a, ["animated", "value"]);
+    var isProgressValueComplete = value >= maxProgressValue;
+    var _c = React.useState(false), isFinalized = _c[0], setFinalized = _c[1];
+    var _d = React.useState(isProgressValueComplete), isProgressComplete = _d[0], setProgressComplete = _d[1];
+    var didMountRef = React.useRef(false);
+    React.useEffect(function () {
+        var isFinalized = didMountRef.current && isProgressValueComplete;
+        var timerId = isFinalized
+            ? window.setTimeout(function () {
+                setFinalized(false);
+            }, finalAnimationDuration)
+            : null;
+        setProgressComplete(isProgressValueComplete);
+        setFinalized(isFinalized);
+        if (!didMountRef.current) {
+            didMountRef.current = true;
+        }
+        return function () {
+            timerId && clearTimeout(timerId);
+        };
+    }, [isProgressValueComplete]);
+    var clampedValue = clamp(value);
+    return (React.createElement(StyledProgressBar, __assign({ "$complete": isProgressComplete, "$finalized": isFinalized, ref: ref, role: "progressbar", "aria-valuenow": clampedValue, "aria-valuemin": minProgressValue, "aria-valuemax": maxProgressValue }, props, { "aria-valuetext": typeof props['aria-valuetext'] === 'function'
+            ? props['aria-valuetext']({ value: clampedValue })
+            : props['aria-valuetext'] }),
+        React.createElement(StyledProgressBarLoader, { value: value, animated: animated })));
+});
+ProgressBar.displayName = 'ProgressBar';
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EACL,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAG7B,IAAM,sBAAsB,GAAG,GAAG,CAAA;AAElC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAnC,qBAAqC,CAAF;IACtD,IAAM,uBAAuB,GAAG,KAAK,IAAI,gBAAgB,CAAA;IACnD,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,WAAW,QAAA,EAAE,YAAY,QAAyB,CAAA;IACnD,IAAA,KAA4C,KAAK,CAAC,QAAQ,CAC9D,uBAAuB,CACxB,EAFM,kBAAkB,QAAA,EAAE,mBAAmB,QAE7C,CAAA;IACD,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEvC,KAAK,CAAC,SAAS,CAAC;QACd,IAAM,WAAW,GAAG,WAAW,CAAC,OAAO,IAAI,uBAAuB,CAAA;QAClE,IAAM,OAAO,GAAkB,WAAW;YACxC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,EAAE,sBAAsB,CAAC;YAC5B,CAAC,CAAC,IAAI,CAAA;QAER,mBAAmB,CAAC,uBAAuB,CAAC,CAAA;QAC5C,YAAY,CAAC,WAAW,CAAC,CAAA;QAEzB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;SAC3B;QAED,OAAO;YACL,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAA;QAClC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAA;IAE7B,IAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;IAEjC,OAAO,CACL,oBAAC,iBAAiB,0BACL,kBAAkB,gBACjB,WAAW,EACvB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,mBACH,YAAY,mBACZ,gBAAgB,mBAChB,gBAAgB,IAC3B,KAAK,sBAEP,OAAO,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU;YAC3C,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;YAClD,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;QAG7B,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC3C,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledProgressBarLoader: import("styled-components").StyledComponent<import("react").FC<import("../Loader/Loader.types").LoaderProps>, any, {}, never>;
+export declare const StyledProgressBar: import("styled-components").StyledComponent<"div", any, {
+    $complete: boolean;
+    $finalized: boolean;
+}, never>;

package/dist/ProgressBar/ProgressBar.styles.js

@@ -0,0 +1,25 @@
+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, keyframes } from 'styled-components';
+import { Loader } from '../Loader/Loader';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+var loaderGridUnit = spacing.sm;
+var animationDelay = '300ms';
+var fadeIn = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"], ["\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n"])));
+export var StyledProgressBarLoader = styled(Loader)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+export var StyledProgressBar = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  overflow: hidden;\n  position: relative;\n  display: block;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  margin: ", "px 0;\n  transition: background-color 0s linear;\n\n  ", "\n\n  ", "\n"], ["\n  overflow: hidden;\n  position: relative;\n  display: block;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  margin: ", "px 0;\n  transition: background-color 0s linear;\n\n  ", "\n\n  ", "\n"])), loaderGridUnit, function (_a) {
+    var $complete = _a.$complete;
+    return $complete ? colors.blue50 : colors.gray94;
+}, loaderGridUnit * 2, loaderGridUnit * 2, function (_a) {
+    var $finalized = _a.$finalized;
+    return $finalized && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      transition-delay: ", ";\n\n      ", " {\n        animation: ", " 0 ease-out ", " forwards;\n      }\n    "], ["\n      transition-delay: ", ";\n\n      ", " {\n        animation: ", " 0 ease-out ", " forwards;\n      }\n    "])), animationDelay, StyledProgressBarLoader, fadeIn, animationDelay);
+}, function (_a) {
+    var $complete = _a.$complete, $finalized = _a.$finalized;
+    return $complete &&
+        !$finalized && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", " {\n        opacity: 0;\n      }\n    "], ["\n      ", " {\n        opacity: 0;\n      }\n    "])), StyledProgressBarLoader);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=ProgressBar.styles.js.map

package/dist/ProgressBar/ProgressBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.styles.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,IAAM,cAAc,GAAG,OAAO,CAAC,EAAE,CAAA;AAEjC,IAAM,cAAc,GAAG,OAAO,CAAA;AAE9B,IAAM,MAAM,GAAG,SAAS,qIAAA,kEAOvB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAC,qEAAA,EAAE,IAAA,CAAA;AAEvD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,kSAGzC,6EAIU,EAAc,2BACJ,EACuB,sBAC1B,EAAkB,iBACzB,EAAkB,wDAG1B,EAQC,QAED,EAOC,IACJ,KAzBW,cAAc,EACJ,UAAC,EAAa;QAAX,SAAS,eAAA;IAC9B,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;AAAzC,CAAyC,EAC1B,cAAc,GAAG,CAAC,EACzB,cAAc,GAAG,CAAC,EAG1B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,UAAU,IACV,GAAG,sLAAA,4BACmB,EAAc,aAEhC,EAAuB,yBACV,EAAM,cAAe,EAAc,2BAEnD,KALqB,cAAc,EAEhC,uBAAuB,EACV,MAAM,EAAe,cAAc,CAEnD;AAPD,CAOC,EAED,UAAC,EAAyB;QAAvB,SAAS,eAAA,EAAE,UAAU,gBAAA;IACxB,OAAA,SAAS;QACT,CAAC,UAAU,IACX,GAAG,uHAAA,UACC,EAAuB,wCAG1B,KAHG,uBAAuB,CAG1B;AAND,CAMC,CACJ,CAAA"}

package/dist/ProgressBar/ProgressBar.types.d.ts

@@ -0,0 +1,15 @@
+import { LoaderProps } from '../Loader/Loader.types';
+import { DivAttributes } from '../_utils/types';
+declare type ValueTextRender = (props: {
+    value: number;
+}) => string;
+export interface ProgressBarProps extends LoaderProps, Omit<DivAttributes, 'aria-valuetext'> {
+    /**
+     * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.
+     * If this would not be accurate, use this property to make the progress bar value understandable.
+     *
+     * @since 11.8.0
+     */
+    ['aria-valuetext']?: string | ValueTextRender;
+}
+export {};

package/dist/ProgressBar/ProgressBar.types.js

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

package/dist/ProgressBar/ProgressBar.types.js.map

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

package/dist/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from './ProgressBar';
+export { ProgressBarProps } from './ProgressBar.types';

package/dist/ProgressBar/index.js

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

package/dist/ProgressBar/index.js.map

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