@procore/core-react 11.6.0-rc.8 → 11.6.0

package/dist/SuperSelect/SuperSelect.types.d.ts

@@ -1,39 +1,52 @@
 import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { optgroupSymbol } from './SuperSelect.constants';
 import { useSuperSelect } from './useSuperSelect';
+export interface SuperSelectComponents {
+    Label?: React.FC<{
+        selectApi: SuperSelectApi;
+    }>;
+    MenuItemLabel?: React.FC<{
+        selectApi: SuperSelectApi;
+        option: SuperSelectOption;
+    }>;
+    MenuGroupHeader?: React.FC<{
+        selectApi: SuperSelectApi;
+        group: {
+            id: string;
+            group: string;
+            label: string;
+        };
+    }>;
+    Token?: React.FC<{
+        selectApi: SuperSelectApi;
+        option: SuperSelectOption;
+        index: number;
+        focused: boolean;
+    }>;
+}
 export interface SuperSelectProps {
     block?: boolean;
-    components?: {
-        Label?: React.FC<{
-            selectApi: SuperSelectApi;
-        }>;
-        MenuItemLabel?: React.FC<{
-            selectApi: SuperSelectApi;
-            option: any;
-        }>;
-        Token?: React.FC<{
-            selectApi: SuperSelectApi;
-            option: any;
-            index: number;
-            focused: boolean;
-        }>;
-    };
+    draggable?: boolean;
+    sort?: boolean;
+    components?: SuperSelectComponents;
     defaultValue?: SuperSelectValue;
     disabled?: boolean;
-    emptyMessage: string;
+    emptyMessage?: string;
     error?: boolean;
     footer?: React.ReactElement;
-    getOptionGroup?: (option: any) => string;
-    getOptionIsBatch?: (option: any) => boolean;
-    getOptionIsDisabled?: (option: any) => boolean;
-    getOptionLabel?: (option: any) => string;
-    getOptionValue?: (option: any) => SuperSelectValuePrimitive;
+    getOptionGroup?: (option: SuperSelectOption) => string;
+    setOptionGroup?: (option: SuperSelectOption, group: string) => SuperSelectOption;
+    getOptionIsBatch?: (option: SuperSelectOption) => boolean;
+    getOptionIsDisabled?: (option: SuperSelectOption) => boolean;
+    getOptionLabel?: (option: SuperSelectOption) => string;
+    getOptionValue?: (option: SuperSelectOption) => SuperSelectValuePrimitive;
+    onManualSort?: (options: SuperSelectOption[]) => void;
     header?: React.ReactElement;
     loading?: boolean;
     multiple?: boolean;
-    multipleOptions?: any[];
-    multipleOptionsLabel?: string;
     onChange?: (value: SuperSelectValue) => void;
-    options: Record<string, any>[];
+    options: SuperSelectOption[];
     placeholder?: string;
     search?: boolean;
     tabIndex?: number;
@@ -54,31 +67,21 @@ export declare type SuperSelectValuePrimitive = boolean | string | number;
 export declare type SuperSelectValue = SuperSelectValuePrimitive | Array<SuperSelectValuePrimitive> | null;
 export declare type SuperSelectOption = any;
 export interface SuperSelectConfig {
-    components?: {
-        Label?: React.FC<{
-            selectApi: SuperSelectApi;
-        }>;
-        MenuItemLabel?: React.FC<{
-            selectApi: SuperSelectApi;
-            option: any;
-        }>;
-        Token?: React.FC<{
-            selectApi: SuperSelectApi;
-            option: any;
-            index: number;
-            focused: boolean;
-        }>;
-    };
+    components?: SuperSelectComponents;
+    draggable?: boolean;
+    sort?: boolean;
     defaultValue?: SuperSelectValue;
     disabled?: boolean;
     getOptionGroup?: (option: SuperSelectOption) => string;
+    setOptionGroup?: (option: SuperSelectOption, group: string) => SuperSelectOption;
     getOptionIsBatch?: (option: SuperSelectOption) => boolean;
     getOptionIsDisabled?: (option: SuperSelectOption) => boolean;
     getOptionLabel?: (option: SuperSelectOption) => string;
     getOptionValue?: (option: SuperSelectOption) => SuperSelectValuePrimitive;
+    onManualSort?: (options: SuperSelectOption[]) => void;
     multiple?: boolean;
     onChange?: (value: SuperSelectValue) => void;
-    options?: Array<any>;
+    options?: SuperSelectOption[];
     search?: boolean;
     value?: SuperSelectValue;
 }
@@ -93,3 +96,14 @@ export interface SuperSelectReferenceProps {
     search?: boolean;
     tabIndex?: number;
 }
+export interface SuperSelectOptgroup {
+    label: string;
+    id: string;
+    group: string;
+    [optgroupSymbol]: true;
+}
+export interface SuperSelectMenuItemProps extends DivAttributes {
+    isDragging?: boolean;
+    'data-known-size'?: number;
+    'data-index': number;
+}

package/dist/SuperSelect/SuperSelect.types.js

@@ -1,2 +1,2 @@
-export {};
+import { optgroupSymbol } from './SuperSelect.constants';
 //# sourceMappingURL=SuperSelect.types.js.map

package/dist/SuperSelect/SuperSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuperSelect.types.js","sourceRoot":"","sources":["../../src/SuperSelect/SuperSelect.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"SuperSelect.types.js","sourceRoot":"","sources":["../../src/SuperSelect/SuperSelect.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/SuperSelect/SuperSelect.utils.d.ts

@@ -0,0 +1,28 @@
+import { SuperSelectConfig, SuperSelectOptgroup, SuperSelectOption } from './SuperSelect.types';
+export declare const getGroupNameIsValid: (groupName: unknown) => boolean;
+export declare const getOptionsSortingAlgorithm: ({ getOptionIsBatch, getOptionLabel, }: {
+    getOptionIsBatch: NonNullable<SuperSelectConfig['getOptionIsBatch']>;
+    getOptionLabel: NonNullable<SuperSelectConfig['getOptionLabel']>;
+}) => (a: SuperSelectOption, b: SuperSelectOption) => number;
+export declare const getBatchOptionFormatter: ({ value, multiple, getOptionIsBatch, getOptionValue, }: {
+    value: SuperSelectConfig['value'];
+    multiple: NonNullable<SuperSelectConfig['multiple']>;
+    getOptionIsBatch: NonNullable<SuperSelectConfig['getOptionIsBatch']>;
+    getOptionValue: NonNullable<SuperSelectConfig['getOptionValue']>;
+}) => (option: SuperSelectOption) => any;
+export declare const RESERVED_UNGROUPED_OPTGROUP_NAME = "RESERVED_UNGROUPED_OPTGROUP_NAME";
+export declare const collectGroupsInOrderOfOccurrence: (opts: SuperSelectOption[], getOptionGroup: NonNullable<SuperSelectConfig['getOptionGroup']>) => {
+    groups: string[];
+    groupedOptions: Record<string, SuperSelectOption[]>;
+};
+export declare function reorder(options: SuperSelectOption[], startIndex: number, endIndex: number, getOptionGroup: (opt: SuperSelectOption) => string): {
+    nextOptions: any[];
+    prevGroup: string;
+    nextGroup: string;
+};
+export declare function isMultiple<T>(multiple: boolean, value: T | T[]): value is T[];
+export declare const getOptionIsOptgroup: (item: SuperSelectOption) => boolean;
+export declare const getOptgroupHeader: (groupName: string) => SuperSelectOptgroup;
+export declare const sortOptgroups: (groupA: string, groupB: string) => number;
+export declare function getIsAllOptionsUngrouped(groups: string[]): boolean;
+export declare function getOptgroup(groupName: string, groupOptions: SuperSelectOption[]): any[];

package/dist/SuperSelect/SuperSelect.utils.js

@@ -0,0 +1,156 @@
+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 __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 { optgroupSymbol } from './SuperSelect.constants';
+export var getGroupNameIsValid = function (groupName) {
+    var isGroupDefined = ![undefined, null, ''].includes(groupName);
+    return isGroupDefined && typeof groupName === 'string' && groupName.length > 0;
+};
+export var getOptionsSortingAlgorithm = function (_a) {
+    var getOptionIsBatch = _a.getOptionIsBatch, getOptionLabel = _a.getOptionLabel;
+    return function (a, b) {
+        var isOptionBatch1 = getOptionIsBatch(a);
+        var isOptionBatch2 = getOptionIsBatch(b);
+        // move batched options up
+        if (isOptionBatch1 && isOptionBatch2) {
+            return compareStrings(getOptionLabel(a), getOptionLabel(b));
+        }
+        else if (isOptionBatch1) {
+            return -1;
+        }
+        else if (isOptionBatch2) {
+            return 1;
+        }
+        return compareStrings(getOptionLabel(a), getOptionLabel(b));
+    };
+};
+export var getBatchOptionFormatter = function (_a) {
+    var value = _a.value, multiple = _a.multiple, getOptionIsBatch = _a.getOptionIsBatch, getOptionValue = _a.getOptionValue;
+    return function (option) {
+        if (isMultiple(multiple, value) && getOptionIsBatch(option)) {
+            var val = getOptionValue(option);
+            var disabled = Array.isArray(val) && val.every(function (v) { return value.includes(v); });
+            return __assign(__assign({}, option), { disabled: disabled });
+        }
+        return option;
+    };
+};
+export var RESERVED_UNGROUPED_OPTGROUP_NAME = 'RESERVED_UNGROUPED_OPTGROUP_NAME';
+export var collectGroupsInOrderOfOccurrence = function (opts, getOptionGroup) {
+    var output = opts.reduce(function (_a, option) {
+        var _b;
+        var groups = _a.groups, groupedOptions = _a.groupedOptions;
+        var groupName = getOptionGroup(option);
+        // if group name is invalid, consider the option ungrouped
+        var isGroupNameValid = getGroupNameIsValid(groupName);
+        var adjustedGroupName = isGroupNameValid
+            ? groupName
+            : RESERVED_UNGROUPED_OPTGROUP_NAME;
+        var groupOptions = (_b = groupedOptions[adjustedGroupName]) !== null && _b !== void 0 ? _b : [];
+        // push/assign for performance considerations
+        groupOptions.push(option);
+        groupedOptions[adjustedGroupName] = groupOptions;
+        return {
+            groups: groups.includes(adjustedGroupName)
+                ? groups
+                : __spreadArray(__spreadArray([], groups, true), [adjustedGroupName], false),
+            groupedOptions: groupedOptions,
+        };
+    }, {
+        groups: [],
+        groupedOptions: {},
+    });
+    // if ungrouped options were found, lift them to the top
+    if (output.groups.includes(RESERVED_UNGROUPED_OPTGROUP_NAME)) {
+        return {
+            groupedOptions: output.groupedOptions,
+            groups: __spreadArray([
+                RESERVED_UNGROUPED_OPTGROUP_NAME
+            ], output.groups.filter(function (group) { return group !== RESERVED_UNGROUPED_OPTGROUP_NAME; }), true),
+        };
+    }
+    return output;
+};
+function findParentOptgroup(list, index, getOptionGroup) {
+    for (var i = index; i >= 0; i--) {
+        var option = list[i];
+        var isOptgroup = getOptionIsOptgroup(option);
+        if (isOptgroup) {
+            return getOptionGroup(option);
+        }
+    }
+    // no parent optgroup was found, so the option is considered ungrouped
+    return RESERVED_UNGROUPED_OPTGROUP_NAME;
+}
+export function reorder(options, startIndex, endIndex, getOptionGroup) {
+    var nextOptions = __spreadArray([], options, true);
+    var removed = nextOptions.splice(startIndex, 1)[0];
+    nextOptions.splice(endIndex, 0, removed);
+    var prevGroup = findParentOptgroup(options, startIndex, getOptionGroup);
+    var nextGroup = findParentOptgroup(nextOptions, endIndex, getOptionGroup);
+    return { nextOptions: nextOptions, prevGroup: prevGroup, nextGroup: nextGroup };
+}
+function compareStrings(a, b) {
+    return a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' });
+}
+export function isMultiple(multiple, value) {
+    return multiple && Array.isArray(value);
+}
+export var getOptionIsOptgroup = function (item) {
+    return Boolean(item[optgroupSymbol]);
+};
+export var getOptgroupHeader = function (groupName) {
+    var _a, _b;
+    if (groupName === RESERVED_UNGROUPED_OPTGROUP_NAME) {
+        return _a = {},
+            _a[optgroupSymbol] = true,
+            _a.label = '',
+            _a.group = RESERVED_UNGROUPED_OPTGROUP_NAME,
+            _a.id = RESERVED_UNGROUPED_OPTGROUP_NAME,
+            _a;
+    }
+    return _b = {},
+        _b[optgroupSymbol] = true,
+        _b.label = groupName,
+        _b.group = groupName,
+        _b.id = groupName,
+        _b;
+};
+export var sortOptgroups = function (groupA, groupB) {
+    // always put ungrouped options on top
+    if (groupA === RESERVED_UNGROUPED_OPTGROUP_NAME) {
+        return -1;
+    }
+    if (groupB === RESERVED_UNGROUPED_OPTGROUP_NAME) {
+        return 1;
+    }
+    return compareStrings(groupA, groupB);
+};
+export function getIsAllOptionsUngrouped(groups) {
+    return groups.length === 1 && groups[0] === RESERVED_UNGROUPED_OPTGROUP_NAME;
+}
+export function getOptgroup(groupName, groupOptions) {
+    // ungrouped options should not have a group header
+    if (groupName === RESERVED_UNGROUPED_OPTGROUP_NAME) {
+        return groupOptions;
+    }
+    return __spreadArray([getOptgroupHeader(groupName)], groupOptions, true);
+}
+//# sourceMappingURL=SuperSelect.utils.js.map

package/dist/SuperSelect/SuperSelect.utils.js.map

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

package/dist/SuperSelect/SuperSelectDraggableOptions.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SuperSelectApi, SuperSelectMenuItemProps, SuperSelectOption } from './SuperSelect.types';
+export declare const InternalDragDropContext: React.Context<{
+    isDraggingOver: boolean;
+}>;
+export declare const SuperSelectDraggableOptions: ({ SuperSelectMenuItem, MenuItemLabelComponent, MenuGroupHeaderComponent, selectApi, onListHeightChange, }: {
+    SuperSelectMenuItem: React.FC<SuperSelectMenuItemProps>;
+    MenuItemLabelComponent: React.FC<{
+        option: SuperSelectOption;
+        selectApi: SuperSelectApi;
+    }>;
+    MenuGroupHeaderComponent: React.FC<{
+        group: SuperSelectOption;
+        selectApi: SuperSelectApi;
+    }>;
+    selectApi: SuperSelectApi;
+    onListHeightChange: (height: number) => void;
+}) => JSX.Element;

package/dist/SuperSelect/SuperSelectDraggableOptions.js

@@ -0,0 +1,61 @@
+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);
+};
+import { Grip } from '@procore/core-icons';
+import React from 'react';
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import { Virtuoso } from 'react-virtuoso';
+import { StyledGrip } from '../MenuImperative/MenuImperative.styles';
+import { colors } from '../_styles/colors';
+import { draggableOptionIdSymbol } from './SuperSelect.constants';
+import { StyledDraggableWrapper } from './SuperSelect.styles';
+export var InternalDragDropContext = React.createContext({
+    isDraggingOver: false,
+});
+var InternalDragDropProvider = function (_a) {
+    var isDraggingOver = _a.isDraggingOver, children = _a.children;
+    var value = React.useMemo(function () {
+        return {
+            isDraggingOver: isDraggingOver,
+        };
+    }, [isDraggingOver]);
+    return (React.createElement(InternalDragDropContext.Provider, { value: value }, children));
+};
+export var SuperSelectDraggableOptions = function (_a) {
+    var SuperSelectMenuItem = _a.SuperSelectMenuItem, MenuItemLabelComponent = _a.MenuItemLabelComponent, MenuGroupHeaderComponent = _a.MenuGroupHeaderComponent, selectApi = _a.selectApi, onListHeightChange = _a.onListHeightChange;
+    var getDraggableItemContent = function (index, option) {
+        var disabled = selectApi.getOptionIsDisabled(option);
+        var isOptgroup = selectApi.getOptionIsOptgroup(option);
+        var optionId = isOptgroup ? option.id : option[draggableOptionIdSymbol];
+        return (React.createElement(Draggable, { draggableId: optionId, index: index, key: optionId, isDragDisabled: isOptgroup || disabled || Boolean(selectApi.searchValue) }, function (provided) {
+            return (React.createElement(StyledDraggableWrapper, __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
+                !isOptgroup && (React.createElement(StyledGrip, null,
+                    React.createElement(Grip, { color: colors.gray45 }))),
+                isOptgroup ? (React.createElement(MenuGroupHeaderComponent, { group: option, selectApi: selectApi })) : (React.createElement(MenuItemLabelComponent, { option: option, selectApi: selectApi }))));
+        }));
+    };
+    return (React.createElement(DragDropContext, { onDragEnd: selectApi.onDragEnd },
+        React.createElement(Droppable, { droppableId: "droppable", mode: "virtual", renderClone: function (provided, snapshot, dragged) {
+                var option = selectApi.options[dragged.source.index];
+                return (React.createElement(SuperSelectMenuItem, __assign({ isDragging: true, "data-index": dragged.source.index }, provided.draggableProps),
+                    React.createElement(StyledGrip, null,
+                        React.createElement(Grip, { color: colors.gray45 })),
+                    React.createElement(MenuItemLabelComponent, { option: option, selectApi: selectApi })));
+            } }, function (provided, snapshot) {
+            return (React.createElement(InternalDragDropProvider, { isDraggingOver: snapshot.isDraggingOver },
+                React.createElement(Virtuoso, { role: "listbox", id: selectApi.overlayId, ref: selectApi.virtuoso, data: selectApi.options, components: {
+                        Item: SuperSelectMenuItem,
+                    }, scrollerRef: function (el) {
+                        provided.innerRef(el);
+                    }, itemContent: getDraggableItemContent, initialTopMostItemIndex: selectApi.selectedIndex >= 0 ? selectApi.selectedIndex : 0, totalListHeightChanged: onListHeightChange, tabIndex: -1 })));
+        })));
+};
+//# sourceMappingURL=SuperSelectDraggableOptions.js.map

