newskit 0.0.0-e5b28c3ee → 0.0.0-e8dca28c4

package/cjs/select/select.js

@@ -0,0 +1,175 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var react_1 = __importStar(require("react"));
+var downshift_1 = require("downshift");
+var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
+var select_panel_1 = require("./select-panel");
+var select_button_1 = require("./select-button");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var utils_1 = require("./utils");
+var context_1 = require("../utils/hooks/use-media-query/context");
+var use_media_query_1 = require("../utils/hooks/use-media-query");
+var use_virtualized_list_1 = require("./use-virtualized-list");
+var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
+    var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized"]);
+    var selectRef = (0, react_1.useRef)(null);
+    var localInputRef = (0, react_1.useRef)(null);
+    var panelRef = (0, react_1.useRef)(null);
+    var renderInModal = (0, utils_1.shouldRenderInModal)(useModal, (0, use_media_query_1.useBreakpointKey)());
+    var _e = react_1.default.useState(false), isFocused = _e[0], setIsFocused = _e[1];
+    var onSelectButtonFocus = react_1.default.useCallback(function (event) {
+        setIsFocused(true);
+        if (onFocus) {
+            onFocus(event);
+        }
+    }, [onFocus]);
+    var programmaticallySelectedItem = children.find(function (option) { return option.props.selected; });
+    var defaultSelectedItem = children.find(function (option) { return option.props.defaultSelected; });
+    (0, react_1.useEffect)(function () {
+        if (programmaticallySelectedItem || defaultSelectedItem) {
+            // istanbul ignore else
+            if (localInputRef.current) {
+                localInputRef.current.value = programmaticallySelectedItem
+                    ? programmaticallySelectedItem.props.value
+                    : defaultSelectedItem.props.value;
+                if (onChange) {
+                    onChange({
+                        type: 'change',
+                        target: localInputRef.current,
+                    });
+                }
+            }
+        }
+    }, [defaultSelectedItem, onChange, programmaticallySelectedItem]);
+    var onInputChange = react_1.default.useCallback(function (event) {
+        // istanbul ignore else
+        if (localInputRef.current) {
+            localInputRef.current.value = event.selectedItem.props.value;
+        }
+        // istanbul ignore else
+        if (onChange && localInputRef.current) {
+            onChange({
+                type: 'change',
+                target: localInputRef.current,
+            });
+        }
+    }, [onChange]);
+    var _f = react_1.default.useState(-1), highlightedIndex = _f[0], setHighlightedIndex = _f[1];
+    var onHighlightedIndexChange = function (indexChangeEvent) {
+        // istanbul ignore else
+        if (indexChangeEvent.type !== '__item_mouse_move__') {
+            setHighlightedIndex(indexChangeEvent.highlightedIndex);
+        }
+    };
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+    // istanbul ignore next
+    var itemToString = function (item) { var _a, _b; return ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) || ((_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b.value); };
+    /* eslint-enable @typescript-eslint/no-explicit-any */
+    var _g = (0, downshift_1.useSelect)(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, stateReducer: function (_, actionAndChanges) {
+            var type = actionAndChanges.type, changes = actionAndChanges.changes;
+            // Does not close panel in the case we are rendering panel inside a modal
+            if (renderInModal && type === downshift_1.useSelect.stateChangeTypes.MenuBlur) {
+                return __assign(__assign({}, changes), { isOpen: true });
+            }
+            return changes;
+        } }, (programmaticallySelectedItem
+        ? { selectedItem: programmaticallySelectedItem }
+        : {}))), isOpen = _g.isOpen, selectedItem = _g.selectedItem, getToggleButtonProps = _g.getToggleButtonProps, getMenuProps = _g.getMenuProps, getItemProps = _g.getItemProps, openMenu = _g.openMenu, closeMenu = _g.closeMenu;
+    var _h = (0, use_virtualized_list_1.useVirtualizedList)({
+        items: react_1.default.Children.toArray(children),
+        listRef: panelRef,
+        getItemProps: getItemProps,
+        limit: virtualized,
+        highlightedIndex: highlightedIndex,
+        selectedItem: selectedItem,
+        size: size,
+        isOpen: isOpen,
+    }), optionsAsChildren = _h.children, scrollToIndex = _h.scrollToIndex;
+    (0, react_1.useEffect)(function () {
+        if (highlightedIndex)
+            scrollToIndex(highlightedIndex);
+    }, [highlightedIndex, scrollToIndex]);
+    var _j = react_1.default.useState(true), allowBlur = _j[0], setAllowBlur = _j[1];
+    var onSelectButtonBlur = react_1.default.useCallback(function (event) {
+        if (onBlur && allowBlur) {
+            onBlur(event);
+        }
+        setIsFocused(false);
+    }, [allowBlur, onBlur]);
+    var _k = getToggleButtonProps(), downshiftButtonPropsRef = _k.ref, downshiftButtonPropsExceptRef = __rest(_k, ["ref"]);
+    delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
+    var _l = getMenuProps(), downshiftMenuPropsRef = _l.ref, downshiftMenuPropsExceptRef = __rest(_l, ["ref"]);
+    var _m = (0, react_1.useState)({
+        width: 0,
+        top: 0,
+        height: 0,
+        left: 0,
+    }), _o = _m[0], width = _o.width, top = _o.top, height = _o.height, left = _o.left, setSelectRect = _m[1];
+    (0, react_1.useEffect)(function () {
+        if (isOpen && selectRef.current) {
+            var _a = selectRef.current, clientWidth = _a.clientWidth, offsetTop = _a.offsetTop, clientHeight = _a.clientHeight, offsetLeft = _a.offsetLeft;
+            setSelectRect({
+                width: clientWidth,
+                top: offsetTop,
+                height: clientHeight,
+                left: offsetLeft,
+            });
+        }
+    }, [isOpen, selectRef]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(select_button_1.SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: (0, compose_react_refs_1.default)(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef }, downshiftButtonPropsExceptRef, restProps)),
+        react_1.default.createElement(select_panel_1.SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: (0, compose_react_refs_1.default)(panelRef, downshiftMenuPropsRef) }), optionsAsChildren)));
+});
+ThemelessSelect.displayName = 'Select';
+exports.Select = (0, context_1.withMediaQueryProvider)((0, with_own_theme_1.withOwnTheme)(ThemelessSelect)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+}));
+//# sourceMappingURL=select.js.map

