@procore/core-react 0.0.0-20230808121909

package/dist/MenuImperative/MenuImperative.types.d.ts

@@ -0,0 +1,260 @@
+import * as React from 'react';
+import { BoxProps } from '../Box';
+import { TypeaheadInputProps, TypeaheadProps } from '../Typeahead/Typeahead.types';
+import { Props } from '../_utils/types';
+export declare type Ref<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+declare type Div = React.ComponentPropsWithoutRef<'div'>;
+export interface Selection {
+    /**
+     * @since 10.19.0
+     */
+    event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>;
+    /**
+     * @since 10.19.0
+     */
+    group: boolean;
+    /**
+     * @since 10.19.0
+     */
+    item: any;
+    /**
+     * @since 10.19.0
+     */
+    action: 'selected' | 'unselected';
+}
+export interface Reorder {
+    /**
+     * @since 10.19.0
+     */
+    draggableId: string;
+    /**
+     * @since 10.19.0
+     */
+    source: {
+        index: number;
+        droppableId: string;
+    };
+    /**
+     * @since 10.19.0
+     */
+    destination: {
+        index: number;
+        droppableId: string;
+    };
+}
+declare type MenuRole = 'menu' | 'listbox' | 'none';
+export interface MenuProps extends Omit<Div, 'onSelect' | 'onDragEnd'> {
+    /**
+     * @since 10.19.0
+     */
+    circular?: boolean;
+    /**
+     * Set aria-multiselectable="true"
+     * @since 10.19.0
+     */
+    multiple?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onDragEnd?: (result: Reorder) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => any;
+    /**
+     * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.
+     *
+     * A listbox widget presents a list of options and allows a user to select one or more of them.
+     *
+     * @since 11.3.0
+     */
+    role?: MenuRole;
+    /**
+     * Used when navigation in the menu is controlled by search or another input,
+     * called each time virtual focus (highlighted item) is changed
+     * Consider use `useMenuImperativeControlNavigation` hook.
+     *
+     * @since 11.5.0
+     */
+    onChangeActiveDescendant?: (id: string | undefined) => void;
+    /**
+     * To override default menu navigation
+     * @since 11.5.0
+     */
+    onKeyboardNavigation?: React.KeyboardEventHandler;
+}
+export interface MenuRef {
+    /**
+     * @since 10.19.0
+     */
+    el: HTMLDivElement | null;
+    /**
+     * @since 10.19.0
+     */
+    highlight: (item: HTMLElement, shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightFirst: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightLast: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightSelected: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlightSuggested: (shouldScroll?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    highlighted: () => any;
+    /**
+     * @since 10.19.0
+     */
+    next: (circular?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    prev: (circular?: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    select: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     *  Usefully for extending navigation behavior with `onKeyboardNavigation`.
+     *  Pay attention that `ref` is `null` on first render.
+     *
+     *  ```
+     *  onKeyboardNavigation={(e) => {
+     *    if (e.key === 'Right' || e.key === 'ArrowRight') {
+     *        return navigateRight()
+     *    }
+     *
+     *    ref.defaultKeyDownNavigationHandler(e)
+     *  }}
+     *  ```
+     *
+     * @since 11.5.0
+     */
+    defaultKeyDownNavigationHandler: React.KeyboardEventHandler;
+}
+export interface ItemProps {
+    /**
+     * @since 10.19.0
+     */
+    item: any;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    suggested?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+}
+export interface ItemWithDraggingProps extends ItemProps {
+    /**
+     * @since 10.19.0
+     */
+    droppableIn: string | string[];
+    /**
+     * @since 10.19.0
+     */
+    draggableId: string;
+    /**
+     * @since 10.19.0
+     */
+    draggableIndex: number;
+}
+export interface GroupProps {
+    /**
+     * @since 10.19.0
+     */
+    clickable?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    item?: any;
+}
+export interface OptionsProps {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+}
+export interface MenuSearchProps extends Omit<TypeaheadProps, 'onChange'>, TypeaheadInputProps, Props {
+    /**
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @since 10.21.0
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface HeaderProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+}
+export interface DroppableProps {
+    /**
+     * @since 10.19.0
+     */
+    id: string;
+    /**
+     * @since 10.19.0
+     */
+    children: React.ReactNode;
+}
+export interface FooterProps extends Omit<BoxProps, 'as'> {
+}
+export interface MenuContext {
+    /**
+     * @since 11.5.0
+     */
+    a11yOptionsProps: {
+        role?: MenuRole;
+        onKeyboardNavigation?: React.KeyboardEventHandler | null;
+        tabIndex?: number;
+        id?: string;
+    };
+    /**
+     * @since 10.19.0
+     */
+    currentlyDroppableIn: string[];
+    /**
+     * @since 10.19.0
+     */
+    onHoverItem: (el?: HTMLDivElement) => void;
+    /**
+     * @since 10.19.0
+     */
+    onScrollBottom: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect: (selection: Selection) => void;
+    /**
+     * @since 11.3.0
+     */
+    role: MenuRole;
+}
+export {};

package/dist/MenuImperative/MenuImperative.types.js

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

package/dist/MenuImperative/MenuImperative.types.js.map

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

package/dist/MenuImperative/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuImperative as UNSAFE_Menu, useMenuImperativeControlNavigation as UNSAFE_useMenuImperativeControlNavigation, } from './MenuImperative';
+export { Selection as UNSAFE_Selection } from './MenuImperative.types';
+export { menuItemsWrapperAttribute as UNSAFE_menuItemsWrapperAttribute } from './sensors';

package/dist/MenuImperative/index.js

@@ -0,0 +1,3 @@
+export { MenuImperative as UNSAFE_Menu, useMenuImperativeControlNavigation as UNSAFE_useMenuImperativeControlNavigation, } from './MenuImperative';
+export { menuItemsWrapperAttribute as UNSAFE_menuItemsWrapperAttribute } from './sensors';
+//# sourceMappingURL=index.js.map

package/dist/MenuImperative/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuImperative/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,WAAW,EAC7B,kCAAkC,IAAI,yCAAyC,GAChF,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,yBAAyB,IAAI,gCAAgC,EAAE,MAAM,WAAW,CAAA"}

package/dist/MenuImperative/sensors.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SensorAPI } from 'react-beautiful-dnd';
+import { Selection } from './MenuImperative.types';
+export declare const menuItemsWrapperAttribute: {
+    "data-core-menuimperative-items-wrapper": string;
+};
+export declare function createSensors(ref: React.RefObject<HTMLDivElement>, circular: boolean, onChangeActiveDescendant: (id: string | undefined, menuRef: Element | null) => void): {
+    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void;
+    handleItemHover(el?: HTMLDivElement): void;
+    useKeyboardSensor(api: SensorAPI): void;
+    updateSelectCallback(callback: (selection: Selection) => any): void;
+    highlight: (item: HTMLElement | null | undefined, shouldScroll?: boolean) => void;
+    highlighted(): any;
+    highlightFirst: (shouldScroll?: boolean) => void;
+    highlightLast: (shouldScroll?: boolean) => void;
+    rehighlightCurrent(): void;
+    highlightSelected(shouldScroll?: boolean): void;
+    highlightSuggested(shouldScroll?: boolean): void;
+    prev: () => void;
+    next: () => void;
+    select: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+};

package/dist/MenuImperative/sensors.js

@@ -0,0 +1,254 @@
+var _a;
+import { scrollIntoView } from '../_utils/scrollIntoView';
+function noop() { }
+var MOUSE_ENTER = 'mouseenter';
+var MOUSE_LEAVE = 'mouseleave';
+var menuItemsWrapperAttributeName = 'data-core-menuimperative-items-wrapper';
+export var menuItemsWrapperAttribute = (_a = {},
+    _a[menuItemsWrapperAttributeName] = 'true',
+    _a);
+var isItem = function (element) { return element === null || element === void 0 ? void 0 : element.hasAttribute('data-value'); };
+function isGroup(el) {
+    return JSON.parse(el.dataset.group || 'false');
+}
+var isWrapper = function (element) {
+    return (element === null || element === void 0 ? void 0 : element.getAttribute(menuItemsWrapperAttributeName)) === 'true';
+};
+function getFirstItem(menu) {
+    var firstItem = menu === null || menu === void 0 ? void 0 : menu.querySelector('[data-value]:first-child');
+    if (firstItem && isGroup(firstItem)) {
+        return getNextItem(firstItem);
+    }
+    return firstItem;
+}
+function getPrevItem(item) {
+    var _a, _b, _c, _d;
+    if (item.previousElementSibling) {
+        // LocationFilter in data-table has div-wrapper around some items
+        if (isWrapper(item.previousElementSibling)) {
+            return getLastItem(item.previousElementSibling);
+        }
+        return item.previousElementSibling;
+    }
+    if (isWrapper(item === null || item === void 0 ? void 0 : item.parentElement)) {
+        return (_a = item === null || item === void 0 ? void 0 : item.parentElement) === null || _a === void 0 ? void 0 : _a.previousElementSibling;
+    }
+    if (((_b = item === null || item === void 0 ? void 0 : item.parentElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-droppable')) === 'true') {
+        var prevDroppableItems = (_d = (_c = item === null || item === void 0 ? void 0 : item.parentElement) === null || _c === void 0 ? void 0 : _c.previousElementSibling) === null || _d === void 0 ? void 0 : _d.querySelectorAll('[data-group="false"]');
+        return (prevDroppableItems === null || prevDroppableItems === void 0 ? void 0 : prevDroppableItems.length)
+            ? prevDroppableItems[prevDroppableItems.length - 1]
+            : null;
+    }
+    return null;
+}
+function getNextItem(item) {
+    var _a, _b, _c, _d;
+    if (item.nextElementSibling) {
+        // LocationFilter in data-table has div-wrapper around some items
+        if (isWrapper(item.nextElementSibling)) {
+            return getFirstItem(item.previousElementSibling);
+        }
+        return item.nextElementSibling;
+    }
+    if (isWrapper(item === null || item === void 0 ? void 0 : item.parentElement)) {
+        return (_a = item === null || item === void 0 ? void 0 : item.parentElement) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
+    }
+    if (((_b = item === null || item === void 0 ? void 0 : item.parentElement) === null || _b === void 0 ? void 0 : _b.getAttribute('data-droppable')) === 'true') {
+        return (_d = (_c = item === null || item === void 0 ? void 0 : item.parentElement) === null || _c === void 0 ? void 0 : _c.nextElementSibling) === null || _d === void 0 ? void 0 : _d.querySelector('[data-group="false"]');
+    }
+    return null;
+}
+function getLastItem(menu) {
+    var items = menu === null || menu === void 0 ? void 0 : menu.querySelectorAll('[data-value]');
+    var lastItem = items === null || items === void 0 ? void 0 : items[items.length - 1];
+    if (lastItem && isGroup(lastItem)) {
+        return getPrevItem(lastItem);
+    }
+    return lastItem;
+}
+function updateHighlightedAttribute(item, highlight) {
+    item === null || item === void 0 ? void 0 : item.setAttribute('data-highlighted', highlight ? 'true' : 'false');
+    item === null || item === void 0 ? void 0 : item.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE));
+}
+export function createSensors(ref, circular, onChangeActiveDescendant) {
+    var highlightedItem = null;
+    var dragAndDropApi = null;
+    var currentDrag = null;
+    var onSelect = noop;
+    function select(event) {
+        if (ref.current && highlightedItem) {
+            var disabled = JSON.parse((highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.dataset.disabled) || 'false');
+            if (disabled)
+                return;
+            var item = JSON.parse((highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.dataset.value) || 'null');
+            var selected = JSON.parse((highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.dataset.selected) || 'false');
+            onSelect &&
+                onSelect({
+                    event: event,
+                    item: item,
+                    group: false,
+                    action: selected ? 'unselected' : 'selected',
+                });
+        }
+    }
+    function highlightItem(item, shouldScroll) {
+        var _a;
+        if (shouldScroll === void 0) { shouldScroll = true; }
+        // performance improvement, highlightItem is called onMouseMove for Item
+        if (item === highlightedItem) {
+            return;
+        }
+        if (item) {
+            updateHighlightedAttribute(highlightedItem, false);
+            // TODO add localized screenreader instructions for the item
+            updateHighlightedAttribute(item, true);
+            var id = (_a = item.getAttribute('id')) !== null && _a !== void 0 ? _a : undefined;
+            onChangeActiveDescendant(id, ref.current);
+            highlightedItem = item;
+            if (shouldScroll) {
+                scrollIntoView(-1, item);
+            }
+        }
+        else {
+            onChangeActiveDescendant('', ref.current);
+        }
+    }
+    function getPrevHighlightableItem(currentItem) {
+        var prev = getPrevItem(currentItem);
+        if (prev) {
+            if (isItem(prev)) {
+                if (isGroup(prev)) {
+                    return getPrevHighlightableItem(prev);
+                }
+                else {
+                    return prev;
+                }
+            }
+        }
+        else if (circular) {
+            return getLastItem(ref.current);
+        }
+        return prev;
+    }
+    function getNextHighlightableItem(currentItem) {
+        var next = getNextItem(currentItem);
+        if (next) {
+            if (isItem(next)) {
+                if (isGroup(next)) {
+                    return getNextHighlightableItem(next);
+                }
+                return next;
+            }
+        }
+        else if (circular) {
+            return getFirstItem(ref.current);
+        }
+    }
+    function highlightFirstItem(shouldScroll) {
+        if (shouldScroll === void 0) { shouldScroll = true; }
+        highlightItem(getFirstItem(ref.current), shouldScroll);
+    }
+    function highlightLastItem(shouldScroll) {
+        if (shouldScroll === void 0) { shouldScroll = true; }
+        highlightItem(getLastItem(ref.current), shouldScroll);
+    }
+    function highlightPrevItem() {
+        var _a;
+        if (highlightedItem && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(highlightedItem))) {
+            var prev = getPrevHighlightableItem(highlightedItem);
+            if (prev) {
+                highlightItem(prev);
+            }
+        }
+        else {
+            highlightLastItem();
+        }
+    }
+    function highlightNextItem() {
+        var _a;
+        if (highlightedItem && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(highlightedItem))) {
+            var next = getNextHighlightableItem(highlightedItem);
+            if (next) {
+                highlightItem(next);
+            }
+        }
+        else {
+            highlightFirstItem();
+        }
+    }
+    return {
+        handleKeyDown: function (event) {
+            if (ref.current) {
+                if (event.key === 'ArrowUp' || event.key === 'Up') {
+                    event.preventDefault();
+                    (currentDrag === null || currentDrag === void 0 ? void 0 : currentDrag.isActive()) ? currentDrag.moveUp() : highlightPrevItem();
+                }
+                else if (event.key === 'ArrowDown' || event.key === 'Down') {
+                    event.preventDefault();
+                    (currentDrag === null || currentDrag === void 0 ? void 0 : currentDrag.isActive()) ? currentDrag.moveDown() : highlightNextItem();
+                }
+                else if (event.key === 'Enter') {
+                    event.preventDefault();
+                    if (event.ctrlKey || event.metaKey) {
+                        var draggableId = highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.getAttribute('data-rbd-draggable-id');
+                        if (draggableId) {
+                            var preDrag = dragAndDropApi === null || dragAndDropApi === void 0 ? void 0 : dragAndDropApi.tryGetLock(draggableId);
+                            if (preDrag) {
+                                currentDrag = preDrag.snapLift();
+                            }
+                        }
+                    }
+                    else if (currentDrag === null || currentDrag === void 0 ? void 0 : currentDrag.isActive()) {
+                        currentDrag.drop();
+                    }
+                    else {
+                        select(event);
+                    }
+                }
+                else if (event.key === 'Escape' && (currentDrag === null || currentDrag === void 0 ? void 0 : currentDrag.isActive())) {
+                    currentDrag.cancel();
+                }
+            }
+        },
+        handleItemHover: function (el) {
+            highlightItem(el, false);
+        },
+        useKeyboardSensor: function (api) {
+            dragAndDropApi = api;
+        },
+        updateSelectCallback: function (callback) {
+            onSelect = callback;
+        },
+        highlight: highlightItem,
+        highlighted: function () {
+            return JSON.parse((highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.dataset.value) || 'null');
+        },
+        highlightFirst: highlightFirstItem,
+        highlightLast: highlightLastItem,
+        rehighlightCurrent: function () {
+            var _a;
+            // Rehighlights an item that may have lost its styling due to the re-render of the list items
+            var draggableId = highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.getAttribute('data-rbd-draggable-id');
+            if (draggableId) {
+                var newItem = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-rbd-draggable-id=\"".concat(draggableId.replace(/"/g, '\\"'), "\"]"));
+                highlightItem(newItem);
+            }
+        },
+        highlightSelected: function (shouldScroll) {
+            var _a;
+            if (shouldScroll === void 0) { shouldScroll = true; }
+            var selectedItem = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-selected="true"]');
+            highlightItem(selectedItem, shouldScroll);
+        },
+        highlightSuggested: function (shouldScroll) {
+            var _a;
+            if (shouldScroll === void 0) { shouldScroll = true; }
+            var suggestedItem = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-suggested="true"]');
+            highlightItem(suggestedItem, shouldScroll);
+        },
+        prev: highlightPrevItem,
+        next: highlightNextItem,
+        select: select,
+    };
+}
+//# sourceMappingURL=sensors.js.map

package/dist/MenuImperative/sensors.js.map

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

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Heading } from '../Section/Section';
+import { TypographyProps } from '../Typography/Typography.types';
+import { RenderProps } from '../_hooks/Visibility';
+import { DivAttributes, SpanAttributes } from '../_utils/types';
+import { ConfirmModalProps, ModalBodyProps, ModalCloseableHeaderProps, ModalContainerProps, ModalProps } from './Modal.types';
+export declare const ConfirmModal: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
+declare function ModalState(props: RenderProps): JSX.Element;
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
+    Body: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Container: React.ForwardRefExoticComponent<ModalContainerProps & React.RefAttributes<HTMLDivElement>>;
+    Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
+    FooterButtons: React.ForwardRefExoticComponent<ModalCloseableHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    FooterNotation: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLSpanElement>>;
+    FooterSummary: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<ModalCloseableHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Heading: typeof Heading;
+    Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Scrim: import("styled-components").StyledComponent<"div", any, {}, never>;
+    State: typeof ModalState;
+    Section: React.ForwardRefExoticComponent<import("../Section/Section.types").SectionProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};