@pixum/combobox 1.0.2 → 1.1.0

package/lib/ComboBox.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ComboBoxProps } from './types';
-import './styles.css';
-declare const ComboBox: React.FC<ComboBoxProps>;
-export default ComboBox;
+import React from 'react';
+import { ComboBoxProps } from './types';
+import './styles.css';
+declare const ComboBox: React.FC<ComboBoxProps>;
+export default ComboBox;

package/lib/ComboBox.js

@@ -1,118 +1,118 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var clsx_1 = __importDefault(require("clsx"));
-require("./styles.css");
-var user_input_1 = require("@pixum/user-input");
-var useIsDesktop_1 = require("./helper/useIsDesktop");
-var react_2 = require("react");
-var bottom_sheet_1 = __importDefault(require("@pixum/bottom-sheet"));
-var ComboboxOptions_1 = __importDefault(require("./ComboboxOptions"));
-var text_1 = __importStar(require("@pixum/text"));
-var ComboBox = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, headline = _a.headline, label = _a.label, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onOutsideClick, onOutsideClick = _e === void 0 ? function () { } : _e, _f = _a.onOptionItemClick, onOptionItemClick = _f === void 0 ? function () { } : _f, onSheetClose = _a.onSheetClose, _g = _a.searchPattern, searchPattern = _g === void 0 ? '' : _g, _h = _a.open, open = _h === void 0 ? false : _h, options = _a.options, placeholder = _a.placeholder, value = _a.value, inputMode = _a.inputMode, noResultsText = _a.noResultsText, leadingType = _a.leadingType, optionDetails = _a.optionDetails, _j = _a.withSearch, withSearch = _j === void 0 ? true : _j;
-    var comboBoxRef = (0, react_1.useRef)(null);
-    var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
-    var _k = (0, react_2.useState)(''), searchQuery = _k[0], setSearchQuery = _k[1];
-    var _l = (0, react_2.useState)(''), selectedValue = _l[0], setSelectedValue = _l[1];
-    var _m = (0, react_2.useState)(placeholder), inputPlaceholder = _m[0], setPlaceholder = _m[1];
-    var _o = (0, react_2.useState)(open), isOpen = _o[0], setIsOpen = _o[1];
-    var optionsExist = Object.keys(options).length > 0;
-    var defaultValue = !selectedValue && value ? value : selectedValue;
-    var showSelectField = !withSearch || (isDesktop && !isOpen) || !isDesktop;
-    (0, react_1.useEffect)(function () {
-        !isOpen && (onSheetClose === null || onSheetClose === void 0 ? void 0 : onSheetClose());
-    }, [isOpen]);
-    var handleChange = function (e) {
-        var searchValue = e.target.value;
-        setSearchQuery(searchValue);
-        onChange(searchValue);
-    };
-    var handleClearInput = function () {
-        setIsOpen(true);
-        setSearchQuery('');
-        onClick();
-    };
-    var handleSelectInputClick = function () {
-        handleClearInput();
-    };
-    var clearAndClose = function () {
-        setIsOpen(false);
-        setSearchQuery('');
-        onOutsideClick();
-    };
-    var handleClickOutside = function (event) {
-        setPlaceholder(placeholder);
-        if (comboBoxRef.current &&
-            !comboBoxRef.current.contains(event.target)) {
-            clearAndClose();
-        }
-    };
-    var handleBottomSheetOnClose = function () {
-        setIsOpen(false);
-    };
-    var handleOptionItemClick = function (optionValue) {
-        if (optionValue) {
-            setSelectedValue(optionValue);
-            onOptionItemClick(optionValue);
-        }
-        setIsOpen(false);
-    };
-    var handleOnArrowClick = function () {
-        clearAndClose();
-    };
-    var NoResultsTextComponent = function () {
-        return (react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.SUBHEADLINE, className: "combobox--no-results-text" }, noResultsText));
-    };
-    var removePlaceholder = function () {
-        setPlaceholder('');
-    };
-    var handleKeyDown = function (e) {
-        var _a;
-        if (e.key === 'Tab') {
-            e.preventDefault();
-            (_a = document.querySelector('.combobox__options .menu-item')) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        document.addEventListener('mousedown', handleClickOutside);
-        return function () {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, []);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        showSelectField && (react_1.default.createElement(user_input_1.SelectInput, { label: label, value: defaultValue, onClick: handleSelectInputClick, isCompact: true, readOnly: true })),
-        isDesktop && isOpen && (react_1.default.createElement("div", { className: (0, clsx_1.default)("combobox", className), ref: comboBoxRef },
-            withSearch && (react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, label: label, onChange: handleChange, onClear: handleClearInput, onKeyDown: handleKeyDown, onArrowClick: handleOnArrowClick, show: isOpen, inputMode: inputMode, autoFocus: true, isCompact: true })),
-            optionsExist ? (react_1.default.createElement(ComboboxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: defaultValue, leadingType: leadingType, optionDetails: optionDetails })) : (react_1.default.createElement(NoResultsTextComponent, null)),
-            react_1.default.createElement("div", null))),
-        !isDesktop && isOpen && (react_1.default.createElement(bottom_sheet_1.default, { open: isOpen, onClose: handleBottomSheetOnClose },
-            react_1.default.createElement("div", { className: "combobox--header" },
-                react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.HEADLINE, className: "combobox--headline" }, headline),
-                withSearch && (react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, onChange: handleChange, onClear: handleClearInput, onFocus: removePlaceholder, placeholder: inputPlaceholder, inputMode: inputMode, show: isOpen, isCompact: true }))),
-            react_1.default.createElement("div", { className: "combobox__options scrollable" }, optionsExist ? (react_1.default.createElement(ComboboxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: defaultValue, leadingType: leadingType, optionDetails: optionDetails })) : (react_1.default.createElement(NoResultsTextComponent, null)))))));
-};
-exports.default = ComboBox;
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+require("./styles.css");
+var user_input_1 = require("@pixum/user-input");
+var useIsDesktop_1 = require("./helper/useIsDesktop");
+var react_2 = require("react");
+var bottom_sheet_1 = __importDefault(require("@pixum/bottom-sheet"));
+var ComboboxOptions_1 = __importDefault(require("./ComboboxOptions"));
+var text_1 = __importStar(require("@pixum/text"));
+var ComboBox = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, headline = _a.headline, label = _a.label, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onOutsideClick, onOutsideClick = _e === void 0 ? function () { } : _e, _f = _a.onOptionItemClick, onOptionItemClick = _f === void 0 ? function () { } : _f, onSheetClose = _a.onSheetClose, _g = _a.searchPattern, searchPattern = _g === void 0 ? '' : _g, _h = _a.open, open = _h === void 0 ? false : _h, options = _a.options, placeholder = _a.placeholder, value = _a.value, inputMode = _a.inputMode, noResultsText = _a.noResultsText, leadingType = _a.leadingType, optionDetails = _a.optionDetails, _j = _a.withSearch, withSearch = _j === void 0 ? true : _j;
+    var comboBoxRef = (0, react_1.useRef)(null);
+    var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
+    var _k = (0, react_2.useState)(''), searchQuery = _k[0], setSearchQuery = _k[1];
+    var _l = (0, react_2.useState)(''), selectedValue = _l[0], setSelectedValue = _l[1];
+    var _m = (0, react_2.useState)(placeholder), inputPlaceholder = _m[0], setPlaceholder = _m[1];
+    var _o = (0, react_2.useState)(open), isOpen = _o[0], setIsOpen = _o[1];
+    var optionsExist = Object.keys(options).length > 0;
+    var defaultValue = !selectedValue && value ? value : selectedValue;
+    var showSelectField = !withSearch || (isDesktop && !isOpen) || !isDesktop;
+    (0, react_1.useEffect)(function () {
+        !isOpen && (onSheetClose === null || onSheetClose === void 0 ? void 0 : onSheetClose());
+    }, [isOpen]);
+    var handleChange = function (e) {
+        var searchValue = e.target.value;
+        setSearchQuery(searchValue);
+        onChange(searchValue);
+    };
+    var handleClearInput = function () {
+        setIsOpen(true);
+        setSearchQuery('');
+        onClick();
+    };
+    var handleSelectInputClick = function () {
+        handleClearInput();
+    };
+    var clearAndClose = function () {
+        setIsOpen(false);
+        setSearchQuery('');
+        onOutsideClick();
+    };
+    var handleClickOutside = function (event) {
+        setPlaceholder(placeholder);
+        if (comboBoxRef.current &&
+            !comboBoxRef.current.contains(event.target)) {
+            clearAndClose();
+        }
+    };
+    var handleBottomSheetOnClose = function () {
+        setIsOpen(false);
+    };
+    var handleOptionItemClick = function (optionValue) {
+        if (optionValue) {
+            setSelectedValue(optionValue);
+            onOptionItemClick(optionValue);
+        }
+        setIsOpen(false);
+    };
+    var handleOnArrowClick = function () {
+        clearAndClose();
+    };
+    var NoResultsTextComponent = function () {
+        return (react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.SUBHEADLINE, className: "combobox--no-results-text" }, noResultsText));
+    };
+    var removePlaceholder = function () {
+        setPlaceholder('');
+    };
+    var handleKeyDown = function (e) {
+        var _a;
+        if (e.key === 'Tab') {
+            e.preventDefault();
+            (_a = document.querySelector('.combobox__options .menu-item')) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        showSelectField && (react_1.default.createElement(user_input_1.SelectInput, { label: label, value: defaultValue, onClick: handleSelectInputClick, isCompact: true, readOnly: true })),
+        isDesktop && isOpen && (react_1.default.createElement("div", { className: (0, clsx_1.default)("combobox", className), ref: comboBoxRef },
+            withSearch && (react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, label: label, onChange: handleChange, onClear: handleClearInput, onKeyDown: handleKeyDown, onArrowClick: handleOnArrowClick, show: isOpen, inputMode: inputMode, autoFocus: true, isCompact: true })),
+            optionsExist ? (react_1.default.createElement(ComboboxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: defaultValue, leadingType: leadingType, optionDetails: optionDetails })) : (react_1.default.createElement(NoResultsTextComponent, null)),
+            react_1.default.createElement("div", null))),
+        !isDesktop && isOpen && (react_1.default.createElement(bottom_sheet_1.default, { open: isOpen, onClose: handleBottomSheetOnClose },
+            react_1.default.createElement("div", { className: "combobox--header" },
+                react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.HEADLINE, className: "combobox--headline" }, headline),
+                withSearch && (react_1.default.createElement(user_input_1.SmallSearchInput, { value: searchQuery, pattern: searchPattern, onChange: handleChange, onClear: handleClearInput, onFocus: removePlaceholder, placeholder: inputPlaceholder, inputMode: inputMode, show: isOpen, isCompact: true }))),
+            react_1.default.createElement("div", { className: "combobox__options scrollable" }, optionsExist ? (react_1.default.createElement(ComboboxOptions_1.default, { options: options, onClick: handleOptionItemClick, selectedOption: defaultValue, leadingType: leadingType, optionDetails: optionDetails })) : (react_1.default.createElement(NoResultsTextComponent, null)))))));
+};
+exports.default = ComboBox;
 //# sourceMappingURL=ComboBox.js.map

