@procore/core-react 0.0.0-20230808121909

package/dist/Typography/Typography.styles.js

@@ -0,0 +1,54 @@
+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';
+export var typographyWeights = {
+    regular: 400,
+    semibold: 600,
+    bold: 700,
+};
+export var typographyLineHeight = {
+    small: 16,
+    body: 20,
+    h1: 32,
+    h2: 28,
+    h3: 24,
+    label: 20,
+};
+var body = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.regular, typographyLineHeight.body);
+var h1 = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.bold, typographyLineHeight.h1);
+var h2 = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.semibold, typographyLineHeight.h2);
+var h3 = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.semibold, typographyLineHeight.h3);
+var small = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ", ";\n  letter-spacing: 0.25px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ", ";\n  letter-spacing: 0.25px;\n  line-height: ", "px;\n"])), typographyWeights.regular, typographyLineHeight.small);
+var label = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"], ["\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ", ";\n  letter-spacing: 0.15px;\n  line-height: ", "px;\n"])), typographyWeights.bold, typographyLineHeight.label);
+var typographyIntents = {
+    body: body,
+    h1: h1,
+    h2: h2,
+    h3: h3,
+    small: small,
+    label: label,
+};
+export function getTypographyIntent(intent) {
+    return typographyIntents[intent];
+}
+export var semiboldRules = function () {
+    return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  "], ["\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  "])));
+};
+export var StyledTypography = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  ", "\n\n  em,\n  i {\n    font-style: italic;\n  }\n"], ["\n  ", "\n  color: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  ", "\n\n  em,\n  i {\n    font-style: italic;\n  }\n"])), function (_a) {
+    var _b = _a.intent, intent = _b === void 0 ? 'body' : _b;
+    return typographyIntents[intent];
+}, function (_a) {
+    var _b = _a.$color, $color = _b === void 0 ? 'gray15' : _b;
+    return colors[$color];
+}, function (_a) {
+    var _b = _a.italic, italic = _b === void 0 ? false : _b;
+    return (italic ? 'italic' : 'inherit');
+}, function (_a) {
+    var weight = _a.weight;
+    return weight && typographyWeights[weight];
+}, semiboldRules);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Typography.styles.js.map

package/dist/Typography/Typography.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.styles.js","sourceRoot":"","sources":["../../src/Typography/Typography.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAA8B,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAO1C,MAAM,CAAC,IAAM,iBAAiB,GAE1B;IACF,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,GAAG;CACV,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAA2B;IAC1D,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;CACV,CAAA;AAED,IAAM,IAAI,GAAG,GAAG,6LAAA,gEAGC,EAAyB,+CAEzB,EAAyB,OACzC,KAHgB,iBAAiB,CAAC,OAAO,EAEzB,oBAAoB,CAAC,IAAI,CACzC,CAAA;AAED,IAAM,EAAE,GAAG,GAAG,6LAAA,gEAGG,EAAsB,+CAEtB,EAAuB,OACvC,KAHgB,iBAAiB,CAAC,IAAI,EAEtB,oBAAoB,CAAC,EAAE,CACvC,CAAA;AAED,IAAM,EAAE,GAAG,GAAG,6LAAA,gEAGG,EAA0B,+CAE1B,EAAuB,OACvC,KAHgB,iBAAiB,CAAC,QAAQ,EAE1B,oBAAoB,CAAC,EAAE,CACvC,CAAA;AAED,IAAM,EAAE,GAAG,GAAG,6LAAA,gEAGG,EAA0B,+CAE1B,EAAuB,OACvC,KAHgB,iBAAiB,CAAC,QAAQ,EAE1B,oBAAoB,CAAC,EAAE,CACvC,CAAA;AAED,IAAM,KAAK,GAAG,GAAG,6LAAA,gEAGA,EAAyB,+CAEzB,EAA0B,OAC1C,KAHgB,iBAAiB,CAAC,OAAO,EAEzB,oBAAoB,CAAC,KAAK,CAC1C,CAAA;AAED,IAAM,KAAK,GAAG,GAAG,6LAAA,gEAGA,EAAsB,+CAEtB,EAA0B,OAC1C,KAHgB,iBAAiB,CAAC,IAAI,EAEtB,oBAAoB,CAAC,KAAK,CAC1C,CAAA;AAED,IAAM,iBAAiB,GAEnB;IACF,IAAI,MAAA;IACJ,EAAE,IAAA;IACF,EAAE,IAAA;IACF,EAAE,IAAA;IACF,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAA;AAED,MAAM,UAAU,mBAAmB,CAAC,MAAc;IAChD,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,OAAO,GAAG,qIAAA,kEAKT,KAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,gMAAuB,MAC9D,EAAkD,aAC3C,EAAyC,mBACpC,EAAuD,oBACtD,EAAmD,OAChE,EAAa,kDAMhB,KAVG,UAAC,EAAmB;QAAjB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;IAAO,OAAA,iBAAiB,CAAC,MAAM,CAAC;AAAzB,CAAyB,EAC3C,UAAC,EAAqB;QAAnB,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA;IAAO,OAAA,MAAM,CAAC,MAAM,CAAC;AAAd,CAAc,EACpC,UAAC,EAAkB;QAAhB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAA/B,CAA+B,EACtD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,iBAAiB,CAAC,MAAM,CAAC;AAAnC,CAAmC,EAChE,aAAa,CAMhB,CAAA"}

