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

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

@@ -0,0 +1,418 @@
+import React from 'react';
+import { FixedSizeListProps, ListChildComponentProps } from 'react-window';
+import { BoxProps } from '../../layouts/Box';
+import { DivAttributes } from '../../utils/types';
+import { OverlayProps } from '../Overlay';
+declare type NodeType = 'branch' | 'leaf';
+export declare type NodeId = number | string;
+export interface Node {
+    /**
+     * @since 10.19.0
+     */
+    id: NodeId;
+}
+export interface DefaultNode extends Node {
+    /**
+     * @since 10.19.0
+     */
+    name: string;
+    /**
+     * @since 10.19.0
+     */
+    parentId: NodeId;
+    /**
+     * @since 10.19.0
+     */
+    type: NodeType;
+}
+export interface LevelWise {
+    /**
+     * @since 10.19.0
+     */
+    level: number;
+}
+export interface UseTreeProps<T extends Node = Node, P extends CustomDataType<T> = Array<T>> {
+    /**
+     * @since 10.19.0
+     */
+    options: P;
+    /**
+     * @since 10.19.0
+     */
+    expanded: T['id'][];
+    /**
+     * @since 10.19.0
+     */
+    selected: T['id'][];
+    /**
+     * @since 10.19.0
+     */
+    selectionLimit: number;
+    /**
+     * @since 10.19.0
+     */
+    getRoot(data: P): T;
+    /**
+     * @since 10.19.0
+     */
+    getChildren(node: T): T[];
+    /**
+     * @since 10.19.0
+     */
+    getParentId(node: T): NodeId;
+    /**
+     * @since 10.19.0
+     */
+    autoExpandParent: boolean;
+    /**
+     * @since 10.19.0
+     */
+    multiple: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onSelect(nodes: T[]): void;
+    /**
+     * @since 10.19.0
+     */
+    onCollapse(node: T): void;
+    /**
+     * @since 10.19.0
+     */
+    onExpand(node: T): Promise<any>;
+}
+export interface TreeNodeAPI<T extends Node = Node> {
+    /**
+     * @since 10.19.0
+     */
+    nodes: (T & LevelWise)[];
+    /**
+     * @since 10.19.0
+     */
+    getIcon(props: T): React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    getLabel(props: T): string;
+    /**
+     * @since 10.19.0
+     */
+    getType(node: T): NodeType;
+    /**
+     * @since 10.19.0
+     */
+    isExpandable(node: T): boolean;
+    /**
+     * @since 10.19.0
+     */
+    isSelectable(node: T): boolean;
+    /**
+     * @since 10.19.0
+     */
+    isSelected(node: T): boolean;
+    /**
+     * @since 10.19.0
+     */
+    isLoading(node: T): boolean;
+    /**
+     * @since 10.19.0
+     */
+    isExpanded(node: T): boolean;
+    /**
+     * @since 10.19.0
+     */
+    highlight(node: T): void;
+    /**
+     * @since 10.19.0
+     */
+    isHighlighted(node: T): boolean;
+    /**
+     * @since 10.19.0
+     */
+    handleSelection(node: T): void;
+    /**
+     * @since 10.19.0
+     */
+    handleExpansion(node: T): void;
+    /**
+     * @since 10.19.0
+     */
+    rowRenderer(props: TreeRowProps<T>): React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    selectionLimit: number;
+    /**
+     * @since 10.19.0
+     */
+    isFileLimitReached: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isTreeFocused: boolean;
+    /**
+     * @since 10.19.0
+     */
+    treeContainer: HTMLDivElement;
+}
+export interface CustomDataType<T> {
+    /**
+     * @since 10.19.0
+     */
+    [key: string]: any;
+}
+export interface TreeRef<T extends Node = Node> {
+    /**
+     * @since 10.19.0
+     */
+    setSelected: (selected: T | T[]) => void;
+    /**
+     * @since 10.19.0
+     */
+    setExpanded: (expanded: T | T[]) => void;
+    /**
+     * @since 10.19.0
+     */
+    toggleSelected: (node: T) => void;
+    /**
+     * @since 10.19.0
+     */
+    toggleExpanded: (node: T) => void;
+    /**
+     * @since 10.19.0
+     */
+    rootEl: HTMLElement | null;
+}
+export interface TreeNodeProps extends ListChildComponentProps {
+    /**
+     * @since 10.19.0
+     */
+    data: TreeNodeAPI;
+}
+export interface TreeRowOverlayProps {
+    /**
+     * @since 10.19.0
+     */
+    overlayRef: OverlayProps['overlayRef'];
+    /**
+     * @since 10.19.0
+     */
+    targetRef: OverlayProps['targetRef'];
+    /**
+     * @since 10.19.0
+     */
+    message: {
+        key: string;
+        options?: object;
+    };
+}
+export interface TreeRowProps<T extends Node = Node> extends Omit<TreeNodeAPI, 'rowRenderer' | 'nodes' | 'highlight' | 'isTreeFocused'> {
+    /**
+     * @since 10.19.0
+     */
+    node: T & LevelWise;
+    /**
+     * @since 10.19.0
+     */
+    shouldShowTooltip: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isMouseOver: boolean;
+    /**
+     * @since 10.19.0
+     */
+    treeContainer: HTMLDivElement;
+}
+export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> = Array<T>> extends Omit<DivAttributes, 'onSelect'>, Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'> {
+    /**
+     * @since 10.19.0
+     */
+    options: P;
+    /**
+     * Array of keys of initially expanded nodes
+     * @since 10.19.0
+     */
+    expanded?: T['id'][];
+    /**
+     * Array of keys of initially selected nodes
+     * @since 10.19.0
+     */
+    selected?: T['id'][];
+    /**
+     * Number of nodes that can be selected
+     * @since 10.19.0
+     */
+    selectionLimit?: number;
+    /**
+     * Function should return parent <Code>Root Node</Code>
+     * <CodeBlock>{'(): Node'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getRoot?(data: P): T;
+    /**
+     * Should return an array of children nodes.
+     * <CodeBlock>{'(node: Node): Node[]'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getChildren?(node: T): T[];
+    /**
+     * This function will be executed on each node. Should return{' '}
+     * <Code>Icon</Code> component
+     * <CodeBlock>{'(node: Node): React.ReactNode'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getIcon?(node: T): React.ReactNode;
+    /**
+     * This function will be executed on each node. Should return{' '}
+     * <Code>label</Code> for row
+     * <CodeBlock>{'(node: Node): string'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getLabel?(node: T): string;
+    /**
+     * This function will be executed on each node. Should return parent{' '}
+     * <Code>Node</Code>
+     * <CodeBlock>{'(node: Node): NodeId'}</CodeBlock>
+     * @since 10.19.0
+     * */
+    getParentId?(node: T): NodeId;
+    /**
+     * This function will be executed on each node. Should return{' '}
+     * <Code>'branch'</Code> or <Code>'leaf'</Code>
+     * <CodeBlock>{'(node: Node): NodeType'}</CodeBlock>
+     * @since 10.19.0
+     */
+    getType?(node: T): NodeType;
+    /**
+     * Function of whether to enable tree node expansion/collapsing.
+     * <CodeBlock>{'(node: Node): boolean'}</CodeBlock>
+     * @since 10.19.0
+     */
+    isExpandable?(node: T): boolean;
+    /**
+     * Function of whether to enable tree node selection.
+     * <CodeBlock>{'(node: Node): boolean'}</CodeBlock>
+     * @since 10.19.0
+     */
+    isSelectable?(node: T): boolean;
+    /**
+     * Allows selection of multiple nodes
+     * @since 10.19.0
+     */
+    multiple?: boolean;
+    /**
+     * Number of visible nodes. Helps fix performance bottlenecks in large dataset
+     * @since 10.19.0
+     */
+    maxVisibleNodes?: number;
+    /**
+     * Height of the list. Helps fix performance bottlenecks in large dataset.
+     * @since 10.19.0
+     */
+    visibleHeight?: number;
+    /**
+     * Whether to expand parent node when a child node is expanded or selected
+     * @since 10.19.0
+     */
+    autoExpandParent?: boolean;
+    /**
+     * Callback return currently selected array of nodes.
+     * <CodeBlock>{'(nodes: Node[]): void'}</CodeBlock>
+     * @since 10.19.0
+     */
+    onSelect?(nodes: T[]): void;
+    /**
+     * Triggers when current node collapse
+     * <CodeBlock>{'(node: Node): void'}</CodeBlock>
+     * @since 10.19.0
+     */
+    onCollapse?(node: T): void;
+    /**
+     * Triggers when current node expand
+     * <CodeBlock>{'(node: Node): Promise<void>'}</CodeBlock>
+     * @since 10.19.0
+     */
+    onExpand?(node: T): Promise<any>;
+    /**
+     * Callback for rendering tree nodes
+     * <CodeBlock>{'(props: TreeRowProps): React.ReactNode'}</CodeBlock>
+     * @since 10.19.0
+     */
+    rowRenderer?(props: TreeRowProps<T>): React.ReactNode;
+}
+export interface IconContainerProps extends BoxProps {
+    /**
+     * @since 10.19.0
+     */
+    isSelected?: boolean;
+}
+export interface TreeRowTooltipProps {
+    /**
+     * @since 10.19.0
+     */
+    isHighlighted: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isSelected: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isSelectable: boolean;
+    /**
+     * @since 10.19.0
+     */
+    selectionLimit: number;
+    /**
+     * @since 10.19.0
+     */
+    isFileLimitReached: boolean;
+    /**
+     * @since 10.19.0
+     */
+    shouldShowTooltip: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isMouseOver: boolean;
+    /**
+     * @since 10.19.0
+     */
+    fileName: string;
+    /**
+     * @since 10.19.0
+     */
+    nodeType: NodeType;
+    /**
+     * @since 10.19.0
+     */
+    treeContainer: HTMLDivElement;
+}
+export interface TreeRowContainerProps extends Omit<DivAttributes, 'color'> {
+    /**
+     * @since 10.19.0
+     */
+    isHighlighted: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isSelected: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isSelectable: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isExpandable: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isFileLimitReached: boolean;
+    /**
+     * @since 10.19.0
+     */
+    level: number;
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { ROOT_NODE_ID as rootNodeId, Tree as default, Tree } from './Tree';
+export { NodeId, TreeNodeProps, TreeProps, TreeRowProps } from './Tree.types';

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

@@ -0,0 +1,2 @@
+export { ROOT_NODE_ID as rootNodeId, Tree as default, Tree } from './Tree';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Tree/mocks/treeMockData.d.ts

@@ -0,0 +1,8 @@
+import { NodeId } from '../Tree.types';
+export interface CustomNode {
+    id: number;
+    name: string;
+    parentId: NodeId;
+    file: boolean;
+}
+export declare function createMockData(amountOfNodes: number): CustomNode[];

package/dist/esm/components/Tree/mocks/treeMockData.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function generateRandomString(length) {
+    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    var charactersLength = characters.length;
+    var result = '';
+    for (var i = 0; i < length; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+}
+var root = {
+    id: 1,
+    name: 'Root Folder',
+    parentId: 'ROOT_ID',
+    file: false,
+};
+export function createMockData(amountOfNodes) {
+    var ids = [root.id];
+    var mockData = [root];
+    for (var i = 0, id = 2; i < amountOfNodes; i++, id++) {
+        mockData.push({
+            name: generateRandomString(5),
+            id: id,
+            file: false,
+            parentId: ids[Math.floor(Math.random() * ids.length)],
+        });
+        ids.push(id);
+    }
+    var foldersIds = mockData.map(function (item) { return item.parentId; });
+    var uniqueFolders = new Set(foldersIds);
+    return mockData.map(function (item) {
+        return uniqueFolders.has(item.id) ? item : __assign(__assign({}, item), { file: true });
+    });
+}
+//# sourceMappingURL=treeMockData.js.map

package/dist/esm/components/Tree/mocks/treeMockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeMockData.js","sourceRoot":"","sources":["../../../../../src/components/Tree/mocks/treeMockData.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,SAAS,oBAAoB,CAAC,MAAc;IAC1C,IAAM,UAAU,GACd,gEAAgE,CAAA;IAClE,IAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAE1C,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC1E;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AASD,IAAM,IAAI,GAAG;IACX,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,aAAqB;IAClD,IAAM,GAAG,GAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACzC,IAAM,QAAQ,GAAiB,CAAC,IAAI,CAAC,CAAA;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QACpD,QAAQ,CAAC,IAAI,CAAC;YACZ,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC;YAC7B,EAAE,IAAA;YACF,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;SACtD,CAAC,CAAA;QACF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;KACb;IACD,IAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAb,CAAa,CAAC,CAAA;IACxD,IAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAA;IAEzC,OAAO,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI;QACvB,OAAA,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,uBAAM,IAAI,KAAE,IAAI,EAAE,IAAI,GAAE;IAA3D,CAA2D,CAC5D,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TypeaheadInputProps, TypeaheadProps } from './Typeahead.types';
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-typeahead--demo)
+ */
+export declare const Typeahead: React.ForwardRefExoticComponent<TypeaheadInputProps & TypeaheadProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Typeahead/Typeahead.js