package/lib/ComboboxOptions/Options.d.ts

@@ -1,12 +1,12 @@
-import { LeadingType } from '@pixum/menu-item';
-import React from 'react';
-import { ComboBoxOptionProps } from '../types';
-interface OptionsProps {
-    items: ComboBoxOptionProps[];
-    selectedOption?: string;
-    onClick: (value?: string) => void;
-    onKeyDown: (e: React.KeyboardEvent, value?: string) => void;
-    leadingType?: LeadingType;
-}
-declare const Options: React.FC<OptionsProps>;
-export default Options;
+import { LeadingType } from '@pixum/menu-item';
+import React from 'react';
+import { ComboBoxOptionProps } from '../types';
+interface OptionsProps {
+    items: ComboBoxOptionProps[];
+    selectedOption?: string;
+    onClick: (value?: string) => void;
+    onKeyDown: (e: React.KeyboardEvent, value?: string) => void;
+    leadingType?: LeadingType;
+}
+declare const Options: React.FC<OptionsProps>;
+export default Options;

package/lib/ComboboxOptions/Options.js

@@ -1,24 +1,24 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var menu_item_1 = __importDefault(require("@pixum/menu-item"));
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importDefault(require("react"));
-var Options = function (_a) {
-    var items = _a.items, selectedOption = _a.selectedOption, onClick = _a.onClick, onKeyDown = _a.onKeyDown, leadingType = _a.leadingType;
-    return (react_1.default.createElement(react_1.default.Fragment, null, items.map(function (item, index) {
-        var _a;
-        return (react_1.default.createElement(menu_item_1.default, { key: "combobox-item-" + item.text, tabIndex: index, className: (0, clsx_1.default)(selectedOption === item.text && 'selected'), onClick: function () { return onClick(item.text); }, onKeyDown: function (e) { return onKeyDown(e, item.text); }, leadingProps: leadingType
-                ? {
-                    name: item.text,
-                    type: leadingType,
-                }
-                : undefined, selected: selectedOption === item.text, text: item.text, subtext: item.subtext, subItemProps: {
-                text: (_a = item.subItemProps) === null || _a === void 0 ? void 0 : _a.text,
-            } }));
-    })));
-};
-exports.default = Options;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var menu_item_1 = __importDefault(require("@pixum/menu-item"));
+var clsx_1 = __importDefault(require("clsx"));
+var react_1 = __importDefault(require("react"));
+var Options = function (_a) {
+    var items = _a.items, selectedOption = _a.selectedOption, onClick = _a.onClick, onKeyDown = _a.onKeyDown, leadingType = _a.leadingType;
+    return (react_1.default.createElement(react_1.default.Fragment, null, items.map(function (item, index) {
+        var _a;
+        return (react_1.default.createElement(menu_item_1.default, { key: "combobox-item-" + item.text, tabIndex: index, className: (0, clsx_1.default)(selectedOption === item.text && 'selected'), onClick: function () { return onClick(item.text); }, onKeyDown: function (e) { return onKeyDown(e, item.text); }, leadingProps: leadingType
+                ? {
+                    name: item.text,
+                    type: leadingType,
+                }
+                : undefined, selected: selectedOption === item.text, text: item.text, subtext: item.subtext, subItemProps: {
+                text: (_a = item.subItemProps) === null || _a === void 0 ? void 0 : _a.text,
+            } }));
+    })));
+};
+exports.default = Options;
 //# sourceMappingURL=Options.js.map