package/dist/Typography/Typography.types.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { Color } from '../_styles/colors';
+import { Props } from '../_utils/types';
+export declare type Intent = 'h1' | 'h2' | 'h3' | 'body' | 'small' | 'label';
+export declare type Weight = 'regular' | 'semibold' | 'bold';
+export interface TypographyProps extends Props {
+    /**
+     * <span>
+     *  When children are a string or multiple elements, they will be wrapped
+     *  by a <Code>span</Code>. When it is a single element, classnames will
+     *  be added to it instead
+     * </span>
+     * @since 10.19.0
+     * */
+    children: React.ReactNode;
+    /**
+     * <span>
+     *  Change the HTML tag. This{' '}
+     *  <Link href="https://styled-components.com/docs/api#as-polymorphic-prop">
+     *    prop is from styled-components
+     *  </Link>
+     *  .<em>WARNING</em>: If using TypeScript, it will not switch types and
+     *  some props may error. You can add <Code>// @ts-expect-error</Code>.
+     *  See{' '}
+     *  <Link href="https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117">
+     *    styled-components issue
+     *  </Link>
+     *  .
+     * </span>
+     * @since 10.19.0
+     */
+    as?: string | React.ComponentType<any>;
+    /**
+     * <span>
+     *  Changes font color, can be any of the{' '}
+     *  <Link to="/web/style/colors/#hsl-palette">HSL Palette</Link> css
+     *  strings
+     * </span>
+     * @default 'gray15'
+     * @since 10.19.0
+     */
+    color?: Color;
+    /**
+     * Changes the size of the font
+     * @since 10.19.0
+     */
+    intent?: Intent;
+    /**
+     * Applies `font-style: italic` if enabled
+     * @since 10.19.0
+     */
+    italic?: boolean;
+    /**
+     * Changes font weight if it is supported in the design system
+     * @since 10.19.0
+     */
+    weight?: Weight;
+}

package/dist/Typography/Typography.types.js

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

package/dist/Typography/Typography.types.js.map

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

package/dist/Typography/index.d.ts

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

package/dist/Typography/index.js

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

package/dist/Typography/index.js.map

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

package/dist/_hooks/Analytics.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
+declare type AnalyticsProviderProps = React.PropsWithChildren<{
+    analytics?: BaseAnalytics;
+}>;
+declare type HydratedContextValue = Pick<BaseAnalytics, 'trackEvent'>;
+declare type DefaultContextValue = {};
+declare type ContextValue = HydratedContextValue | DefaultContextValue;
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export declare const AnalyticsContext: React.Context<ContextValue>;
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): JSX.Element;
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export declare const useAnalyticsContext: () => HydratedContextValue;
+/**
+ * @deprecatedSince 11
+ * @deprecated Use fetch instead. Previous implementation:
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts
+ */
+export declare const Analytics: {
+    Client: typeof BaseAnalytics;
+    Consumer: React.Consumer<ContextValue>;
+    Provider: typeof AnalyticsProvider;
+    Context: React.Context<ContextValue>;
+};
+export {};

