@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/SuperSelect/SuperSelect.components.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { SuperSelectMenuItemProps } from './SuperSelect.types';
+export declare const Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
+export declare const SingleTrigger: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const MultiTrigger: (props: React.PropsWithChildren<any>) => JSX.Element | null;
+export declare const TriggerContainer: React.ForwardRefExoticComponent<any> | React.FC<any>;
+export declare const Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+export declare const Indicators: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const Label: React.ForwardRefExoticComponent<{
+    hoverable: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Loading: () => JSX.Element;
+export declare const ArrowContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
+export declare const Clear: () => JSX.Element;
+export declare const MultiInputContainer: (props: React.PropsWithChildren<{}>) => JSX.Element;
+export declare const MultiInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export declare const MultiValue: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const MultiValueContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const SearchContainer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export declare const Search: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const Header: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const Footer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export declare const EmptyMessage: (props: any) => JSX.Element;
+export declare const Options: (props: React.PropsWithChildren<{}> & DivAttributes) => JSX.Element;
+export declare const Group: (props: React.PropsWithChildren<{}>) => JSX.Element;
+export declare const Item: React.ForwardRefExoticComponent<SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
+export declare const OptionLabel: ({ option }: any) => JSX.Element;
+export declare const OptionContent: ({ option }: any) => JSX.Element;
+export declare const DraggableOptionContent: ({ index, option }: any) => JSX.Element;
+export declare const DragHandle: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const CheckboxContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const Checkbox: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const CheckmarkContainer: (props: React.PropsWithChildren<any>) => JSX.Element;
+export declare const Checkmark: (props: React.PropsWithChildren<any>) => JSX.Element;

package/dist/SuperSelect/SuperSelect.components.js

@@ -0,0 +1,249 @@
+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 { Check, Clear as ClearIcon, Grip } from '@procore/core-icons';
+import React from 'react';
+import { Draggable } from 'react-beautiful-dnd';
+import { FakeCheckbox } from '../Checkbox/Checkbox';
+import { Spinner } from '../Spinner/Spinner';
+import { Token } from '../Token/Token';
+import { Tooltip } from '../Tooltip/Tooltip';
+import { Typeahead } from '../Typeahead/Typeahead';
+import { OverflowObserver } from '../_hooks/OverflowObserver';
+import { colors } from '../_styles/colors';
+import { InternalDragDropContext } from './SuperSelect';
+import { draggableOptionIdSymbol } from './SuperSelect.constants';
+import { StyledArrow, StyledArrowContainer, StyledArrowFill, StyledArrowOutline, StyledCheckboxContainer, StyledCheckmarkContainer, StyledClearIcon, StyledDraggableWrapper, StyledEmptyMessage, StyledFooter, StyledGrip, StyledGroup, StyledHeader, StyledIndicators, StyledItem, StyledItemLabel, StyledLabel, StyledMultiInput, StyledMultiInputContainer, StyledMultiValue, StyledMultiValueContainer, StyledOptionGroupLabel, StyledOptions, StyledOverlay, StyledSearchContainer, StyledTrigger, } from './SuperSelect.styles';
+import { useSuperSelectContext } from './useSuperSelect';
+export var Overlay = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledOverlay, __assign({ ref: ref }, props));
+});
+export var SingleTrigger = function (props) {
+    var ctx = useSuperSelectContext();
+    return (React.createElement(OverflowObserver, null, function (_a) {
+        var isOverflowingX = _a.isOverflowingX, ref = _a.ref;
+        var showTooltip = !ctx.config.disabled && isOverflowingX && !ctx.state.open;
+        var label = ctx.state.selectedLabel || ctx.config.placeholder;
+        var labelComponent = (React.createElement(ctx.components.Label, __assign({}, props, { ref: ref, hoverable: showTooltip })));
+        return (React.createElement(Tooltip, { trigger: showTooltip ? 'hover' : 'none', overlay: label }, labelComponent));
+    }));
+};
+export var MultiTrigger = function (props) {
+    var _a;
+    var ctx = useSuperSelectContext();
+    if (ctx.config.multiple && Array.isArray(ctx.state.value)) {
+        return (React.createElement(ctx.components.MultiValueContainer, __assign({}, props), (_a = ctx.state.value) === null || _a === void 0 ? void 0 :
+            _a.map(function (val, j) {
+                var option = ctx.state.sourceOptions.find(function (o) { return ctx.option.value(o) === val; });
+                return (option && React.createElement(ctx.components.MultiValue, { index: j, option: option }));
+            }),
+            React.createElement(ctx.components.MultiInputContainer, null,
+                React.createElement(ctx.components.MultiInput, __assign({}, ctx.props.multiInput())))));
+    }
+    return null;
+};
+export var TriggerContainer = StyledTrigger;
+export var Trigger = React.forwardRef(function (props, ref) {
+    var ctx = useSuperSelectContext();
+    var searchRef = React.useRef(null);
+    React.useEffect(function () {
+        var _a;
+        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [ctx.state.value]);
+    return (React.createElement(ctx.components.TriggerContainer, __assign({ ref: ref }, props),
+        ctx.config.multiple ? (React.createElement(ctx.components.MultiTrigger, null)) : (React.createElement(ctx.components.SingleTrigger, null)),
+        React.createElement(ctx.components.Indicators, null)));
+});
+export var Indicators = function (props) {
+    var ctx = useSuperSelectContext();
+    var hasValue = Array.isArray(ctx.state.value)
+        ? ctx.state.value.length > 0
+        : ctx.state.value;
+    return (React.createElement(StyledIndicators, null,
+        hasValue && React.createElement(ctx.components.Clear, null),
+        ctx.config.loading ? (React.createElement(ctx.components.Loading, null)) : (React.createElement(ctx.components.ArrowContainer, null,
+            React.createElement(ctx.components.Arrow, { up: ctx.state.open, down: !ctx.state.open, width: 8, height: 4 })))));
+};
+export var Label = React.forwardRef(function (_a, ref) {
+    var hoverable = _a.hoverable, props = __rest(_a, ["hoverable"]);
+    var ctx = useSuperSelectContext();
+    return (React.createElement(StyledLabel, __assign({}, props, ctx.props.label(), { ref: ref, "$hoverable": hoverable }), ctx.state.selectedLabel || ctx.config.placeholder));
+});
+export var Loading = function () {
+    return React.createElement(Spinner, { color: "blue50", size: "xs" });
+};
+export var ArrowContainer = function (props) {
+    return React.createElement(StyledArrowContainer, __assign({}, props));
+};
+export var Arrow = function (_a) {
+    var up = _a.up, down = _a.down, left = _a.left, right = _a.right, _b = _a.width, width = _b === void 0 ? 12 : _b, _c = _a.height, height = _c === void 0 ? 12 : _c, _d = _a.border, border = _d === void 0 ? 0 : _d;
+    var outline = '';
+    var fill = '';
+    if (up) {
+        outline = "0,".concat(height, " ").concat(width, ",").concat(height, " {width / 2},0");
+        // prettier-ignore
+        fill = "".concat(border, ",").concat(height, " ").concat(width - border, ",").concat(height, " ").concat(width / 2, ",").concat(border * 2);
+    }
+    else if (down) {
+        outline = "0,0 ".concat(width, ",0 ").concat(width / 2, ",").concat(height);
+        // prettier-ignore
+        fill = "".concat(border, ",0 ").concat(width - border, ",0 ").concat(width / 2, ",").concat(height - border * 2);
+    }
+    else if (left) {
+        outline = "".concat(width, ",0 ").concat(width, ",").concat(height, " 0,").concat(height / 2);
+        // prettier-ignore
+        fill = "".concat(width, ",").concat(border, " ").concat(width, ",").concat(height - border, " ").concat(border * 2, ",").concat(height / 2);
+    }
+    else if (right) {
+        outline = "0,0 0,".concat(height, " ").concat(width, ",").concat(height / 2);
+        // prettier-ignore
+        fill = "0,".concat(border, " 0,").concat(height - border, " ").concat(width - border * 2, ",").concat(height / 2);
+    }
+    return (React.createElement(StyledArrow, null,
+        React.createElement("svg", { height: height, width: width, focusable: "false" },
+            border > 0 && React.createElement(StyledArrowOutline, { points: outline }),
+            React.createElement(StyledArrowFill, { points: fill }))));
+};
+export var Clear = function () {
+    var ctx = useSuperSelectContext();
+    return (React.createElement(StyledClearIcon, __assign({}, ctx.props.clear(), { size: "sm", variant: "tertiary", disabled: ctx.config.disabled, icon: React.createElement(ClearIcon, null), tabIndex: -1 })));
+};
+export var MultiInputContainer = function (props) {
+    return React.createElement(StyledMultiInputContainer, null, props.children);
+};
+export var MultiInput = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledMultiInput, __assign({ ref: ref }, props));
+});
+export var MultiValue = function (props) {
+    var ctx = useSuperSelectContext();
+    return (React.createElement(StyledMultiValue, null,
+        React.createElement(Token, { focused: ctx.state.activeTokenIndex === props.index },
+            React.createElement(Token.Label, null, ctx.option.label(props.option)),
+            React.createElement(Token.Remove, __assign({}, ctx.props.tokenClear(props.index))))));
+};
+export var MultiValueContainer = function (props) {
+    return React.createElement(StyledMultiValueContainer, __assign({}, props));
+};
+export var SearchContainer = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledSearchContainer, __assign({ ref: ref }, props));
+});
+export var Search = function (props) {
+    return React.createElement(Typeahead, __assign({}, props));
+};
+export var Header = function (props) {
+    return React.createElement(StyledHeader, __assign({}, props));
+};
+export var Footer = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledFooter, __assign({ ref: ref }, props, { padding: "md lg" }));
+});
+export var EmptyMessage = function (props) {
+    return (React.createElement(StyledEmptyMessage, __assign({}, props), props.emptyMessage));
+};
+export var Options = function (props) {
+    var ctx = useSuperSelectContext();
+    return React.createElement(StyledOptions, __assign({}, props, ctx.props.menu()));
+};
+export var Group = function (props) {
+    var ctx = useSuperSelectContext();
+    return (React.createElement(StyledGroup, __assign({}, props, ctx.props.item(), { role: "separator", "aria-disabled": true })));
+};
+export var Item = React.forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, _c = _a.isDragging, isDragging = _c === void 0 ? false : _c, props = __rest(_a, ["children", "isDragging"]);
+    var ctx = useSuperSelectContext();
+    var isDraggingOver = React.useContext(InternalDragDropContext).isDraggingOver;
+    var _d = React.useState(0), size = _d[0], setSize = _d[1];
+    var knownSize = (_b = props['data-known-size']) !== null && _b !== void 0 ? _b : 0;
+    React.useEffect(function () {
+        setSize(function (prevSize) { return (knownSize === 0 ? prevSize : knownSize); });
+    }, [knownSize]);
+    var index = props['data-index'];
+    var option = ctx.state.options[index];
+    if (!option) {
+        return null;
+    }
+    var isDisabled = ctx.option.isDisabled(option);
+    var isSelected = ctx.option.isSelected(option);
+    var isOptgroup = ctx.option.isOptgroup(option);
+    var value = ctx === null || ctx === void 0 ? void 0 : ctx.option.value(option);
+    function setNode(node) {
+        if (ctx) {
+            ctx.refs.navigationList.current[index] = node;
+        }
+    }
+    if (isOptgroup) {
+        return React.createElement(ctx.components.Group, __assign({}, props), children);
+    }
+    return (React.createElement(StyledItem, __assign({}, props, ctx.props.item({
+        onClick: function () { return ctx.state.onSelect(option); },
+    }), { "$disabled": ctx.option.isDisabled(option), "$emptyMinHeight": size, "$highlighted": ctx.state.activeMenuIndex === index, "$isDraggable": !isDisabled, "$isDragging": isDragging, "$isDraggingDisabled": Boolean(ctx.state.searchValue), "$isDraggingOver": isDraggingOver, "$selected": isSelected, "aria-posinset": index + 1, "aria-selected": ctx.state.activeMenuIndex === index, "aria-setsize": ctx.state.options.length || 0, id: "item-".concat(value), ref: setNode, role: "option" }),
+        ctx.config.selectionStyle === 'checkbox' && (React.createElement(ctx.components.CheckboxContainer, null,
+            React.createElement(ctx.components.Checkbox, { disabled: isDisabled, checked: isSelected }))),
+        children,
+        ctx.config.selectionStyle === 'checkmark' && (React.createElement(ctx.components.CheckmarkContainer, null, isSelected && React.createElement(ctx.components.Checkmark, null)))));
+});
+export var OptionGroupHeader = function (_a) {
+    var optgroup = _a.optgroup;
+    return React.createElement(StyledOptionGroupLabel, null, optgroup.label);
+};
+export var OptionLabel = function (_a) {
+    var option = _a.option;
+    var ctx = useSuperSelectContext();
+    return (React.createElement(StyledItemLabel, { "$draggable": ctx.config.draggable }, ctx.option.label(option)));
+};
+export var OptionContent = function (_a) {
+    var option = _a.option;
+    var ctx = useSuperSelectContext();
+    if (ctx.option.isOptgroup(option)) {
+        return React.createElement(ctx.components.OptionGroupHeader, { optgroup: option });
+    }
+    return React.createElement(ctx.components.OptionLabel, { option: option });
+};
+export var DraggableOptionContent = function (_a) {
+    var index = _a.index, option = _a.option;
+    var ctx = useSuperSelectContext();
+    var disabled = ctx.option.isDisabled(option);
+    var isOptgroup = ctx.option.isOptgroup(option);
+    var optionId = isOptgroup ? option.id : option[draggableOptionIdSymbol];
+    return (React.createElement(Draggable, { draggableId: optionId, index: index, key: optionId, isDragDisabled: isOptgroup || disabled || Boolean(ctx.state.searchValue) }, function (provided) {
+        return (React.createElement(StyledDraggableWrapper, __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
+            !isOptgroup && React.createElement(ctx.components.DragHandle, null),
+            React.createElement(ctx.components.OptionContent, { index: index, option: option })));
+    }));
+};
+export var DragHandle = function (props) {
+    return (React.createElement(StyledGrip, __assign({}, props),
+        React.createElement(Grip, { color: colors.gray45 })));
+};
+export var CheckboxContainer = function (props) {
+    return React.createElement(StyledCheckboxContainer, __assign({}, props));
+};
+export var Checkbox = function (props) {
+    return React.createElement(FakeCheckbox, __assign({}, props));
+};
+export var CheckmarkContainer = function (props) {
+    return React.createElement(StyledCheckmarkContainer, __assign({}, props));
+};
+export var Checkmark = function (props) {
+    return React.createElement(Check, __assign({}, props, { size: "sm" }));
+};
+//# sourceMappingURL=SuperSelect.components.js.map