package/lib/ComboboxOptions/OptionsGroup.d.ts

@@ -1,13 +1,13 @@
-import { LeadingType } from '@pixum/menu-item';
-import React from 'react';
-import { ComboBoxOptionProps } from '../types';
-interface OptionsGroupProps {
-    group: string;
-    items: ComboBoxOptionProps[];
-    selectedOption?: string;
-    onClick: (value?: string) => void;
-    onKeyDown: (e: React.KeyboardEvent, value?: string) => void;
-    leadingType?: LeadingType;
-}
-declare const OptionsGroup: React.FC<OptionsGroupProps>;
-export default OptionsGroup;
+import { LeadingType } from '@pixum/menu-item';
+import React from 'react';
+import { ComboBoxOptionProps } from '../types';
+interface OptionsGroupProps {
+    group: string;
+    items: ComboBoxOptionProps[];
+    selectedOption?: string;
+    onClick: (value?: string) => void;
+    onKeyDown: (e: React.KeyboardEvent, value?: string) => void;
+    leadingType?: LeadingType;
+}
+declare const OptionsGroup: React.FC<OptionsGroupProps>;
+export default OptionsGroup;

package/lib/ComboboxOptions/OptionsGroup.js

@@ -1,35 +1,35 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var text_1 = __importStar(require("@pixum/text"));
-var react_1 = __importDefault(require("react"));
-var Options_1 = __importDefault(require("./Options"));
-var OptionsGroup = function (_a) {
-    var group = _a.group, items = _a.items, selectedOption = _a.selectedOption, onClick = _a.onClick, onKeyDown = _a.onKeyDown, leadingType = _a.leadingType;
-    return (react_1.default.createElement("div", { className: "combobox__options-group", key: "combobox__options-group-" + group },
-        react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.HEADLINE, className: "combobox__sticky-header" }, group),
-        react_1.default.createElement(Options_1.default, { items: items, selectedOption: selectedOption, onClick: onClick, onKeyDown: onKeyDown, leadingType: leadingType })));
-};
-exports.default = OptionsGroup;
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var text_1 = __importStar(require("@pixum/text"));
+var react_1 = __importDefault(require("react"));
+var Options_1 = __importDefault(require("./Options"));
+var OptionsGroup = function (_a) {
+    var group = _a.group, items = _a.items, selectedOption = _a.selectedOption, onClick = _a.onClick, onKeyDown = _a.onKeyDown, leadingType = _a.leadingType;
+    return (react_1.default.createElement("div", { className: "combobox__options-group", key: "combobox__options-group-" + group },
+        react_1.default.createElement(text_1.default, { variant: text_1.TextVariant.HEADLINE, className: "combobox__sticky-header" }, group),
+        react_1.default.createElement(Options_1.default, { items: items, selectedOption: selectedOption, onClick: onClick, onKeyDown: onKeyDown, leadingType: leadingType })));
+};
+exports.default = OptionsGroup;
 //# sourceMappingURL=OptionsGroup.js.map