package/dist/_hooks/Analytics.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
+var defaultTrackEvent = function (e, params) {
+    console.log('analytics::trackEvent', e, params);
+};
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export var AnalyticsContext = React.createContext({});
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export function AnalyticsProvider(_a) {
+    var analytics = _a.analytics, children = _a.children;
+    return (React.createElement(AnalyticsContext.Provider, { value: { trackEvent: (analytics === null || analytics === void 0 ? void 0 : analytics.trackEvent) || defaultTrackEvent } }, children));
+}
+var isAnalyticsHydrated = function (analytics) {
+    return Object.keys(analytics).length > 0;
+};
+/**
+ * @deprecatedSince 11
+ * @deprecated
+ */
+export var useAnalyticsContext = function () {
+    var context = React.useContext(AnalyticsContext);
+    if (!isAnalyticsHydrated(context)) {
+        throw new Error('Must wrap app in Analytics.Provider');
+    }
+    return context;
+};
+/**
+ * @deprecatedSince 11
+ * @deprecated Use fetch instead. Previous implementation:
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx
+ * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts
+ */
+export var Analytics = {
+    Client: BaseAnalytics,
+    Consumer: AnalyticsContext.Consumer,
+    Provider: AnalyticsProvider,
+    Context: AnalyticsContext,
+};
+//# sourceMappingURL=Analytics.js.map

package/dist/_hooks/Analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Analytics.js","sourceRoot":"","sources":["../../src/_hooks/Analytics.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAS7E,IAAM,iBAAiB,GAAgC,UAAC,CAAC,EAAE,MAAM;IAC/D,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;AACjD,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAe,EAAE,CAAC,CAAA;AAErE;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAGT;QAFvB,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,KAAI,iBAAiB,EAAE,IAEhE,QAAQ,CACiB,CAC7B,CAAA;AACH,CAAC;AAED,IAAM,mBAAmB,GAAG,UAC1B,SAAuB;IAEvB,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClD,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE;QACjC,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;IACnC,QAAQ,EAAE,iBAAiB;IAC3B,OAAO,EAAE,gBAAgB;CAC1B,CAAA"}

package/dist/_hooks/Anchor.d.ts

