@atlaskit/react-ufo 1.0.1 → 2.0.0

package/dist/types-ts4.5/ssr/index.d.ts

@@ -0,0 +1,21 @@
+export type FeatureFlagValue = boolean | string | number | Record<any, any>;
+export type ReportedTiming = {
+    startTime: number;
+    duration: number;
+};
+export type ReportedTimings = {
+    [key: string]: ReportedTiming;
+};
+export type SSRFeatureFlags = {
+    [key: string]: FeatureFlagValue;
+};
+export type SSRConfig = {
+    getDoneMark: () => number | null;
+    getFeatureFlags: () => SSRFeatureFlags | null;
+    getTimings?: () => ReportedTimings | null;
+};
+export declare function configure(ssrConfig: SSRConfig): void;
+export declare function getSSRTimings(): ReportedTimings;
+export declare function getSSRSuccess(): boolean;
+export declare function getSSRDoneTime(): number | undefined;
+export declare function getSSRFeatureFlags(): SSRFeatureFlags | undefined;

package/dist/types-ts4.5/trace-interaction/index.d.ts

@@ -0,0 +1,2 @@
+import type { UIEvent } from 'react';
+export default function traceUFOInteraction(name: string, event: UIEvent): void;

package/dist/types-ts4.5/trace-pageload/index.d.ts

@@ -0,0 +1,2 @@
+export default function traceUFOPageLoad(ufoName?: string | null | undefined, routeName?: string | null | undefined): void;
+export declare function updatePageloadName(ufoName: string, routeName?: string | null | undefined): void;

package/dist/types-ts4.5/trace-press/index.d.ts

@@ -0,0 +1 @@
+export default function traceUFOPress(name: string, timestamp?: number): void;

package/dist/types-ts4.5/trace-redirect/index.d.ts

@@ -0,0 +1 @@
+export default function traceUFORedirect(fromUfoName: string, nextUfoName: string, nextRouteName: string, time: number): void;

package/dist/types-ts4.5/trace-transition/index.d.ts

@@ -0,0 +1,2 @@
+export default function traceUFOTransition(ufoName: string | null | undefined, routeName?: string | null | undefined): void;
+export declare function useUFOTransitionCompleter(): void;

package/dist/types-ts4.5/trace-transition/utils/generate-span-id/index.d.ts

@@ -0,0 +1 @@
+export declare const generateSpanId: () => string;

package/dist/types-ts4.5/trace-transition/utils/set-interaction-active-trace/index.d.ts

@@ -0,0 +1 @@
+export declare const setInteractionActiveTrace: (newId: string) => void;

package/dist/types-ts4.5/typing-performance-tracing/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function useUFOTypingPerformanceTracing<T extends HTMLElement>(name: string): import("react").RefObject<T>;

package/dist/types-ts4.5/use-press-tracing/index.d.ts

@@ -0,0 +1 @@
+export default function usePressTracing(name: string): (timeStamp?: number) => void;

package/dist/types-ts4.5/vc/index.d.ts

@@ -0,0 +1,2 @@
+import { VCObserver, type VCObserverOptions } from './vc-observer';
+export declare const getVCObserver: (opts?: VCObserverOptions) => VCObserver;

package/dist/types-ts4.5/vc/vc-observer/attachAbortListeners.d.ts

@@ -0,0 +1,6 @@
+import { type UnbindFn } from 'bind-event-listener';
+import { AbortEvent } from '../../common/vc/types';
+export declare const attachAbortListeners: (window: Window, initialViewPort: {
+    w: number;
+    h: number;
+}, callback: (key: keyof typeof AbortEvent, time: number) => void) => UnbindFn[];

package/dist/types-ts4.5/vc/vc-observer/getViewport.d.ts

@@ -0,0 +1,2 @@
+export declare function getViewportWidth(document?: Document): number;
+export declare function getViewportHeight(document?: Document): number;

package/dist/types-ts4.5/vc/vc-observer/index.d.ts