package/lib/ComboboxOptions/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ComboBoxOptionsProps } from '../types';
-declare const ComboBoxOptions: React.FC<ComboBoxOptionsProps>;
-export default ComboBoxOptions;
+import React from 'react';
+import { ComboBoxOptionsProps } from '../types';
+declare const ComboBoxOptions: React.FC<ComboBoxOptionsProps>;
+export default ComboBoxOptions;

package/lib/ComboboxOptions/index.js

@@ -1,53 +1,53 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var menu_1 = __importDefault(require("@pixum/menu"));
-var useIsDesktop_1 = require("../helper/useIsDesktop");
-var scrollOptionToViewport_1 = require("../helper/scrollOptionToViewport");
-var OptionsGroup_1 = __importDefault(require("./OptionsGroup"));
-var Options_1 = __importDefault(require("./Options"));
-var ComboBoxOptions = function (_a) {
-    var options = _a.options, selectedOption = _a.selectedOption, onClick = _a.onClick, leadingType = _a.leadingType, optionDetails = _a.optionDetails;
-    var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
-    var handleOnItemClick = function (value) {
-        value && (onClick === null || onClick === void 0 ? void 0 : onClick(value));
-    };
-    var handleOnKeyDown = function (e, value) {
-        if (e.key === 'Enter') {
-            handleOnItemClick(value);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        (0, scrollOptionToViewport_1.scrollOptionToViewport)(isDesktop);
-    }, [isDesktop]);
-    return (react_1.default.createElement(menu_1.default, { className: "combobox__options" },
-        Array.isArray(options) ? (react_1.default.createElement(Options_1.default, { items: options, selectedOption: selectedOption, onClick: handleOnItemClick, onKeyDown: handleOnKeyDown, leadingType: leadingType })) : (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(options).map(function (_a) {
-            var group = _a[0], items = _a[1];
-            return (react_1.default.createElement(OptionsGroup_1.default, { group: group, items: items, selectedOption: selectedOption, onClick: handleOnItemClick, onKeyDown: handleOnKeyDown, leadingType: leadingType }));
-        }))),
-        optionDetails && (react_1.default.createElement("div", { className: "combobox__option-details" }, optionDetails))));
-};
-exports.default = ComboBoxOptions;
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var menu_1 = __importDefault(require("@pixum/menu"));
+var useIsDesktop_1 = require("../helper/useIsDesktop");
+var scrollOptionToViewport_1 = require("../helper/scrollOptionToViewport");
+var OptionsGroup_1 = __importDefault(require("./OptionsGroup"));
+var Options_1 = __importDefault(require("./Options"));
+var ComboBoxOptions = function (_a) {
+    var options = _a.options, onClick = _a.onClick, selectedOption = _a.selectedOption, leadingType = _a.leadingType, optionDetails = _a.optionDetails;
+    var isDesktop = (0, useIsDesktop_1.useIsDesktop)();
+    var handleOnItemClick = function (value) {
+        value && (onClick === null || onClick === void 0 ? void 0 : onClick(value));
+    };
+    var handleOnKeyDown = function (e, value) {
+        if (e.key === 'Enter') {
+            handleOnItemClick(value);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        (0, scrollOptionToViewport_1.scrollOptionToViewport)(isDesktop);
+    }, [isDesktop]);
+    return (react_1.default.createElement(menu_1.default, { className: "combobox__options" },
+        Array.isArray(options) ? (react_1.default.createElement(Options_1.default, { items: options, selectedOption: selectedOption, onClick: handleOnItemClick, onKeyDown: handleOnKeyDown, leadingType: leadingType })) : (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(options).map(function (_a) {
+            var group = _a[0], items = _a[1];
+            return (react_1.default.createElement(OptionsGroup_1.default, { group: group, items: items, selectedOption: selectedOption, onClick: handleOnItemClick, onKeyDown: handleOnKeyDown, leadingType: leadingType }));
+        }))),
+        optionDetails && (react_1.default.createElement("div", { className: "combobox__option-details" }, optionDetails))));
+};
+exports.default = ComboBoxOptions;
 //# sourceMappingURL=index.js.map