@@ -0,0 +1,70 @@
+import React, { PropsWithChildren } from 'react';
+import { Placement } from '../_utils/types';
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export interface AnchorConfig {
+    canFlip?: boolean;
+    dependencies?: Array<any>;
+    onLayout?: (anchor: AnchorApi) => any;
+    overlayRef: React.RefObject<HTMLElement>;
+    padding?: number;
+    placement?: Placement;
+    targetRef: React.RefObject<HTMLElement>;
+    shrinkOverlay?: boolean;
+    isFlyout?: boolean;
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export interface AnchorProps extends PropsWithChildren<AnchorConfig> {
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export interface AnchorApi {
+    left: number;
+    /**
+     * @deprecated
+     *
+     * use `shrinkOverlay` boolean property to set `minWidth`
+     *
+     * @deprecatedSince 10.20.0
+     */
+    minWidth: number;
+    placement: Placement;
+    top: number;
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare const initAnchor: AnchorApi;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useAnchor({ canFlip, dependencies, onLayout, padding, placement, overlayRef, targetRef, shrinkOverlay, isFlyout, }: AnchorConfig): AnchorApi;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function Anchor({ children, overlayRef, targetRef, ...props }: AnchorProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare const AnchorContext: React.Context<AnchorApi>;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function AnchorProvider({ children, ...props }: AnchorProps): JSX.Element;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useAnchorContext(): AnchorApi;

package/dist/_hooks/Anchor.js

@@ -0,0 +1,123 @@
+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 React from 'react';
+import { getBoundingRect } from '../_utils/dom';
+import { getAnchorPosition } from '../_utils/getAnchorPosition';
+import { useLayoutEventListener } from './EventListener';
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export var initAnchor = {
+    left: 0,
+    minWidth: 0,
+    placement: 'bottom-left',
+    top: 0,
+};
+/* HOOK */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function useAnchor(_a) {
+    var _b = _a.canFlip, canFlip = _b === void 0 ? true : _b, _c = _a.dependencies, dependencies = _c === void 0 ? [] : _c, _d = _a.onLayout, onLayout = _d === void 0 ? function () { } : _d, _e = _a.padding, padding = _e === void 0 ? 0 : _e, _f = _a.placement, placement = _f === void 0 ? 'bottom-left' : _f, overlayRef = _a.overlayRef, targetRef = _a.targetRef, _g = _a.shrinkOverlay, shrinkOverlay = _g === void 0 ? false : _g, _h = _a.isFlyout, isFlyout = _h === void 0 ? false : _h;
+    var _j = React.useState(__assign(__assign({}, initAnchor), { placement: placement })), anchor = _j[0], setAnchor = _j[1];
+    var viewChangeHandler = function () {
+        if (overlayRef.current && targetRef.current) {
+            var target = getBoundingRect(targetRef.current);
+            if (!shrinkOverlay) {
+                // we should set minWidth before calculation
+                overlayRef.current.style.minWidth = "".concat(target.width, "px");
+            }
+            var newAnchor = getAnchorPosition(placement, padding, undefined, target, getBoundingRect(overlayRef.current), canFlip, isFlyout);
+            if (newAnchor.placement !== anchor.placement) {
+                setAnchor(newAnchor);
+            }
+            onLayout(newAnchor);
+        }
+    };
+    useLayoutEventListener({
+        event: 'scroll',
+        handler: viewChangeHandler,
+        options: {
+            capture: true,
+        },
+    });
+    useLayoutEventListener({
+        event: 'resize',
+        handler: viewChangeHandler,
+    });
+    useLayoutEventListener({
+        event: 'load',
+        handler: viewChangeHandler,
+    });
+    React.useLayoutEffect(function () {
+        viewChangeHandler();
+    }, __spreadArray([overlayRef], dependencies, true));
+    return anchor;
+}
+/* RENDER PROP */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function Anchor(_a) {
+    var children = _a.children, overlayRef = _a.overlayRef, targetRef = _a.targetRef, props = __rest(_a, ["children", "overlayRef", "targetRef"]);
+    var anchor = useAnchor(__assign(__assign({}, props), { overlayRef: overlayRef, targetRef: targetRef }));
+    var content = typeof children === 'function'
+        ? children(anchor)
+        : children;
+    return (content &&
+        React.cloneElement(content, __assign(__assign({}, content.props), { placement: anchor.placement, ref: overlayRef })));
+}
+/* CONTEXT */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export var AnchorContext = React.createContext(initAnchor);
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function AnchorProvider(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(AnchorContext.Provider, { value: useAnchor(props) }, children));
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function useAnchorContext() {
+    return React.useContext(AnchorContext);
+}
+//# sourceMappingURL=Anchor.js.map

package/dist/_hooks/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../src/_hooks/Anchor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AA4CxD;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAc;IACnC,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,aAAa;IACxB,GAAG,EAAE,CAAC;CACP,CAAA;AAED,UAAU;AACV;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAUX;QATb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,iBAAyB,EAAzB,SAAS,mBAAG,aAAa,KAAA,EACzB,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEV,IAAA,KAAsB,KAAK,CAAC,QAAQ,uBACrC,UAAU,KACb,SAAS,WAAA,IACT,EAHK,MAAM,QAAA,EAAE,SAAS,QAGtB,CAAA;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,UAAU,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YAC3C,IAAM,MAAM,GAAG,eAAe,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAEjD,IAAI,CAAC,aAAa,EAAE;gBAClB,4CAA4C;gBAC5C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAG,MAAM,CAAC,KAAK,OAAI,CAAA;aACxD;YAED,IAAM,SAAS,GAAG,iBAAiB,CACjC,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,EACnC,OAAO,EACP,QAAQ,CACT,CAAA;YACD,IAAI,SAAS,CAAC,SAAS,KAAK,MAAM,CAAC,SAAS,EAAE;gBAC5C,SAAS,CAAC,SAAS,CAAC,CAAA;aACrB;YACD,QAAQ,CAAC,SAAS,CAAC,CAAA;SACpB;IACH,CAAC,CAAA;IAED,sBAAsB,CAAC;QACrB,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,iBAAiB;QAC1B,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;SACd;KACF,CAAC,CAAA;IAEF,sBAAsB,CAAC;QACrB,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,iBAAiB;KAC3B,CAAC,CAAA;IAEF,sBAAsB,CAAC;QACrB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,iBAAiB;KAC3B,CAAC,CAAA;IAEF,KAAK,CAAC,eAAe,CAAC;QACpB,iBAAiB,EAAE,CAAA;IACrB,CAAC,iBAAG,UAAU,GAAK,YAAY,QAAE,CAAA;IAEjC,OAAO,MAAM,CAAA;AACf,CAAC;AAED,iBAAiB;AAEjB;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EAKT;IAJZ,IAAA,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cAJa,uCAKtB,CADS;IAER,IAAM,MAAM,GAAG,SAAS,uBACnB,KAAK,KACR,UAAU,YAAA,EACV,SAAS,WAAA,IACT,CAAA;IAEF,IAAM,OAAO,GACX,OAAO,QAAQ,KAAK,UAAU;QAC5B,CAAC,CAAE,QAAqD,CAAC,MAAM,CAAC;QAChE,CAAC,CAAE,QAA+B,CAAA;IAEtC,OAAO,CACL,OAAO;QACP,KAAK,CAAC,YAAY,CAAC,OAAO,wBACrB,OAAO,CAAC,KAAK,KAChB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,UAAU,IACf,CACH,CAAA;AACH,CAAC;AAED,aAAa;AACb;;;GAGG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;AAE5D;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAmC;IAAjC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjD,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAC5C,QAAQ,CACc,CAC1B,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AACxC,CAAC"}

package/dist/_hooks/Autofocus.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface Config {
+    /**
+     * @since 10.19.0
+     */
+    enabled: boolean;
+    /**
+     * @since 10.19.0
+     */
+    ref: any;
+}
+interface AutofocusProps {
+    /**
+     * @since 10.19.0
+     */
+    enabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    children: React.ReactElement;
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare const Autofocus: React.ForwardRefExoticComponent<AutofocusProps & React.RefAttributes<HTMLElement>>;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useAutofocus({ enabled, ref }: Config): void;
+export {};

package/dist/_hooks/Autofocus.js

@@ -0,0 +1,69 @@
+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';
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export var Autofocus = React.forwardRef(function Autofocus(_a, ref) {
+    var children = _a.children, _b = _a.enabled, enabled = _b === void 0 ? true : _b, props = __rest(_a, ["children", "enabled"]);
+    var childRef = children.ref;
+    var scope = React.createRef();
+    useAutofocus({ ref: scope, enabled: enabled });
+    useSharedRef({ ref: scope, refs: [ref, childRef] });
+    if (React.isValidElement(children)) {
+        return React.cloneElement(children, __assign(__assign({}, props), { ref: scope }));
+    }
+    return children;
+});
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function useAutofocus(_a) {
+    var _b = _a.enabled, enabled = _b === void 0 ? true : _b, ref = _a.ref;
+    React.useLayoutEffect(function () {
+        enabled && ref && ref.current && ref.current.focus();
+    }, [ref.current]);
+}
+// ==========
+// SHARED REF
+// ==========
+// TODO: Move to own hook
+function useSharedRef(_a) {
+    var ref = _a.ref, refs = _a.refs;
+    React.useLayoutEffect(function () {
+        refs.forEach(function (reference) {
+            if (reference) {
+                if (typeof reference === 'function') {
+                    reference;
+                    reference(ref.current);
+                }
+                else {
+                    reference.current = ref.current;
+                }
+            }
+        });
+    }, [ref]);
+}
+//# sourceMappingURL=Autofocus.js.map

package/dist/_hooks/Autofocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autofocus.js","sourceRoot":"","sources":["../../src/_hooks/Autofocus.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwBzB;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,SAAS,SAAS,CAAC,EAAsC,EAAE,GAAG;IAAzC,IAAA,QAAQ,cAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAK,KAAK,cAApC,uBAAsC,CAAF;IACrD,IAAM,QAAQ,GAAI,QAAsC,CAAC,GAAG,CAAA;IAC5D,IAAM,KAAK,GAAG,KAAK,CAAC,SAAS,EAAe,CAAA;IAE5C,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEnD,IAAI,KAAK,CAAC,cAAc,CAAwC,QAAQ,CAAC,EAAE;QACzE,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,wBAAO,KAAK,KAAE,GAAG,EAAE,KAAK,IAAG,CAAA;KAC9D;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CACF,CAAA;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAA+B;QAA7B,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,GAAG,SAAA;IAChD,KAAK,CAAC,eAAe,CAAC;QACpB,OAAO,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IACtD,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;AACnB,CAAC;AAOD,aAAa;AACb,aAAa;AACb,aAAa;AACb,yBAAyB;AAEzB,SAAS,YAAY,CAAC,EAA8B;QAA5B,GAAG,SAAA,EAAE,IAAI,UAAA;IAC/B,KAAK,CAAC,eAAe,CAAC;QACpB,IAAI,CAAC,OAAO,CACV,UAAC,SAAgE;YAC/D,IAAI,SAAS,EAAE;gBACb,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;oBACnC,SAAS,CAAA;oBACT,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;iBACvB;qBAAM;oBACL,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;iBAChC;aACF;QACH,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AACX,CAAC"}

package/dist/_hooks/BoundingRect.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Rect } from '../_utils/dom';
+interface BoundingRectConfig {
+    dependencies?: Array<any>;
+}
+interface Props extends BoundingRectConfig {
+    children: React.ReactNode;
+}
+interface RenderProps extends BoundingRectConfig {
+    children: (props: BoundingRectApi) => {};
+}
+interface BoundingRectApi {
+    ref: React.RefObject<any>;
+    rect: Rect;
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useBoundingRect({ dependencies, }?: BoundingRectConfig): BoundingRectApi;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function BoundingRect({ children, ...props }: RenderProps): {};
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare const BoundingRectContext: React.Context<BoundingRectApi>;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function BoundingRectProvider({ children, ...props }: Props): JSX.Element;
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export declare function useBoundingRectContext(): BoundingRectApi;
+export {};

package/dist/_hooks/BoundingRect.js

@@ -0,0 +1,74 @@
+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 React from 'react';
+import { defaultRect, getBoundingRect } from '../_utils/dom';
+/* HOOK */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function useBoundingRect(_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.dependencies, dependencies = _c === void 0 ? [] : _c;
+    var ref = React.useRef(null);
+    var _d = React.useState(defaultRect), rect = _d[0], setRect = _d[1];
+    React.useLayoutEffect(function () {
+        if (ref.current) {
+            setRect(getBoundingRect(ref.current));
+        }
+    }, __spreadArray([ref.current], dependencies, true)); // TODO Fix
+    return { ref: ref, rect: rect };
+}
+/* RENDER PROP */
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function BoundingRect(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var boundingRect = useBoundingRect(props);
+    return typeof children === 'function' ? children(boundingRect) : children;
+}
+/* CONTEXT */
+var context = {
+    ref: { current: null },
+    rect: defaultRect,
+};
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export var BoundingRectContext = React.createContext(context);
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function BoundingRectProvider(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(BoundingRectContext.Provider, { value: useBoundingRect(props) }, children));
+}
+/**
+ * @deprecatedSince 9
+ * @deprecated Never officially documented/supported
+ */
+export function useBoundingRectContext() {
+    return React.useContext(BoundingRectContext);
+}
+//# sourceMappingURL=BoundingRect.js.map

package/dist/_hooks/BoundingRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoundingRect.js","sourceRoot":"","sources":["../../src/_hooks/BoundingRect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAQ,MAAM,eAAe,CAAA;AAmBlE,UAAU;AAEV;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAEN;QAFM,qBAER,EAAE,KAAA,EADxB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA;IAEjB,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAM,IAAI,CAAC,CAAA;IAE7B,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAA5C,IAAI,QAAA,EAAE,OAAO,QAA+B,CAAA;IAEnD,KAAK,CAAC,eAAe,CAAC;QACpB,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;SACtC;IACH,CAAC,iBAAG,GAAG,CAAC,OAAO,GAAK,YAAY,QAAE,CAAA,CAAC,WAAW;IAE9C,OAAO,EAAE,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,CAAA;AACtB,CAAC;AAED,iBAAiB;AAEjB;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAmC;IAAjC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC/C,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAE3C,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC3E,CAAC;AAED,aAAa;AAEb,IAAM,OAAO,GAAoB;IAC/B,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IACtB,IAAI,EAAE,WAAW;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;AAE/D;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACvD,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,IACxD,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA;AAC9C,CAAC"}