@@ -0,0 +1,49 @@
+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 { Clear, Search } from '@procore/core-icons/dist';
+import React from 'react';
+import { Button } from '../Button';
+import { StyledIcon, StyledInput, StyledTypeahead } from './Typeahead.styles';
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-typeahead--demo)
+ */
+export var Typeahead = React.forwardRef(function (_a, ref) {
+    var className = _a.className, disabled = _a.disabled, onChange_ = _a.onChange, style = _a.style, _b = _a.value, value = _b === void 0 ? '' : _b, props = __rest(_a, ["className", "disabled", "onChange", "style", "value"]);
+    var onChange = React.useCallback(function onChange(e) {
+        onChange_ === null || onChange_ === void 0 ? void 0 : onChange_(e.target.value, e);
+    }, [onChange_]);
+    var onKeyDown = React.useCallback(function onKeyDown(e) {
+        if (e.key === 'Escape' || e.key === 'Esc') {
+            onChange_ === null || onChange_ === void 0 ? void 0 : onChange_('', e);
+        }
+    }, [onChange_]);
+    var onClickClear = React.useCallback(function onClickClear(e) {
+        if (!disabled) {
+            onChange_ === null || onChange_ === void 0 ? void 0 : onChange_('', e);
+        }
+    }, [disabled, onChange_]);
+    return (React.createElement(StyledTypeahead, { className: className, style: style, "data-qa": props['data-qa'] },
+        React.createElement(StyledInput, __assign({}, props, { type: "search", "data-qa": "core-typeahead-input", ref: ref, onChange: onChange, onKeyDown: onKeyDown, disabled: disabled, value: value })),
+        React.createElement(StyledIcon, { disabled: disabled }, value ? (React.createElement(Button, { "aria-label": "Clear the input", "data-qa": "core-typeahead-clear-icon", size: "sm", variant: "tertiary", icon: React.createElement(Clear, null), disabled: disabled, onClick: onClickClear, tabIndex: -1 })) : (React.createElement(Search, { "data-qa": "core-typeahead-search-icon", size: "sm" })))));
+});
+//# sourceMappingURL=Typeahead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typeahead.js","sourceRoot":"","sources":["../../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAG7E;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,UACA,EAAyE,EACzE,GAAG;IADD,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAY,SAAS,cAAA,EAAE,KAAK,WAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAvE,uDAAyE,CAAF;IAGvE,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,SAAS,QAAQ,CAAC,CAAsC;QACtD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAChC,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,SAAS,SAAS,CAAC,CAAwC;QACzD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;YACzC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,EAAE,CAAC,CAAC,CAAA;SACnB;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,SAAS,YAAY,CAAC,CAAsC;QAC1D,IAAI,CAAC,QAAQ,EAAE;YACb,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,EAAE,CAAC,CAAC,CAAA;SACnB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAA;IAED,OAAO,CACL,oBAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,aACH,KAAK,CAAC,SAAS,CAAC;QAEzB,oBAAC,WAAW,eACN,KAAK,IACT,IAAI,EAAC,QAAQ,aACL,sBAAsB,EAC9B,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACZ;QACF,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,IAC3B,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,MAAM,kBACM,iBAAiB,aACpB,2BAA2B,EACnC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,oBAAC,KAAK,OAAG,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,eAAS,4BAA4B,EAAC,IAAI,EAAC,IAAI,GAAG,CAC1D,CACU,CACG,CACnB,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const StyledTypeahead: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/Typeahead/Typeahead.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 { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { getFocus } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+var inputHeight = 36;
+export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-appearance: textfield;\n  background-color: ", ";\n  border-color: ", ";\n  border-radius: ", "px;\n  border-style: solid;\n  border-width: 1px;\n  color: ", ";\n  display: block;\n  font-size: 14px;\n  height: ", "px;\n  letter-spacing: 0.25px;\n  padding: 0 ", "px 0 ", "px; // make room for the icon on the right\n  width: 100%;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  &:focus,\n  &.focus {\n    ", "\n  }\n\n  &:disabled {\n    border-color: ", ";\n    color: ", ";\n  }\n"], ["\n  -webkit-appearance: textfield;\n  background-color: ", ";\n  border-color: ", ";\n  border-radius: ", "px;\n  border-style: solid;\n  border-width: 1px;\n  color: ", ";\n  display: block;\n  font-size: 14px;\n  height: ", "px;\n  letter-spacing: 0.25px;\n  padding: 0 ", "px 0 ", "px; // make room for the icon on the right\n  width: 100%;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  &:focus,\n  &.focus {\n    ", "\n  }\n\n  &:disabled {\n    border-color: ", ";\n    color: ", ";\n  }\n"])), colors.white, colors.gray85, borderRadius.md, colors.gray15, inputHeight, spacing.xxl, spacing.md, colors.gray70, getFocus(), colors.gray96, colors.gray70);
+export var StyledIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  pointer-events: ", ";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: ", "px;\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  pointer-events: ", ";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: ", "px;\n"])), function (p) { return (p.disabled ? colors.gray70 : colors.gray45); }, inputHeight, function (p) { return (p.disabled ? 'none' : 'auto'); }, inputHeight);
+export var StyledTypeahead = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Typeahead.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typeahead.styles.js","sourceRoot":"","sources":["../../../../src/components/Typeahead/Typeahead.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qyBAAA,0DAEjB,EAAY,qBAChB,EAAa,sBACZ,EAAe,8DAGvB,EAAa,sDAGZ,EAAW,+CAER,EAAW,OAAQ,EAAU,+FAI/B,EAAa,uRAiBpB,EAAU,6CAII,EAAa,gBACpB,EAAa,UAEzB,KAtCqB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAGZ,WAAW,EAER,OAAO,CAAC,GAAG,EAAQ,OAAO,CAAC,EAAE,EAI/B,MAAM,CAAC,MAAM,EAiBpB,QAAQ,EAAE,EAII,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,0QAAwB,qCAEjD,EAAmD,iCAElD,EAAW,qDAEH,EAAqC,6DAI9C,EAAW,OACrB,KATU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAA5C,CAA4C,EAElD,WAAW,EAEH,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9B,CAA8B,EAI9C,WAAW,CACrB,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGxC,IAAA,CAAA"}

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