package/dist/SuperSelect/SuperSelect.components.js.map

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

package/dist/SuperSelect/SuperSelect.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const isOptgroupSymbol: unique symbol;
+export declare const draggableOptionIdSymbol: unique symbol;

package/dist/SuperSelect/SuperSelect.constants.js

@@ -0,0 +1,3 @@
+export var isOptgroupSymbol = Symbol('isOptgroup');
+export var draggableOptionIdSymbol = Symbol();
+//# sourceMappingURL=SuperSelect.constants.js.map

package/dist/SuperSelect/SuperSelect.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuperSelect.constants.js","sourceRoot":"","sources":["../../src/SuperSelect/SuperSelect.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;AACpD,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,EAAE,CAAA"}

package/dist/SuperSelect/SuperSelect.d.ts

@@ -0,0 +1,179 @@
+/// <reference types="lodash" />
+import React from 'react';
+import { SuperSelectConfig } from './SuperSelect.types';
+export declare const InternalDragDropContext: React.Context<{
+    isDraggingOver: boolean;
+}>;
+export declare const SuperSelect: React.ForwardRefExoticComponent<SuperSelectConfig & React.RefAttributes<{
+    config: {
+        block: boolean;
+        disabled: boolean;
+        draggable: boolean;
+        emptyMessage: string;
+        error: boolean | undefined;
+        footer: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        header: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        placeholder: string | undefined;
+        preset: import("./SuperSelect.types").SuperSelectPreset;
+        presetProps: import("./SuperSelect.types").SuperSelectPresetProps | undefined;
+        selectionStyle: "checkbox" | "highlight" | "checkmark";
+        tabIndex: number;
+        loading: boolean;
+        multiple: boolean;
+    };
+    components: {
+        Overlay: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement>>;
+        SingleTrigger: (props: any) => JSX.Element;
+        MultiTrigger: (props: any) => JSX.Element | null;
+        TriggerContainer: React.ForwardRefExoticComponent<any> | React.FC<any>;
+        Trigger: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLDivElement>>;
+        Indicators: (props: any) => JSX.Element;
+        Label: React.ForwardRefExoticComponent<{
+            hoverable: boolean;
+        } & React.RefAttributes<HTMLDivElement>>;
+        Loading: () => JSX.Element;
+        ArrowContainer: (props: any) => JSX.Element;
+        Arrow: ({ up, down, left, right, width, height, border, }: any) => JSX.Element;
+        Clear: () => JSX.Element;
+        MultiInputContainer: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        MultiInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        MultiValue: (props: any) => JSX.Element;
+        MultiValueContainer: (props: any) => JSX.Element;
+        SearchContainer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        Search: (props: any) => JSX.Element;
+        Header: (props: any) => JSX.Element;
+        Footer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+        EmptyMessage: (props: any) => JSX.Element;
+        Options: (props: {
+            children?: React.ReactNode;
+        } & import("../_utils/types").DivAttributes) => JSX.Element;
+        Group: (props: {
+            children?: React.ReactNode;
+        }) => JSX.Element;
+        Item: React.ForwardRefExoticComponent<import("./SuperSelect.types").SuperSelectMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        OptionGroupHeader: ({ optgroup }: any) => JSX.Element;
+        OptionLabel: ({ option }: any) => JSX.Element;
+        OptionContent: ({ option }: any) => JSX.Element;
+        DraggableOptionContent: ({ index, option }: any) => JSX.Element;
+        DragHandle: (props: any) => JSX.Element;
+        CheckboxContainer: (props: any) => JSX.Element;
+        Checkbox: (props: any) => JSX.Element;
+        CheckmarkContainer: (props: any) => JSX.Element;
+        Checkmark: (props: any) => JSX.Element;
+    };
+    state: {
+        activeMenuIndex: number | null;
+        activeTokenIndex: number | null;
+        isEmpty: () => boolean;
+        listContainerHeight: number;
+        listId: string;
+        maxHeight: number;
+        onDragEnd: (result: any) => void;
+        onSelect: (option: any) => void;
+        open: boolean;
+        options: any[];
+        overlayId: string;
+        searchValue: string;
+        selectedIndex: number;
+        selectedLabel: string;
+        selectedOption: any;
+        setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+        setPointer: React.Dispatch<React.SetStateAction<boolean>>;
+        setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
+        sourceOptions: any[];
+        value: import("./SuperSelect.types").SuperSelectValue;
+        width: number;
+    };
+    props: {
+        clear: () => {
+            'aria-hidden': boolean;
+            'aria-label': string;
+            onClick(e: React.MouseEvent<Element, MouseEvent>): void;
+        };
+        emptyMessage: () => {
+            emptyMessage: string;
+        };
+        footer: () => {
+            ref: (el: HTMLElement | null) => void;
+            onKeyDown: (e: React.KeyboardEvent<Element>) => void;
+        };
+        header: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        item: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        label: () => {
+            $hoverable: boolean;
+        };
+        menu: () => {
+            scrollable: boolean;
+            style: {
+                height: number;
+            };
+        };
+        multiInput: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement> & {
+            ref: React.Ref<HTMLInputElement>;
+        };
+        overlay: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+        search: () => {
+            'aria-controls': string;
+            onChange(value: string): void;
+            placeholder: string;
+        };
+        searchContainer: () => {
+            ref: (el: HTMLElement | null) => void;
+        };
+        tokenClear: (index: number) => {
+            onClick(e: React.MouseEvent<Element, MouseEvent>): void;
+        };
+        trigger: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+        virtuoso: () => import("react-virtuoso").VirtuosoProps<{}, {}>;
+    };
+    option: {
+        group: (option: any) => string;
+        isBatch: (option: any) => boolean;
+        isSelected: (option: any) => boolean;
+        isDisabled: (option: any) => boolean;
+        isOptgroup: (item: any) => item is import("./SuperSelect.types").SuperSelectOptgroup;
+        label: (option: any) => string;
+        value: (option: any) => import("./SuperSelect.types").SuperSelectValuePrimitive;
+    };
+    refs: {
+        floating: {
+            placement: import("@floating-ui/react").Placement;
+            strategy: import("@floating-ui/react").Strategy;
+            middlewareData: import("@floating-ui/react").MiddlewareData;
+            x: number | null;
+            y: number | null;
+            update: () => void;
+            reference: (node: HTMLElement | null) => void;
+            floating: (node: HTMLElement | null) => void;
+            positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+            context: {
+                x: number | null;
+                y: number | null;
+                placement: import("@floating-ui/react").Placement;
+                strategy: import("@floating-ui/react").Strategy;
+                middlewareData: import("@floating-ui/react").MiddlewareData;
+                reference: (node: HTMLElement | null) => void;
+                floating: (node: HTMLElement | null) => void;
+                update: () => void;
+                isPositioned: boolean;
+                open: boolean;
+                onOpenChange: (open: boolean) => void;
+                events: import("@floating-ui/react").FloatingEvents;
+                dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+                nodeId: string | undefined;
+                floatingId: string;
+                refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+                elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            };
+            refs: import("@floating-ui/react").ExtendedRefs<HTMLElement>;
+            elements: import("@floating-ui/react").ExtendedElements<HTMLElement>;
+            isPositioned: boolean;
+        };
+        navigationList: React.MutableRefObject<(HTMLElement | null)[]>;
+        virtuoso: React.RefObject<import("react-virtuoso").VirtuosoHandle>;
+    };
+}>>;