@@ -0,0 +1,98 @@
+import { type UnbindFn } from 'bind-event-listener';
+import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
+import { Observers, type SelectorConfig } from './observers';
+type GetVCResultType = {
+    start: number;
+    stop: number;
+    tti: number;
+    prefix?: string;
+    ssr?: number;
+    vc?: VCRawDataType | null;
+};
+export type VCObserverOptions = {
+    heatmapSize?: number | undefined;
+    oldDomUpdates?: boolean | undefined;
+    devToolsEnabled?: boolean | undefined;
+    selectorConfig?: SelectorConfig | undefined;
+    isPostInteraction?: boolean;
+};
+export declare class VCObserver {
+    abortReason: VCAbortReasonType;
+    outOfBoundaryInfo: string;
+    /** config * */
+    static VCParts: string[];
+    viewport: {
+        w: number;
+        h: number;
+    };
+    arraySize: number;
+    heatmap: number[][];
+    ssrInclusiveHeatmap: number[][];
+    componentsLog: ComponentsLogType;
+    vcRatios: VCRatioType;
+    active: boolean;
+    totalTime: number;
+    startTime: number;
+    observers: Observers;
+    private _startMeasureTimestamp;
+    ssr: {
+        reactRendered: number;
+    };
+    devToolsEnabled: boolean;
+    oldDomUpdatesEnabled: boolean;
+    unbind: UnbindFn[];
+    isPostInteraction?: boolean;
+    constructor(options: VCObserverOptions);
+    start({ startTime }: {
+        startTime: number;
+    }): void;
+    stop(): void;
+    getAbortReasonInfo: () => string | null;
+    getVCRawData: () => VCRawDataType | null;
+    getIgnoredElements(componentsLog: ComponentsLogType): {
+        targetName: string;
+        ignoreReason: VCIgnoreReason | undefined;
+    }[];
+    getVCResult: ({ start, stop, tti, prefix, ssr, vc }: GetVCResultType) => VCResult;
+    static calculateVC({ heatmap, ssr, componentsLog, viewport, }: {
+        heatmap: number[][];
+        ssr?: number;
+        componentsLog: ComponentsLogType;
+        viewport: {
+            w: number;
+            h: number;
+        };
+    }): {
+        VC: {
+            [key: string]: number | null;
+        };
+        VCBox: {
+            [key: string]: string[] | null;
+        };
+        VCEntries: {
+            abs: number[][];
+            rel: VCEntryType[];
+        };
+        totalPainted: number;
+    };
+    setSSRElement(element: HTMLElement): void;
+    setReactRootRenderStart(startTime?: number): void;
+    setReactRootRenderStop(stopTime?: number): void;
+    private handleUpdate;
+    private setAbortReason;
+    private resetState;
+    private getCleanHeatmap;
+    private setViewportSize;
+    private mapPixelsToHeatmap;
+    private getElementRatio;
+    private applyChangesToHeatMap;
+    static makeVCReturnObj<T>(): {
+        [key: string]: T | null;
+    };
+    private abortReasonCallback;
+    private attachAbortListeners;
+    private detachAbortListeners;
+    private measureStart;
+    private measureStop;
+}
+export {};

package/dist/types-ts4.5/vc/vc-observer/media-wrapper/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+};
+export declare const MEDIA_WRAPPER_TAG = "data-media-vc-wrapper";
+export default function MediaWrapper({ children }: Props): JSX.Element;
+export {};

package/dist/types-ts4.5/vc/vc-observer/media-wrapper/vc-utils.d.ts

@@ -0,0 +1 @@
+export declare const isContainedWithinMediaWrapper: (node: Node | null) => boolean;

package/dist/types-ts4.5/vc/vc-observer/observers/index.d.ts