package/cjs/select/select.js.map

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

package/cjs/select/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/cjs/select/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/select/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAmEiC"}

package/cjs/select/style-presets.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    selectPanel: {
+        base: {
+            backgroundColor: '{{colors.interface010}}',
+            borderRadius: '{{borders.borderRadiusRounded010}}',
+            boxShadow: '{{shadows.shadow050}}',
+        },
+    },
+    selectOptionItem: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkBase}}',
+            textOverflow: 'ellipsis',
+            borderRadius: '{{borders.borderRadiusSharp}}',
+            borderStyle: 'solid',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderColor: '{{colors.transparent}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+        },
+        focus: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            borderColor: '{{colors.interactiveInput040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInput030}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+        },
+        selected: {
+            backgroundColor: '{{colors.interactiveInput030}}',
+        },
+        'selected:hover': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            color: '{{colors.inkContrast}}',
+        },
+        'selected:focus': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            borderColor: '{{colors.interactiveInput040}}',
+        },
+        'selected:active': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+        },
+        'selected:focus:active': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+        },
+        'selected:focus:hover': {
+            backgroundColor: '{{colors.interactiveInput030}}',
+            color: '{{colors.inkContrast}}',
+        },
+    },
+    selectOptionItemIcon: {
+        selected: {
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+        'selected:hover': {
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+        'selected:focus': {
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+        'selected:active': {
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/select/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/select/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,oCAAoC;YAClD,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,oBAAoB;YAC3B,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,+BAA+B;YAC7C,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,MAAM,EAAE;YACN,eAAe,EAAE,gCAAgC;SAClD;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;SACpC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,gCAAgC;SAClD;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,wBAAwB;SAChC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,iBAAiB,EAAE;YACjB,eAAe,EAAE,gCAAgC;SAClD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,gCAAgC;SAClD;QACD,sBAAsB,EAAE;YACtB,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,wBAAwB;SAChC;KACF;IACD,oBAAoB,EAAE;QACpB,QAAQ,EAAE;YACR,SAAS,EAAE,gCAAgC;SAC5C;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,gCAAgC;SAC5C;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,gCAAgC;SAC5C;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE,gCAAgC;SAC5C;KACF;CAC6B,CAAC"}

package/cjs/select/styled.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import { ButtonSelectSize, SelectPanelOverrides } from './types';
+export declare const StyledButtonIcons: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+    $spaceInline: string;
+    $loading?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSelectButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    $loading?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledButtonContents: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    disabled?: boolean | undefined;
+    $color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownIconButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledSelectPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    $width?: number | undefined;
+    $top?: number | undefined;
+    $left?: number | undefined;
+    $isOpen: boolean;
+    overrides?: SelectPanelOverrides | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledModalPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size?: ButtonSelectSize | undefined;
+    $focused?: boolean | undefined;
+    $selected?: boolean | undefined;
+    $spaceInline?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledOptionIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $size: ButtonSelectSize;
+    $focused?: boolean | undefined;
+    $selected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/select/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAa/D,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;qHA4BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;;;;aAId,OAAO;;yGAoCjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAK5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAwCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}

package/cjs/select/styled.js

@@ -0,0 +1,119 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledOptionIcon = exports.StyledOption = exports.StyledModalPanel = exports.StyledSelectPanel = exports.StyledDropdownIconButton = exports.StyledIconBox = exports.StyledButtonContents = exports.StyledSelectButton = exports.StyledButtonIcons = void 0;
+var logical_properties_1 = require("../utils/logical-properties");
+var style_1 = require("../utils/style");
+var generateCursor = function (disabled, $loading) {
+    if ($loading) {
+        return 'wait';
+    }
+    if (disabled) {
+        return 'not-allowed';
+    }
+    return 'pointer';
+};
+exports.StyledButtonIcons = (0, style_1.styled)('div', {
+    shouldForwardProp: function (prop) {
+        return !['disabled', '$spaceInline', '$loading'].includes(prop);
+    },
+})(function (_a) {
+    var disabled = _a.disabled, $spaceInline = _a.$spaceInline, $loading = _a.$loading, props = __rest(_a, ["disabled", "$spaceInline", "$loading"]);
+    return (0, style_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n\n    ", ";\n    cursor: ", ";\n  "], ["\n    display: flex;\n\n    ", ";\n    cursor: ", ";\n  "])), (0, style_1.getSpacingCssFromTheme)('columnGap', $spaceInline)(props), generateCursor(disabled, $loading));
+});
+exports.StyledSelectButton = style_1.styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  all: unset;\n  flex-grow: 1;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n\n  cursor: ", ";\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", "\n"], ["\n  all: unset;\n  flex-grow: 1;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n\n  cursor: ", ";\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", "\n"])), function (_a) {
+    var disabled = _a.disabled, $loading = _a.$loading;
+    if ($loading) {
+        return 'wait';
+    }
+    if (disabled) {
+        return 'not-allowed';
+    }
+    return 'pointer';
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSpace)("padding", "select.".concat($size, ".button"), '', 'spaceInset');
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSize)("minWidth", "select.".concat($size, ".button"), '', 'minWidth');
+});
+exports.StyledButtonContents = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  ", "\n  ", "\n"], ["\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  ", "\n  ", "\n"])), function (_a) {
+    var $color = _a.$color, disabled = _a.disabled;
+    return "color: ".concat(disabled ? 'inherit' : $color, ";");
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getTypographyPreset)("select.".concat($size, ".button"), '');
+});
+exports.StyledIconBox = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+exports.StyledDropdownIconButton = style_1.styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  all: unset;\n"], ["\n  all: unset;\n"])));
+exports.StyledSelectPanel = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", ";\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"], ["\n  position: absolute;\n  height: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-sizing: border-box;\n  outline: none;\n  z-index: 1;\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", ";\n\n  ", "\n  ", "\n  ", "\n  \n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSpace)("marginTop", "select.".concat($size, ".panel"), '', 'spaceStack');
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSpace)(function (space) { return ({ paddingTop: space, paddingBottom: space }); }, "select.".concat($size, ".panel"), '', 'spaceInset');
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, logical_properties_1.logicalProps)("select.".concat($size, ".panel"));
+}, function (_a) {
+    var $width = _a.$width;
+    return "width: ".concat($width, "px;");
+}, function (_a) {
+    var $top = _a.$top;
+    return "top: ".concat($top, "px;");
+}, function (_a) {
+    var $left = _a.$left;
+    return "left: ".concat($left, "px;");
+}, function (_a) {
+    var $isOpen = _a.$isOpen;
+    return "display: ".concat($isOpen ? 'block' : 'none', ";");
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getStylePreset)("select.".concat($size, ".panel"), '');
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSize)('maxHeight', "select.".concat($size, ".panel"), '', 'maxHeight');
+});
+exports.StyledModalPanel = style_1.styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"], ["\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 100%;\n"])));
+exports.StyledOption = style_1.styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  // LOGICAL_PROPS_TO_DO: this gap is not currently applied because the parent is not display:grid\n  ", ";\n\n  ", ";\n\n  ", "\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", ";\n\n  ", "\n"], ["\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n\n  * {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  // LOGICAL_PROPS_TO_DO: this gap is not currently applied because the parent is not display:grid\n  ", ";\n\n  ", ";\n\n  ", "\n\n  // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n  ", "\n\n  ", ";\n\n  ", "\n"])), function (_a) {
+    var $spaceInline = _a.$spaceInline;
+    return $spaceInline ? (0, style_1.getSpacingCssFromTheme)('columnGap', $spaceInline) : null;
+}, function (_a) {
+    var $size = _a.$size, $focused = _a.$focused, $selected = _a.$selected;
+    return (0, style_1.getStylePreset)("selectOption.".concat($size), '', {
+        isFocused: $focused,
+        isSelected: $selected,
+    });
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getTypographyPreset)("selectOption.".concat($size), '');
+}, function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSpace)("padding", "selectOption.".concat($size), '', 'spaceInset');
+}, (0, logical_properties_1.logicalProps)(), function (_a) {
+    var $size = _a.$size;
+    return (0, style_1.getResponsiveSize)('minHeight', "selectOption.".concat($size), '', 'minHeight');
+});
+exports.StyledOptionIcon = style_1.styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n\n  ", ";\n"])), function (_a) {
+    var $size = _a.$size, $focused = _a.$focused, $selected = _a.$selected;
+    return (0, style_1.getStylePreset)("selectOption.".concat($size, ".icon"), '', {
+        isFocused: $focused,
+        isSelected: $selected,
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=styled.js.map

package/cjs/select/styled.js.map

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

package/cjs/select/types.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { EnhancerOverrides, CommonInputProps } from '../form/types';
+import { LogicalProps } from '../utils/logical-properties';
+import { MQ } from '../utils/style';
+import { Override } from '../utils/overrides';
+import { ModalProps } from '../modal';
+export declare type ButtonSelectSize = 'small' | 'medium' | 'large';
+export interface SelectButtonOverrides extends EnhancerOverrides {
+    width?: MQ<string>;
+    height?: MQ<string>;
+    minWidth?: MQ<string>;
+    minHeight?: MQ<string>;
+    maxWidth?: MQ<string>;
+    stylePreset?: MQ<string>;
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `paddingBlock` and `paddingInline` instead.
+     */
+    spaceInset?: MQ<string>;
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlock` instead.
+     */
+    spaceStack?: MQ<string>;
+    spaceInline?: MQ<string>;
+    typographyPreset?: MQ<string>;
+    loadingIndicator?: {
+        stylePreset?: MQ<string>;
+    };
+}
+export interface SelectPanelOverrides extends LogicalProps {
+    maxHeight?: MQ<string>;
+    stylePreset?: MQ<string>;
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `paddingBlock` and `paddingInline` instead.
+     */
+    spaceInset?: MQ<string>;
+    /**
+     * @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlock` instead.
+     */
+    spaceStack?: MQ<string>;
+}
+export declare type SelectPropsOverrides = {
+    button?: SelectButtonOverrides;
+    panel?: SelectPanelOverrides;
+    modal?: Override<ModalProps>;
+};
+export interface SelectProps extends CommonInputProps {
+    loading?: boolean;
+    children: Array<React.ReactElement<SelectOptionProps>>;
+    validationIcon?: React.ReactNode;
+    useModal?: MQ<boolean>;
+    overrides?: SelectPropsOverrides;
+    virtualized?: number;
+}
+export interface SelectOptionProps {
+    value: string;
+    children: React.ReactNode;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    selectedIcon?: React.ReactNode;
+    selectedDisplay?: React.ReactNode;
+    overrides?: {
+        minHeight?: MQ<string>;
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+        /**
+         * @deprecated This property is deprecated and will be removed in the next major release. Use `paddingBlock` and `paddingInline` instead.
+         */
+        spaceInset?: MQ<string>;
+        spaceInline?: MQ<string>;
+    } & LogicalProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/cjs/select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,oBAAY,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9B,gBAAgB,CAAC,EAAE;QACjB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACzB;AAED,oBAAY,oBAAoB,GAAG;IACjC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAExB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;CAClB"}

package/cjs/select/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/select/types.js.map

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

package/cjs/select/use-virtualized-list.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ButtonSelectSize, SelectOptionProps } from './types';
+export declare const useVirtualizedList: ({ items, listRef, getItemProps, limit, highlightedIndex, selectedItem, size, isOpen, }: {
+    items: React.ReactElement<SelectOptionProps>[];
+    listRef: React.RefObject<HTMLDivElement>;
+    getItemProps: Function;
+    limit: number;
+    highlightedIndex?: number | null | undefined;
+    selectedItem?: React.ReactNode;
+    size: ButtonSelectSize;
+    isOpen: boolean;
+}) => {
+    children: React.ReactNode;
+    scrollToIndex: Function;
+};
+//# sourceMappingURL=use-virtualized-list.d.ts.map

package/cjs/select/use-virtualized-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtualized-list.d.ts","sourceRoot":"","sources":["../../../src/select/use-virtualized-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAG5D,eAAO,MAAM,kBAAkB;WAUtB,MAAM,YAAY,CAAC,iBAAiB,CAAC,EAAE;aACrC,MAAM,SAAS,CAAC,cAAc,CAAC;kBAC1B,QAAQ;WACf,MAAM;;mBAEE,MAAM,SAAS;UACxB,gBAAgB;YACd,OAAO;MACb;IACF,QAAQ,EAAE,MAAM,SAAS,CAAC;IAC1B,aAAa,EAAE,QAAQ,CAAC;CA0GzB,CAAC"}