package/lib/ComboboxOptions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ComboboxOptions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,qDAA8B;AAC9B,uDAAqD;AACrD,2EAAyE;AAEzE,gEAAyC;AACzC,sDAA+B;AAE/B,IAAM,eAAe,GAAmC,UAAC,EAMxD;QALC,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAA;IAEhC,IAAM,iBAAiB,GAAG,UAAC,KAAc;QACvC,KAAK,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,CAAsB,EAAE,KAAc;QAC7D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAA;SACzB;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAA,+CAAsB,EAAC,SAAS,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,8BAAC,cAAI,IAAC,SAAS,EAAC,mBAAmB;QAChC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACxB,8BAAC,iBAAO,IACN,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC,CAAC,CAAC,CACF,8DACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAc;gBAAb,KAAK,QAAA,EAAE,KAAK,QAAA;YAAM,OAAA,CAC/C,8BAAC,sBAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH;QATgD,CAShD,CAAC,CACD,CACJ;QACA,aAAa,IAAI,CAChB,uCAAK,SAAS,EAAC,0BAA0B,IAAE,aAAa,CAAO,CAChE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ComboboxOptions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,qDAA8B;AAC9B,uDAAqD;AACrD,2EAAyE;AAEzE,gEAAyC;AACzC,sDAA+B;AAE/B,IAAM,eAAe,GAAmC,UAAC,EAMxD;QALC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA;IAEb,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAA;IAEhC,IAAM,iBAAiB,GAAG,UAAC,KAAc;QACvC,KAAK,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,CAAsB,EAAE,KAAc;QAC7D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAA;SACzB;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAA,+CAAsB,EAAC,SAAS,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,8BAAC,cAAI,IAAC,SAAS,EAAC,mBAAmB;QAChC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACxB,8BAAC,iBAAO,IACN,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC,CAAC,CAAC,CACF,8DACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAc;gBAAb,KAAK,QAAA,EAAE,KAAK,QAAA;YAAM,OAAA,CAC/C,8BAAC,sBAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH;QATgD,CAShD,CAAC,CACD,CACJ;QACA,aAAa,IAAI,CAChB,uCAAK,SAAS,EAAC,0BAA0B,IAAE,aAAa,CAAO,CAChE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/lib/helper/calculateListMaxHeight.d.ts