@@ -0,0 +1,39 @@
+import type { BrowserObservers, Callback } from './types';
+export type SelectorConfig = {
+    id: boolean;
+    testId: boolean;
+    role: boolean;
+    className: boolean;
+    dataVC?: boolean;
+};
+type ConstructorOptions = {
+    selectorConfig: SelectorConfig;
+};
+export declare class Observers implements BrowserObservers {
+    private intersectionObserver;
+    private mutationObserver;
+    private observedMutations;
+    private elementsInView;
+    private callbacks;
+    private totalTime;
+    private _startMeasureTimestamp;
+    private ssrPlaceholderHandler;
+    private ssr;
+    private selectorConfig;
+    constructor(opts: ConstructorOptions);
+    isBrowserSupported(): boolean;
+    observe(): void;
+    disconnect(): void;
+    subscribeResults: (cb: Callback) => void;
+    getTotalTime(): number;
+    setReactRootElement(element: HTMLElement): void;
+    setReactRootRenderStart(startTime?: number): void;
+    setReactRootRenderStop(stopTime?: number): void;
+    private observeElement;
+    private getMutationObserver;
+    private getElementName;
+    private getIntersectionObserver;
+    private measureStart;
+    private measureStop;
+}
+export {};

package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/index.d.ts

@@ -0,0 +1,23 @@
+export declare class SSRPlaceholderHandlers {
+    private staticPlaceholders;
+    private callbacks;
+    private getSizeCallbacks;
+    private reactValidateCallbacks;
+    private intersectionObserver;
+    constructor();
+    clear(): void;
+    isPlaceholder(element: HTMLElement): boolean;
+    isPlaceholderReplacement(element: HTMLElement): boolean;
+    isPlaceholderIgnored(element: HTMLElement): boolean;
+    findNearestPlaceholderContainerIfIgnored(element: HTMLElement): HTMLElement;
+    checkIfExistedAndSizeMatching(el: HTMLElement): Promise<unknown>;
+    getSize(el: HTMLElement): Promise<unknown>;
+    validateReactComponentMatchToPlaceholder(el: HTMLElement): Promise<unknown>;
+    hasSameSizePosition(rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | undefined, boundingClientRect: DOMRectReadOnly): boolean;
+    intersectionObserverCallback: ({ target, boundingClientRect }: IntersectionObserverEntry) => void;
+}

package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/bindAbortListeners.d.ts

@@ -0,0 +1 @@
+export declare function bindAbortListeners(document: Document, window: Window): void;

package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.d.ts

@@ -0,0 +1 @@
+export declare function collectSSRPlaceholderDimensions(document: Document, window: Window): void;

package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/index.d.ts

@@ -0,0 +1,2 @@
+export { collectSSRPlaceholderDimensions } from './collectSSRPlaceholderDimensions';
+export { bindAbortListeners } from './bindAbortListeners';

package/dist/types-ts4.5/vc/vc-observer/observers/types.d.ts

@@ -0,0 +1,11 @@
+import { type VCIgnoreReason } from '../../../common/vc/types';
+export type Callback = (time: number, box: DOMRectReadOnly, targetName: string, node: HTMLElement, ignoreReason?: VCIgnoreReason) => void;
+export type MutationRecordWithTimestamp = MutationRecord & {
+    timestamp?: number;
+};
+export interface BrowserObservers {
+    observe: () => void;
+    disconnect: () => void;
+    subscribeResults: (cb: Callback) => void;
+    getTotalTime: () => number;
+}

package/experience-trace-id-context/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/experience-trace-id-context",
+  "main": "../dist/cjs/experience-trace-id-context/index.js",
+  "module": "../dist/esm/experience-trace-id-context/index.js",
+  "module:es2019": "../dist/es2019/experience-trace-id-context/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/experience-trace-id-context/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/experience-trace-id-context/index.d.ts"
+      ]
+    }
+  }
+}

package/feature-flags-accessed/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/feature-flags-accessed",
+  "main": "../dist/cjs/feature-flags-accessed/index.js",
+  "module": "../dist/esm/feature-flags-accessed/index.js",
+  "module:es2019": "../dist/es2019/feature-flags-accessed/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/feature-flags-accessed/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/feature-flags-accessed/index.d.ts"
+      ]
+    }
+  }
+}

package/generate-id/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/generate-id",
+  "main": "../dist/cjs/generate-id/index.js",
+  "module": "../dist/esm/generate-id/index.js",
+  "module:es2019": "../dist/es2019/generate-id/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/generate-id/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/generate-id/index.d.ts"
+      ]
+    }
+  }
+}