package/dist/SuperSelect/SuperSelectDraggableOptions.js.map

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

package/dist/SuperSelect/useSuperSelect.d.ts

@@ -3,25 +3,11 @@ import React from 'react';
 import { VirtuosoHandle } from 'react-virtuoso';
 import { TypeaheadInputProps, TypeaheadProps } from '../Typeahead/Typeahead.types';
 import { SuperSelectConfig, SuperSelectOption, SuperSelectValue, SuperSelectValuePrimitive } from './SuperSelect.types';
-declare function getOptionIsOptgroup(item: any): boolean;
-export declare function useSuperSelect({ components, defaultValue, disabled, getOptionGroup, getOptionIsBatch, getOptionIsDisabled, getOptionLabel, getOptionValue, multiple, onChange, options: sourceOptions, search, value: value_, }: SuperSelectConfig): {
+export declare function useSuperSelect({ components, draggable, defaultValue, disabled, getOptionGroup, setOptionGroup, getOptionIsBatch, getOptionIsDisabled, getOptionLabel, getOptionValue, onManualSort, multiple, onChange, options: sourceOptions, search, sort, value: value_, }: SuperSelectConfig): {
     activeMenuIndex: number | null;
     activeTokenIndex: number | null;
-    components: {
-        Label?: React.FC<{
-            selectApi: any;
-        }> | undefined;
-        MenuItemLabel?: React.FC<{
-            selectApi: any;
-            option: any;
-        }> | undefined;
-        Token?: React.FC<{
-            selectApi: any;
-            option: any;
-            index: number;
-            focused: boolean;
-        }> | undefined;
-    } | undefined;
+    components: import("./SuperSelect.types").SuperSelectComponents | undefined;
+    draggable: boolean | undefined;
     floating: import("@floating-ui/react-dom-interactions").UseFloatingReturn<HTMLElement>;
     getClearProps: () => React.AriaAttributes & React.HTMLAttributes<HTMLElement>;
     getFloatingProps: (userProps?: any) => Record<string, unknown>;
@@ -30,14 +16,14 @@ export declare function useSuperSelect({ components, defaultValue, disabled, get
     getOptionGroup: (option: any) => string;
     getOptionIsBatch: (option: any) => boolean;
     getOptionIsDisabled: (option: any) => boolean;
-    getOptionIsOptgroup: typeof getOptionIsOptgroup;
+    getOptionIsOptgroup: (item: any) => boolean;
     getOptionLabel: (option: any) => string;
     getOptionValue: (option: any) => SuperSelectValuePrimitive;
     getReferenceProps: (userProps?: any) => Record<string, unknown>;
     getTokenClearProps: (index: number) => React.AriaAttributes & React.SVGAttributes<SVGElement>;
     getTypeaheadProps: () => React.AriaAttributes & TypeaheadInputProps & TypeaheadProps;
     isEmpty: () => boolean;
-    isSelected: (option: any) => boolean;
+    isSelected: (option: SuperSelectOption) => boolean;
     listId: string;
     maxHeight: number;
     multiple: boolean;
@@ -57,5 +43,5 @@ export declare function useSuperSelect({ components, defaultValue, disabled, get
     value: SuperSelectValue;
     virtuoso: React.RefObject<VirtuosoHandle>;
     width: number;
+    onDragEnd: (result: any) => void;
 };
-export {};