@@ -1 +1 @@
-export declare const calculateListMaxHeight: () => number;
+export declare const calculateListMaxHeight: () => number;

package/lib/helper/calculateListMaxHeight.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateListMaxHeight = void 0;
-var calculateListMaxHeight = function () {
-    var windowHeight = window.innerHeight;
-    var headerHeight = 50;
-    var inputFieldHeight = 35;
-    var maxListHeight = windowHeight - headerHeight - inputFieldHeight;
-    return maxListHeight;
-};
-exports.calculateListMaxHeight = calculateListMaxHeight;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateListMaxHeight = void 0;
+var calculateListMaxHeight = function () {
+    var windowHeight = window.innerHeight;
+    var headerHeight = 50;
+    var inputFieldHeight = 35;
+    var maxListHeight = windowHeight - headerHeight - inputFieldHeight;
+    return maxListHeight;
+};
+exports.calculateListMaxHeight = calculateListMaxHeight;
 //# sourceMappingURL=calculateListMaxHeight.js.map

package/lib/helper/scrollOptionToViewport.d.ts

@@ -1 +1 @@
-export declare const scrollOptionToViewport: (isDesktop: boolean) => void;
+export declare const scrollOptionToViewport: (isDesktop: boolean) => void;

package/lib/helper/scrollOptionToViewport.js