package/global-error-handler/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/global-error-handler",
+  "main": "../dist/cjs/global-error-handler/index.js",
+  "module": "../dist/esm/global-error-handler/index.js",
+  "module:es2019": "../dist/es2019/global-error-handler/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/global-error-handler/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/global-error-handler/index.d.ts"
+      ]
+    }
+  }
+}

package/hidden-timing/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/hidden-timing",
+  "main": "../dist/cjs/hidden-timing/index.js",
+  "module": "../dist/esm/hidden-timing/index.js",
+  "module:es2019": "../dist/es2019/hidden-timing/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/hidden-timing/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/hidden-timing/index.d.ts"
+      ]
+    }
+  }
+}

package/initial-page-load-extra-timing/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/initial-page-load-extra-timing",
+  "main": "../dist/cjs/initial-page-load-extra-timing/index.js",
+  "module": "../dist/esm/initial-page-load-extra-timing/index.js",
+  "module:es2019": "../dist/es2019/initial-page-load-extra-timing/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/initial-page-load-extra-timing/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/initial-page-load-extra-timing/index.d.ts"
+      ]
+    }
+  }
+}

package/interaction-context/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/interaction-context",
+  "main": "../dist/cjs/interaction-context/index.js",
+  "module": "../dist/esm/interaction-context/index.js",
+  "module:es2019": "../dist/es2019/interaction-context/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/interaction-context/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/interaction-context/index.d.ts"
+      ]
+    }
+  }
+}

package/interaction-id-context/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/interaction-id-context",
+  "main": "../dist/cjs/interaction-id-context/index.js",
+  "module": "../dist/esm/interaction-id-context/index.js",
+  "module:es2019": "../dist/es2019/interaction-id-context/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/interaction-id-context/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/interaction-id-context/index.d.ts"
+      ]
+    }
+  }
+}

package/interaction-metrics-init/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/interaction-metrics-init",
+  "main": "../dist/cjs/interaction-metrics-init/index.js",
+  "module": "../dist/esm/interaction-metrics-init/index.js",
+  "module:es2019": "../dist/es2019/interaction-metrics-init/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/interaction-metrics-init/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/interaction-metrics-init/index.d.ts"
+      ]
+    }
+  }
+}

package/label/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/label",
+  "main": "../dist/cjs/label/index.js",
+  "module": "../dist/esm/label/index.js",
+  "module:es2019": "../dist/es2019/label/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/label/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/label/index.d.ts"
+      ]
+    }
+  }
+}