package/dist/SuperSelect/SuperSelect.js

@@ -0,0 +1,69 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';
+import React from 'react';
+import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { Virtuoso } from 'react-virtuoso';
+import { presets } from './presets';
+import { DraggableOptionContent, OptionContent } from './SuperSelect.components';
+import { SuperSelectContext, useSuperSelect } from './useSuperSelect';
+import { useVirtuosoResizeErrorFix } from './useVirtuosoResizeErrorFix';
+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));
+};
+function SelectComponent(props, ref) {
+    useVirtuosoResizeErrorFix();
+    var search = props.search === undefined || props.search === true;
+    var preset = props.preset || '';
+    var config = __assign(__assign(__assign({}, presets[preset]), props), { search: search });
+    var ctx = useSuperSelect(config);
+    React.useImperativeHandle(ref, function () { return ctx; });
+    React.useEffect(function () {
+        if (props.value && props.onChange === undefined) {
+            console.warn('Must provide both a `value` and `onChange` prop for a controlled Select');
+        }
+    }, []);
+    return (React.createElement(SuperSelectContext.Provider, { value: ctx },
+        React.createElement(ctx.components.Trigger, __assign({ ref: ctx.refs.floating.reference }, ctx.props.trigger())),
+        React.createElement(FloatingPortal, null, ctx.state.open && (React.createElement(FloatingFocusManager, { context: ctx.refs.floating.context, order: config.search
+                ? ['content', 'reference']
+                : ['reference', 'content'], initialFocus: config.multiple ? undefined : 0 },
+            React.createElement(ctx.components.Overlay, __assign({ ref: ctx.refs.floating.floating }, ctx.props.overlay()),
+                (config.search === true ||
+                    (config.search === undefined && !config.multiple)) && (React.createElement(ctx.components.SearchContainer, __assign({}, ctx.props.searchContainer()),
+                    React.createElement(ctx.components.Search, __assign({}, ctx.props.search())))),
+                config.header && (React.createElement(ctx.components.Header, __assign({}, ctx.props.header()), config.header)),
+                ctx.state.options.length > 0 ? (React.createElement(ctx.components.Options, null, config.draggable ? (React.createElement(DragDropContext, { onDragEnd: ctx.state.onDragEnd },
+                    React.createElement(Droppable, { droppableId: "droppable", mode: "virtual", renderClone: function (provided, snapshot, dragged) {
+                            var option = ctx.state.options[dragged.source.index];
+                            return (React.createElement(ctx.components.Item, __assign({ isDragging: true, "data-index": dragged.source.index }, provided.draggableProps),
+                                React.createElement(ctx.components.DragHandle, null),
+                                React.createElement(ctx.components.OptionLabel, { option: option })));
+                        } }, function (provided, snapshot) {
+                        return (React.createElement(InternalDragDropProvider, { isDraggingOver: snapshot.isDraggingOver },
+                            React.createElement(Virtuoso, __assign({}, ctx.props.virtuoso(), { scrollerRef: function (el) {
+                                    return provided.innerRef(el);
+                                }, itemContent: function (i, data) { return (React.createElement(DraggableOptionContent, { index: i, option: data })); } }))));
+                    }))) : (React.createElement(Virtuoso, __assign({}, ctx.props.virtuoso(), { ref: ctx.refs.virtuoso, itemContent: function (i, option) { return (React.createElement(OptionContent, { option: option })); } }))))) : (React.createElement(ctx.components.EmptyMessage, __assign({}, ctx.props.emptyMessage()))),
+                config.footer && (React.createElement(ctx.components.Footer, __assign({}, ctx.props.footer())))))))));
+}
+export var SuperSelect = React.forwardRef(SelectComponent);
+//# sourceMappingURL=SuperSelect.js.map

package/dist/SuperSelect/SuperSelect.js.map

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

package/dist/SuperSelect/SuperSelect.presets.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledFilterPresetPopoverContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/SuperSelect/SuperSelect.presets.styles.js

@@ -0,0 +1,10 @@
+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 { Popover } from '../Popover';
+import { spacing } from '../_styles/spacing';
+export var StyledFilterPresetPopoverContent = styled(Popover.Content)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacing.sm, spacing.lg);
+var templateObject_1;
+//# sourceMappingURL=SuperSelect.presets.styles.js.map

package/dist/SuperSelect/SuperSelect.presets.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuperSelect.presets.styles.js","sourceRoot":"","sources":["../../src/SuperSelect/SuperSelect.presets.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,gCAAgC,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,kGAAA,eAC1D,EAAU,KAAM,EAAU,OACtC,KADY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CACtC,CAAA"}