@@ -1,22 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollOptionToViewport = void 0;
-var scrollOptionToViewport = function (isDesktop) {
-    var comboboxOptions = isDesktop ? document.querySelector('.menu') :
-        document.querySelector('.combobox__options');
-    var selectedItem = document.querySelector(".menu-item.selected");
-    if (selectedItem && comboboxOptions) {
-        var comboboxOptionsGroup = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.parentElement;
-        if (comboboxOptionsGroup) {
-            var stickyHeader = comboboxOptionsGroup === null || comboboxOptionsGroup === void 0 ? void 0 : comboboxOptionsGroup.querySelector('.sticky-header');
-            var stickyHeaderOffset = stickyHeader === null || stickyHeader === void 0 ? void 0 : stickyHeader.offsetTop;
-            comboboxOptions === null || comboboxOptions === void 0 ? void 0 : comboboxOptions.scrollTo({ top: stickyHeaderOffset });
-        }
-        else {
-            var selectedItemOffset = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.offsetTop;
-            comboboxOptions === null || comboboxOptions === void 0 ? void 0 : comboboxOptions.scrollTo({ top: selectedItemOffset });
-        }
-    }
-};
-exports.scrollOptionToViewport = scrollOptionToViewport;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollOptionToViewport = void 0;
+var scrollOptionToViewport = function (isDesktop) {
+    var comboboxOptions = isDesktop ? document.querySelector('.menu') :
+        document.querySelector('.combobox__options');
+    var selectedItem = document.querySelector(".menu-item.selected");
+    if (selectedItem && comboboxOptions) {
+        var comboboxOptionsGroup = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.parentElement;
+        if (comboboxOptionsGroup) {
+            var stickyHeader = comboboxOptionsGroup === null || comboboxOptionsGroup === void 0 ? void 0 : comboboxOptionsGroup.querySelector('.sticky-header');
+            var stickyHeaderOffset = stickyHeader === null || stickyHeader === void 0 ? void 0 : stickyHeader.offsetTop;
+            comboboxOptions === null || comboboxOptions === void 0 ? void 0 : comboboxOptions.scrollTo({ top: stickyHeaderOffset });
+        }
+        else {
+            var selectedItemOffset = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.offsetTop;
+            comboboxOptions === null || comboboxOptions === void 0 ? void 0 : comboboxOptions.scrollTo({ top: selectedItemOffset });
+        }
+    }
+};
+exports.scrollOptionToViewport = scrollOptionToViewport;
 //# sourceMappingURL=scrollOptionToViewport.js.map