package/load-hold/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/load-hold",
+  "main": "../dist/cjs/load-hold/index.js",
+  "module": "../dist/esm/load-hold/index.js",
+  "module:es2019": "../dist/es2019/load-hold/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/load-hold/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/load-hold/index.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "1.0.1",
+	"version": "2.0.0",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,17 +27,64 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"af:exports": {
-		"./common": "./src/common/types.ts",
+		"./additional-payload": "./src/additional-payload/index.ts",
+		"./bundle-eval-timing": "./src/bundle-eval-timing/index.ts",
+		"./coinflip": "./src/coinflip/index.ts",
+		"./common": "./src/common/index.ts",
+		"./config": "./src/config/index.ts",
+		"./create-payload": "./src/create-payload/index.ts",
+		"./create-post-interaction-log-payload": "./src/create-post-interaction-log-payload/index.ts",
+		"./custom-data": "./src/custom-data/index.ts",
+		"./custom-mark": "./src/custom-mark/index.ts",
+		"./custom-spans": "./src/custom-spans/index.ts",
+		"./custom-timings": "./src/custom-timings/index.ts",
+		"./experience-trace-id-context": "./src/experience-trace-id-context/index.ts",
+		"./feature-flags-accessed": "./src/feature-flags-accessed/index.ts",
+		"./generate-id": "./src/generate-id/index.ts",
+		"./global-error-handler": "./src/global-error-handler/index.ts",
+		"./hidden-timing": "./src/hidden-timing/index.ts",
+		"./initial-page-load-extra-timing": "./src/initial-page-load-extra-timing/index.ts",
+		"./interaction-context": "./src/interaction-context/index.ts",
+		"./interaction-id-context": "./src/interaction-id-context/index.ts",
 		"./interaction-metrics": "./src/interaction-metrics/index.ts",
+		"./interaction-metrics-init": "./src/interaction-metrics-init/index.ts",
+		"./label": "./src/label/index.ts",
+		"./load-hold": "./src/load-hold/index.ts",
+		"./placeholder": "./src/placeholder/index.ts",
+		"./resource-timing": "./src/resource-timing/index.ts",
+		"./round-number": "./src/round-number/index.ts",
+		"./route-name": "./src/route-name/index.ts",
+		"./route-name-context": "./src/route-name-context/index.ts",
+		"./segment": "./src/segment/index.ts",
+		"./set-interaction-error": "./src/set-interaction-error/index.ts",
+		"./short-id": "./src/short-id/index.ts",
+		"./ssr": "./src/ssr/index.ts",
+		"./ssr-scripts": "./src/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/index.ts",
+		"./trace-interaction": "./src/trace-interaction/index.ts",
+		"./trace-pageload": "./src/trace-pageload/index.ts",
+		"./trace-press": "./src/trace-press/index.ts",
+		"./trace-redirect": "./src/trace-redirect/index.ts",
+		"./trace-transition": "./src/trace-transition/index.ts",
+		"./typing-performance-tracing": "./src/typing-performance-tracing/index.ts",
+		"./use-press-tracing": "./src/use-press-tracing/index.ts",
+		"./vc": "./src/vc/index.ts",
+		"./vc/media": "./src/vc/vc-observer/media-wrapper/index.tsx",
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@babel/runtime": "^7.0.0"
+		"@atlaskit/interaction-context": "^2.1.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@babel/runtime": "^7.0.0",
+		"bind-event-listener": "^3.0.0",
+		"bowser-ultralight": "^1.0.6",
+		"scheduler": "0.19.1",
+		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"devDependencies": {
+		"@atlassian/a11y-jest-testing": "*",
 		"@testing-library/react": "^12.1.5"
 	},
 	"techstack": {
@@ -74,5 +121,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"no_ssr_placeholder_check_when_not_intersecting": {
+			"type": "boolean"
+		}
 	}
 }

package/placeholder/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/placeholder",
+  "main": "../dist/cjs/placeholder/index.js",
+  "module": "../dist/esm/placeholder/index.js",
+  "module:es2019": "../dist/es2019/placeholder/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/placeholder/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/placeholder/index.d.ts"
+      ]
+    }
+  }
+}

package/resource-timing/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/resource-timing",
+  "main": "../dist/cjs/resource-timing/index.js",
+  "module": "../dist/esm/resource-timing/index.js",
+  "module:es2019": "../dist/es2019/resource-timing/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/resource-timing/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/resource-timing/index.d.ts"
+      ]
+    }
+  }
+}

package/round-number/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/round-number",
+  "main": "../dist/cjs/round-number/index.js",
+  "module": "../dist/esm/round-number/index.js",
+  "module:es2019": "../dist/es2019/round-number/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/round-number/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/round-number/index.d.ts"
+      ]
+    }
+  }
+}

package/route-name/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/route-name",
+  "main": "../dist/cjs/route-name/index.js",
+  "module": "../dist/esm/route-name/index.js",
+  "module:es2019": "../dist/es2019/route-name/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/route-name/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/route-name/index.d.ts"
+      ]
+    }
+  }
+}

package/route-name-context/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/route-name-context",
+  "main": "../dist/cjs/route-name-context/index.js",
+  "module": "../dist/esm/route-name-context/index.js",
+  "module:es2019": "../dist/es2019/route-name-context/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/route-name-context/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/route-name-context/index.d.ts"
+      ]
+    }
+  }
+}

package/segment/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/react-ufo/segment",
+  "main": "../dist/cjs/segment/index.js",
+  "module": "../dist/esm/segment/index.js",
+  "module:es2019": "../dist/es2019/segment/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/segment/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/segment/index.d.ts"
+      ]
+    }
+  }
+}