@@ -0,0 +1,12 @@
+export declare type TypeaheadChangeEvent = React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>;
+export declare type TypeaheadInputProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange'>;
+export interface TypeaheadProps {
+    /**
+     * @since 10.19.0
+     */
+    ['data-qa']?: string;
+    /**
+     * @since 10.19.0
+     */
+    onChange?: (value: string, event: TypeaheadChangeEvent) => void;
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { Typeahead as default, Typeahead } from './Typeahead';
+export { TypeaheadProps } from './Typeahead.types';

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SpanAttributes } from '../../utils/types';
+import { TypographyProps } from './Typography.types';
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-typography--demo)
+ */
+export declare const Typography: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/Typography/Typography.js

@@ -0,0 +1,33 @@
+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 { StyledTypography } from './Typography.styles';
+/**
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-typography--demo)
+ */
+export var Typography = React.forwardRef(function Typography(_a, ref) {
+    var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
+    return (React.createElement(StyledTypography, __assign({ "$color": color }, props, { ref: ref }), children));
+});
+Typography.displayName = 'Typography';
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD;;GAEG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,SAAS,UAAU,CAAC,EAA6B,EAAE,GAAG;IAAhC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/C,OAAO,CACL,oBAAC,gBAAgB,uBAAS,KAAK,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KACjD,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}