@geotab/zenith 1.26.2 → 1.26.3

package/dist/reportPopup/reportPopup.js

@@ -10,7 +10,6 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const reportPopupContent_1 = require("./reportPopupContent");
 const waiting_1 = require("../waiting/waiting");
 const focusableSelector_1 = require("../utils/focusableSelector");
-require("./reportPopup.less");
 exports.WEB_ITEM_ID = "web";
 /**
  * @deprecated - will be removed in next major release
@@ -37,8 +36,9 @@ const ReportPopup = ({ className, loader, onReportClick = () => { }, onViewInBro
                 }
                 setReports([...data]);
             }).finally(() => {
+                var _a, _b;
                 setIsDataLoading(false);
-                ref.current?.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR)?.focus();
+                (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR)) === null || _b === void 0 ? void 0 : _b.focus();
             });
         }
         else {
@@ -46,11 +46,11 @@ const ReportPopup = ({ className, loader, onReportClick = () => { }, onViewInBro
         }
     }, [isOpen, loader]);
     (0, react_1.useEffect)(() => {
-        !isDataLoading && ref.current?.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR)?.focus();
+        var _a, _b;
+        !isDataLoading && ((_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector(focusableSelector_1.FOCUSABLE_SELECTOR)) === null || _b === void 0 ? void 0 : _b.focus());
     }, [isDataLoading]);
     return (0, jsx_runtime_1.jsx)(popup_1.Popup, { className: (0, classNames_1.classNames)(["zen-report-popup", className || ""]), onOpenChange: onOpenChange, trigger: (0, jsx_runtime_1.jsx)(filterButton_1.FilterButton, { id: triggerId, isActive: isOpen, children: "Report" }), children: isOpen && (isDataLoading ?
             (0, jsx_runtime_1.jsx)(waiting_1.Waiting, { hideOverlay: true, delay: 0, isLoading: isDataLoading }) :
             (0, jsx_runtime_1.jsx)(reportPopupContent_1.ReportPopupContent, { ref: ref, onPreparePDFClick: (id) => { onPreparePDFClick(id); setIsOpen(false); }, onReportClick: (id) => { onReportClick(id); setIsOpen(false); }, onViewInBrowserClick: (id) => { onViewInBrowserClick(id); setIsOpen(false); }, isGrouped: isGrouped, reports: reports })) });
 };
 exports.ReportPopup = ReportPopup;
-//# sourceMappingURL=reportPopup.js.map

package/dist/reportPopup/reportPopupContent.js

@@ -10,16 +10,20 @@ const buttonType_1 = require("../button/buttonType");
 const reports_1 = require("./reports");
 const groupedReportsItem_1 = require("./groupedReportsItem");
 const button_1 = require("../button/button");
-require("./reportPopupContent.less");
 exports.ReportPopupContent = 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 (0, react_1.forwardRef)(function ReportsContent({ isGrouped = false, reports, onPreparePDFClick, onReportClick, onViewInBrowserClick }, ref) {
     const renderReportItem = (0, react_1.useCallback)((report) => (0, jsx_runtime_1.jsx)(reportsItem_1.ReportsItem, { isActive: report.isActive, id: report.id, onReportClick: () => { onReportClick(report.id); }, onPreparePDFClick: () => { onPreparePDFClick(report.id); }, onViewInBrowserClick: () => { onViewInBrowserClick(report.id); }, label: report.label }, report.id), [onReportClick, onPreparePDFClick, onViewInBrowserClick]);
     const renderWebButton = (0, react_1.useCallback)((item) => (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => { onReportClick(item.id); }, className: (0, classNames_1.classNames)(["zen-report-popup-content__header-button", item.isActive ? "zen-report-popup-content__header-button--active" : ""]), type: buttonType_1.ButtonType.Secondary, children: item.label }, item.id), [onReportClick]);
-    const renderGroupedReports = (0, react_1.useCallback)((data) => data.map((item) => item.id === reportPopup_1.WEB_ITEM_ID ?
-        renderWebButton(item) :
-        (0, jsx_runtime_1.jsx)(groupedReportsItem_1.GroupedReportsItem, { label: item.label, children: (0, jsx_runtime_1.jsx)(reports_1.Reports, { children: item.templates?.map((report) => renderReportItem(report)) }) }, item.id)), [renderReportItem, renderWebButton]);
-    const renderReports = (0, react_1.useCallback)((data) => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [data[0]?.id === reportPopup_1.WEB_ITEM_ID ? renderWebButton(data[0]) : "", (0, jsx_runtime_1.jsx)(reports_1.Reports, { children: data.filter(report => report.id !== reportPopup_1.WEB_ITEM_ID).map((report) => renderReportItem(report)) })] }), [renderReportItem, renderWebButton]);
+    const renderGroupedReports = (0, react_1.useCallback)((data) => data.map((item) => {
+        var _a;
+        return item.id === reportPopup_1.WEB_ITEM_ID ?
+            renderWebButton(item) :
+            (0, jsx_runtime_1.jsx)(groupedReportsItem_1.GroupedReportsItem, { label: item.label, children: (0, jsx_runtime_1.jsx)(reports_1.Reports, { children: (_a = item.templates) === null || _a === void 0 ? void 0 : _a.map((report) => renderReportItem(report)) }) }, item.id);
+    }), [renderReportItem, renderWebButton]);
+    const renderReports = (0, react_1.useCallback)((data) => {
+        var _a;
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [((_a = data[0]) === null || _a === void 0 ? void 0 : _a.id) === reportPopup_1.WEB_ITEM_ID ? renderWebButton(data[0]) : "", (0, jsx_runtime_1.jsx)(reports_1.Reports, { children: data.filter(report => report.id !== reportPopup_1.WEB_ITEM_ID).map((report) => renderReportItem(report)) })] });
+    }, [renderReportItem, renderWebButton]);
     return (0, jsx_runtime_1.jsx)("div", { className: "zen-report-popup-content", ref: ref, children: isGrouped ? renderGroupedReports(reports) : renderReports(reports) });
 });
-//# sourceMappingURL=reportPopupContent.js.map

package/dist/reportPopup/reports.js

@@ -3,11 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.Reports = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-require("./reports.less");
 const Reports = ({ children }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-reports-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "reports-header__item", children: translate("Prepare for download") }), (0, jsx_runtime_1.jsx)("span", { className: "reports-header__item", children: translate("More formats") })] }), children] });
 };
 exports.Reports = Reports;
 exports.TRANSLATIONS = ["Prepare for download", "More formats"];
-//# sourceMappingURL=reports.js.map

package/dist/reportPopup/reportsItem.js

@@ -8,7 +8,6 @@ const svgIconSize_1 = require("../svgIcon/svgIconSize");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const reportsItemFormats_1 = require("./reportsItemFormats");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./reportsItem.less");
 const iconOptionsIcon_1 = require("../icons/deprecated/iconOptionsIcon");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const ReportsItem = ({ id, label, onPreparePDFClick, onViewInBrowserClick, onReportClick, isActive }) => {
@@ -17,4 +16,3 @@ const ReportsItem = ({ id, label, onPreparePDFClick, onViewInBrowserClick, onRep
 };
 exports.ReportsItem = ReportsItem;
 exports.TRANSLATIONS = ["Show report formats"];
-//# sourceMappingURL=reportsItem.js.map

package/dist/reportPopup/reportsItemFormats.js

@@ -4,7 +4,6 @@ exports.TRANSLATIONS = exports.ReportsItemFormats = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const button_1 = require("../button/button");
 const textIconButton_1 = require("../textIconButton/textIconButton");
-require("./reportsItemFormats.less");
 const iconLoupe_1 = require("../icons/deprecated/iconLoupe");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const ReportsItemFormats = ({ reportId, onPreparePDFClick, onViewInBrowserClick }) => {
@@ -13,4 +12,3 @@ const ReportsItemFormats = ({ reportId, onPreparePDFClick, onViewInBrowserClick
 };
 exports.ReportsItemFormats = ReportsItemFormats;
 exports.TRANSLATIONS = ["Prepare PDF", "View in Browser"];
-//# sourceMappingURL=reportsItemFormats.js.map

package/dist/searchInput/searchInput.js

@@ -1,4 +1,15 @@
 "use strict";
+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 };
 };
@@ -9,11 +20,11 @@ const react_1 = __importDefault(require("react"));
 const formField_1 = require("../formField/formField");
 const searchInputRaw_1 = require("../searchInputRaw/searchInputRaw");
 const FormInput = (0, formField_1.FormField)(searchInputRaw_1.SearchInputRaw);
-exports.SearchInput = react_1.default.forwardRef(({ maxLength, ...props }, ref) => {
+exports.SearchInput = react_1.default.forwardRef((_a, ref) => {
+    var { maxLength } = _a, props = __rest(_a, ["maxLength"]);
     const normalizedMaxLength = maxLength && Math.max(maxLength, 1);
-    return (0, jsx_runtime_1.jsx)(FormInput, { ...props, ref: ref, maxLength: maxLength, counter: normalizedMaxLength
+    return (0, jsx_runtime_1.jsx)(FormInput, Object.assign({}, props, { ref: ref, maxLength: maxLength, counter: normalizedMaxLength
             ? `${Math.min((props.value).length, normalizedMaxLength)}/${normalizedMaxLength}`
-            : undefined });
+            : undefined }));
 });
 exports.SearchInput.displayName = "SearchInput";
-//# sourceMappingURL=searchInput.js.map

package/dist/searchInputRaw/searchInputRaw.js

@@ -29,7 +29,6 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const inputAdornments_1 = require("../inputAdornments/inputAdornments");
-require("./searchInputRaw.less");
 const iconSearch_1 = require("../icons/iconSearch");
 const iconClose_1 = require("../icons/iconClose");
 const useLanguage_1 = require("../utils/localization/useLanguage");
@@ -47,25 +46,26 @@ exports.SearchInputRaw = React.forwardRef(({ value, className = "", disabled, on
         className: "zen-search-input__pre-icon",
         size: isDrive ? "huge" : "large"
     };
-    const searchIcon = (0, jsx_runtime_1.jsx)(iconSearch_1.IconSearch, { ...searchIconProps });
+    const searchIcon = (0, jsx_runtime_1.jsx)(iconSearch_1.IconSearch, Object.assign({}, searchIconProps));
     const handleChange = (event) => {
-        onChange?.(event.currentTarget.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value);
     };
     let closeButton = null;
     if (!withDefaultCloseIcon) {
         const closeButtonClassName = `zen-search-input__close-button ${value.length ? "zen-search-input__close-button--visible" : ""} ${driveCloseButtonClassName || ""}`;
         const onClick = () => {
-            onChange?.("");
+            onChange === null || onChange === void 0 ? void 0 : onChange("");
         };
         closeButton = ((0, jsx_runtime_1.jsx)("button", { type: "button", className: closeButtonClassName, onClick: onClick, title: closeButtonTitleValue, children: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, { className: "zen-search-input__close-icon", size: isDrive ? "huge" : "large" }) }));
     }
     const innerRef = React.useRef(null);
     const onClickHandler = (0, react_1.useCallback)(() => {
+        var _a, _b;
         if (ref) {
-            ref.current?.focus();
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
         else {
-            innerRef.current?.focus();
+            (_b = innerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
     }, [ref, innerRef]);
     return ((0, jsx_runtime_1.jsx)("div", { onClick: onClickHandler, role: "search", "aria-label": ariaLabelValue, className: (0, classNames_1.classNames)(["zen-search-input", className]), children: (0, jsx_runtime_1.jsx)(inputAdornments_1.InputAdornments, { id: id, value: value, maxLength: maxLength, isError: isError, startAdornment: searchIcon, className: (0, classNames_1.classNames)(["zen-search-input__input", disabledClassName, isError ? "zen-search-input__input--error" : ""]), disabled: disabled, onChange: handleChange, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, placeholder: placeholderValue, inputType: withDefaultCloseIcon ? "search" : "text", endAdornment: closeButton, ref: ref || innerRef, autoFocus: autoFocus }) }));
@@ -76,4 +76,3 @@ exports.TRANSLATIONS = [
     "Search field",
     "Clear"
 ];
-//# sourceMappingURL=searchInputRaw.js.map

package/dist/searchList/searchList.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.WaitingList = exports.EmptyList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-require("./searchList.less");
 const waiting_1 = require("../waiting/waiting");
 const comboList_1 = require("../comboList/comboList");
 const searchListHelpers_1 = require("./searchListHelpers");
@@ -45,10 +44,11 @@ const SearchSingleList = ({ onChange, listData, className, listId, parentRef, se
     }, [getItemsWithChildrenToTree, addAdditionalNavigationButton, addParentLinksToTree]);
     const [showingList, setShowingList] = (0, react_1.useState)(root.children);
     const onItemChange = (0, react_1.useCallback)((nodeId, state) => {
+        var _a, _b;
         const node = (0, searchListHelpers_1.searchTree)(root, nodeId);
         if (nodeId.indexOf("allIn") !== -1) {
             const parentNode = (0, searchListHelpers_1.searchTree)(root, nodeId.split("allIn")[1]);
-            const idsToUncheck = (0, searchListHelpers_1.getChildren)(parentNode?.children || []);
+            const idsToUncheck = (0, searchListHelpers_1.getChildren)((parentNode === null || parentNode === void 0 ? void 0 : parentNode.children) || []);
             setNewCheckedItems(prevValue => {
                 const result = new Set(prevValue);
                 const action = state ? "add" : "delete";
@@ -64,7 +64,7 @@ const SearchSingleList = ({ onChange, listData, className, listId, parentRef, se
             return;
         }
         if (nodeId.indexOf("levelUp") !== -1) {
-            setShowingList([...(searchStack[searchStack.length - 1]?.parent?.children || [])]);
+            setShowingList([...(((_b = (_a = searchStack[searchStack.length - 1]) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.children) || [])]);
             const newHistory = [...searchStack];
             newHistory.pop();
             setHover((newHistory[0] && newHistory[0].children) ? newHistory[0].children[0].id : root.children[0].id);
@@ -94,6 +94,7 @@ const SearchSingleList = ({ onChange, listData, className, listId, parentRef, se
     (0, react_1.useEffect)(() => {
         const reference = parentRef.current;
         const updateHover = (order) => {
+            var _a;
             let updatedIndex = 0;
             let currentIndex = 0;
             showingList.forEach((el, index) => {
@@ -109,28 +110,29 @@ const SearchSingleList = ({ onChange, listData, className, listId, parentRef, se
                     currentIndex = showingList[index - 1] ? index : 0;
                 }
             });
-            setHover(showingList[updatedIndex]?.id);
+            setHover((_a = showingList[updatedIndex]) === null || _a === void 0 ? void 0 : _a.id);
             setShowingList([...showingList].map((el, index) => {
                 if (index === currentIndex) {
-                    return { ...el, hover: false };
+                    return Object.assign(Object.assign({}, el), { hover: false });
                 }
                 if (index === updatedIndex) {
-                    return { ...el, hover: true };
+                    return Object.assign(Object.assign({}, el), { hover: true });
                 }
                 return el;
             }));
         };
         const eventHandler = (e) => {
+            var _a, _b;
             if (e.key === "ArrowDown") {
                 if (!hover) {
-                    setHover(showingList[0]?.id);
+                    setHover((_a = showingList[0]) === null || _a === void 0 ? void 0 : _a.id);
                     return;
                 }
                 updateHover("next");
             }
             if (e.key === "ArrowUp") {
                 if (!hover) {
-                    setHover(showingList[0]?.id);
+                    setHover((_b = showingList[0]) === null || _b === void 0 ? void 0 : _b.id);
                     return;
                 }
                 updateHover("previous");
@@ -143,7 +145,7 @@ const SearchSingleList = ({ onChange, listData, className, listId, parentRef, se
             reference.addEventListener("keydown", eventHandler);
         }
         return () => {
-            reference?.removeEventListener("keydown", eventHandler);
+            reference === null || reference === void 0 ? void 0 : reference.removeEventListener("keydown", eventHandler);
         };
     }, [parentRef, hover, showingList, onItemChange, root, checkedItems]);
     const path = searchStack.map(el => el.name).join("/") || translate("List");
@@ -155,4 +157,3 @@ exports.TRANSLATIONS = [
     "No data"
 ];
 exports.default = (0, react_1.memo)(SearchSingleList);
-//# sourceMappingURL=searchList.js.map

package/dist/searchList/searchListHelpers.js

@@ -88,4 +88,3 @@ exports.addAdditionalNavigation = addAdditionalNavigation;
 exports.TRANSLATIONS = [
     "All in", "Go back to", "Level up"
 ];
-//# sourceMappingURL=searchListHelpers.js.map

package/dist/searchableField/searchableField.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.SearchableField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./searchableField.less");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const iconCrossThin_1 = require("../icons/deprecated/iconCrossThin");
 const iconArrowDown_1 = require("../icons/deprecated/iconArrowDown");
@@ -10,7 +9,8 @@ const useLanguage_1 = require("../utils/localization/useLanguage");
 const SearchableField = ({ openSearch, inputId, title, placeholder, value, width, disabled, ariaControls, onOpenSearch, ariaAutocomplete, ariaOwns, inputRef, onFocus, onBlur, onChange, triggerRef, fullWidth }) => {
     const { translate } = (0, useLanguage_1.useLanguage)();
     const clearSearch = () => {
-        inputRef.current?.focus();
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         onChange("");
     };
     const handleChange = (e) => {
@@ -29,4 +29,3 @@ exports.SearchableField = SearchableField;
 exports.TRANSLATIONS = [
     "Search", "Clear search", "Open search"
 ];
-//# sourceMappingURL=searchableField.js.map

package/dist/select/select.js

@@ -5,4 +5,3 @@ const react_1 = require("react");
 const formField_1 = require("../formField/formField");
 const selectRaw_1 = require("../selectRaw/selectRaw");
 exports.Select = (0, formField_1.FormField)((0, react_1.memo)(selectRaw_1.SelectRaw));
-//# sourceMappingURL=select.js.map

package/dist/selectField/selectField.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectField = void 0;
 const select_1 = require("../select/select");
 exports.SelectField = select_1.Select;
-//# sourceMappingURL=selectField.js.map

package/dist/selectList/selectList.actionTypes.js

@@ -29,4 +29,3 @@ var SelectDirection;
     SelectDirection["Up"] = "Up";
     SelectDirection["Down"] = "Down";
 })(SelectDirection || (exports.SelectDirection = SelectDirection = {}));
-//# sourceMappingURL=selectList.actionTypes.js.map

package/dist/selectList/selectList.helpers.js

@@ -98,4 +98,3 @@ const getInitialState = ({ items, value = new Map([]), multiselect }) => ({
     level: ""
 });
 exports.getInitialState = getInitialState;
-//# sourceMappingURL=selectList.helpers.js.map

package/dist/selectList/selectList.js

@@ -1,4 +1,15 @@
 "use strict";
+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.PassiveSelectList = exports.SelectList = exports.defaultListItemHeight = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -8,7 +19,6 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const keyboard_1 = require("../commonHelpers/keyboard");
 const selectList_actionTypes_1 = require("./selectList.actionTypes");
 const selectList_helpers_1 = require("./selectList.helpers");
-require("./selectList.less");
 const selectList_reducer_1 = require("./selectList.reducer");
 const selectListItem_1 = require("./selectListItem");
 const isChildOf_1 = require("../utils/isChildOf");
@@ -18,14 +28,16 @@ const getScrollableParent_1 = require("../utils/getScrollableParent");
 exports.defaultListItemHeight = 40;
 const MemoizedSelectListItem = (0, react_2.memo)(selectListItem_1.SelectListItem);
 const SelectListInnerComp = (0, react_2.forwardRef)(({ id, items, value, disabled, activeIndex = -1, title, multiselect = false, showCheckbox = false, standalone, className = "", onClickItem, onChangeItem, onKeyDown, onFocus, onBlur, style = {} }, listRef) => {
+    var _a;
     const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-select-list");
     const state = (0, selectList_helpers_1.getInitialState)({ items, value, multiselect });
     state.activeIndex = activeIndex;
-    return (0, jsx_runtime_1.jsx)("ul", { id: id, ref: listRef, className: (0, classNames_1.classNames)(["zen-select-list", driveComponentClass || "", className]), role: "listbox", "aria-multiselectable": multiselect, "aria-activedescendant": standalone ? ((0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex) || items.find(el => !el.disabled)?.id) : undefined, "aria-label": title, "aria-disabled": disabled, tabIndex: standalone && !disabled ? 0 : -1, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, style: style, children: items.map((item, index) => (0, react_1.createElement)(MemoizedSelectListItem, { ...item, className: (0, classNames_1.classNames)(["zen-select-list__item", item.className || ""]), key: item.id, showCheckbox: showCheckbox, state: state.itemsState.get(item.id), focused: state.activeIndex === index, onChange: onChangeItem, onClick: onClickItem }, item.children)) });
+    return (0, jsx_runtime_1.jsx)("ul", { id: id, ref: listRef, className: (0, classNames_1.classNames)(["zen-select-list", driveComponentClass || "", className]), role: "listbox", "aria-multiselectable": multiselect, "aria-activedescendant": standalone ? ((0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex) || ((_a = items.find(el => !el.disabled)) === null || _a === void 0 ? void 0 : _a.id)) : undefined, "aria-label": title, "aria-disabled": disabled, tabIndex: standalone && !disabled ? 0 : -1, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, style: style, children: items.map((item, index) => (0, react_1.createElement)(MemoizedSelectListItem, Object.assign({}, item, { className: (0, classNames_1.classNames)(["zen-select-list__item", item.className || ""]), key: item.id, showCheckbox: showCheckbox, state: state.itemsState.get(item.id), focused: state.activeIndex === index, onChange: onChangeItem, onClick: onClickItem }), item.children)) });
 });
 SelectListInnerComp.displayName = "SelectListInnerComp";
 const SelectListInner = (0, react_2.memo)(SelectListInnerComp);
-const SelectList = ({ items: outerItems, value = new Map(), multiselect = false, selectItemOnFocus = true, forceSelection = false, disabled, onChange, onClick, ...rest }) => {
+const SelectList = (_a) => {
+    var { items: outerItems, value = new Map(), multiselect = false, selectItemOnFocus = true, forceSelection = false, disabled, onChange, onClick } = _a, rest = __rest(_a, ["items", "value", "multiselect", "selectItemOnFocus", "forceSelection", "disabled", "onChange", "onClick"]);
     const items = (0, react_2.useMemo)(() => outerItems, [outerItems]);
     const listRef = (0, react_2.useRef)(null);
     const [state, dispatchState] = (0, react_2.useReducer)(selectList_reducer_1.selectListReducer, { items, value, multiselect }, selectList_helpers_1.getInitialState);
@@ -49,7 +61,7 @@ const SelectList = ({ items: outerItems, value = new Map(), multiselect = false,
     (0, react_2.useEffect)(() => {
         if (state.activeIndex >= 0 && document.activeElement && listRef.current && (0, isChildOf_1.isChildOf)(document.activeElement, listRef.current)) {
             const itemEl = listRef.current.querySelector(`.zen-select-list__item:nth-child(${state.activeIndex + 1})`);
-            itemEl?.scrollIntoView({ block: "nearest" });
+            itemEl === null || itemEl === void 0 ? void 0 : itemEl.scrollIntoView({ block: "nearest" });
         }
     }, [state.activeIndex]);
     (0, react_2.useEffect)(() => {
@@ -110,9 +122,8 @@ const SelectList = ({ items: outerItems, value = new Map(), multiselect = false,
         multiselect && dispatchState({ type: selectList_actionTypes_1.ListAction.Blur, payload: { multiselect } });
         !multiselect && forceSelection && dispatchState({ type: selectList_actionTypes_1.ListAction.Blur, payload: { multiselect } });
     };
-    return (0, jsx_runtime_1.jsx)(SelectListInner, { ...rest, ref: listRef, value: state.itemsState, items: items, activeIndex: state.activeIndex, multiselect: multiselect, standalone: true, disabled: disabled, onChangeItem: onChangeItem, onClickItem: onClick, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur });
+    return (0, jsx_runtime_1.jsx)(SelectListInner, Object.assign({}, rest, { ref: listRef, value: state.itemsState, items: items, activeIndex: state.activeIndex, multiselect: multiselect, standalone: true, disabled: disabled, onChangeItem: onChangeItem, onClickItem: onClick, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur }));
 };
 exports.SelectList = SelectList;
-const PassiveSelectList = (props) => (0, jsx_runtime_1.jsx)(SelectListInnerComp, { ...props, standalone: false });
+const PassiveSelectList = (props) => (0, jsx_runtime_1.jsx)(SelectListInnerComp, Object.assign({}, props, { standalone: false }));
 exports.PassiveSelectList = PassiveSelectList;
-//# sourceMappingURL=selectList.js.map

package/dist/selectList/selectList.reducer.js

@@ -7,20 +7,14 @@ const selectList_helpers_1 = require("./selectList.helpers");
 const selectItem = (state, itemIndex, multiselect) => {
     const itemId = (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, itemIndex);
     if (!itemId) {
-        return { ...state };
+        return Object.assign({}, state);
     }
     const [itemsState, isUpdated] = (0, selectList_helpers_1.updateItemState)(state.itemsState, multiselect, itemId, checkboxState_1.CheckboxState.On);
-    return {
-        ...state,
-        activeIndex: itemIndex,
-        itemsState,
-        isItemsStateChanged: isUpdated,
-        searchStr: ""
-    };
+    return Object.assign(Object.assign({}, state), { activeIndex: itemIndex, itemsState, isItemsStateChanged: isUpdated, searchStr: "" });
 };
 const toggleItems = (items, state, activeIndex, direction, multiselect, newState) => {
     if (!multiselect) {
-        return { ...state };
+        return Object.assign({}, state);
     }
     let newItemsState = new Map(state.itemsState);
     let isUpdated = false;
@@ -36,13 +30,7 @@ const toggleItems = (items, state, activeIndex, direction, multiselect, newState
             isUpdated = isUpdated || isItemUpdated;
         }
     });
-    return {
-        ...state,
-        activeIndex,
-        itemsState: newItemsState,
-        isItemsStateChanged: isUpdated,
-        searchStr: ""
-    };
+    return Object.assign(Object.assign({}, state), { activeIndex, itemsState: newItemsState, isItemsStateChanged: isUpdated, searchStr: "" });
 };
 // eslint-disable-next-line complexity
 const selectListReducer = (state, action) => {
@@ -50,13 +38,7 @@ const selectListReducer = (state, action) => {
     switch (type) {
         case selectList_actionTypes_1.ListAction.ChangeItemState: {
             const [newState, isUpdated] = (0, selectList_helpers_1.updateItemState)(state.itemsState, payload.multiselect, payload.updatedId, payload.updatedState);
-            return {
-                ...state,
-                itemsState: newState,
-                isItemsStateChanged: isUpdated,
-                activeIndex: (0, selectList_helpers_1.getItemIndexById)(newState, payload.updatedId),
-                searchStr: ""
-            };
+            return Object.assign(Object.assign({}, state), { itemsState: newState, isItemsStateChanged: isUpdated, activeIndex: (0, selectList_helpers_1.getItemIndexById)(newState, payload.updatedId), searchStr: "" });
         }
         case selectList_actionTypes_1.ListAction.ToggleCurrent: {
             const currentItemId = (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex);
@@ -64,37 +46,12 @@ const selectListReducer = (state, action) => {
             const [newItemsState, isUpdated] = currentItemId
                 ? (0, selectList_helpers_1.updateItemState)(state.itemsState, payload.multiselect, currentItemId, currentState === checkboxState_1.CheckboxState.On ? checkboxState_1.CheckboxState.Off : checkboxState_1.CheckboxState.On)
                 : [state.itemsState, false];
-            return {
-                ...state,
-                itemsState: newItemsState,
-                isItemsStateChanged: isUpdated,
-                searchStr: ""
-            };
+            return Object.assign(Object.assign({}, state), { itemsState: newItemsState, isItemsStateChanged: isUpdated, searchStr: "" });
         }
-        case selectList_actionTypes_1.ListAction.FocusFirst: return {
-            ...state,
-            activeIndex: (0, selectList_helpers_1.getFirstIndex)(payload.items),
-            isItemsStateChanged: false,
-            searchStr: ""
-        };
-        case selectList_actionTypes_1.ListAction.FocusLast: return {
-            ...state,
-            activeIndex: (0, selectList_helpers_1.getLastIndex)(payload.items),
-            isItemsStateChanged: false,
-            searchStr: ""
-        };
-        case selectList_actionTypes_1.ListAction.FocusNext: return {
-            ...state,
-            activeIndex: (0, selectList_helpers_1.getNextIndex)(state.activeIndex, payload.items),
-            isItemsStateChanged: false,
-            searchStr: ""
-        };
-        case selectList_actionTypes_1.ListAction.FocusPrev: return {
-            ...state,
-            activeIndex: (0, selectList_helpers_1.getPrevIndex)(state.activeIndex, payload.items),
-            isItemsStateChanged: false,
-            searchStr: ""
-        };
+        case selectList_actionTypes_1.ListAction.FocusFirst: return Object.assign(Object.assign({}, state), { activeIndex: (0, selectList_helpers_1.getFirstIndex)(payload.items), isItemsStateChanged: false, searchStr: "" });
+        case selectList_actionTypes_1.ListAction.FocusLast: return Object.assign(Object.assign({}, state), { activeIndex: (0, selectList_helpers_1.getLastIndex)(payload.items), isItemsStateChanged: false, searchStr: "" });
+        case selectList_actionTypes_1.ListAction.FocusNext: return Object.assign(Object.assign({}, state), { activeIndex: (0, selectList_helpers_1.getNextIndex)(state.activeIndex, payload.items), isItemsStateChanged: false, searchStr: "" });
+        case selectList_actionTypes_1.ListAction.FocusPrev: return Object.assign(Object.assign({}, state), { activeIndex: (0, selectList_helpers_1.getPrevIndex)(state.activeIndex, payload.items), isItemsStateChanged: false, searchStr: "" });
         case selectList_actionTypes_1.ListAction.SelectFirst: return selectItem(state, (0, selectList_helpers_1.getFirstIndex)(payload.items), payload.multiselect);
         case selectList_actionTypes_1.ListAction.SelectLast: return selectItem(state, (0, selectList_helpers_1.getLastIndex)(payload.items), payload.multiselect);
         case selectList_actionTypes_1.ListAction.SelectNext: return selectItem(state, (0, selectList_helpers_1.getNextIndex)(state.activeIndex, payload.items), payload.multiselect);
@@ -112,47 +69,23 @@ const selectListReducer = (state, action) => {
             if (isBackSpace) {
                 searchStr = searchStr.slice(0, -1);
             }
-            return {
-                ...state,
-                activeIndex: state.searchStr !== searchStr ? (0, selectList_helpers_1.searchItemIndex)(payload.items, searchStr) : state.activeIndex,
-                isItemsStateChanged: false,
-                searchStr
-            };
+            return Object.assign(Object.assign({}, state), { activeIndex: state.searchStr !== searchStr ? (0, selectList_helpers_1.searchItemIndex)(payload.items, searchStr) : state.activeIndex, isItemsStateChanged: false, searchStr });
         }
         case selectList_actionTypes_1.ListAction.Blur: {
-            return {
-                ...state,
-                isItemsStateChanged: false,
-                searchStr: "",
-                activeIndex: -1
-            };
+            return Object.assign(Object.assign({}, state), { isItemsStateChanged: false, searchStr: "", activeIndex: -1 });
         }
         case selectList_actionTypes_1.ListAction.Focus: {
-            return {
-                ...state,
-                isItemsStateChanged: false,
-                activeIndex: state.activeIndex > -1 ? state.activeIndex : (0, selectList_helpers_1.getFirstActiveIndex)(state.itemsState, payload.items, payload.multiselect)
-            };
+            return Object.assign(Object.assign({}, state), { isItemsStateChanged: false, activeIndex: state.activeIndex > -1 ? state.activeIndex : (0, selectList_helpers_1.getFirstActiveIndex)(state.itemsState, payload.items, payload.multiselect) });
         }
         case selectList_actionTypes_1.ListAction.FocusPrevPage: {
             const prevPage = state.activeIndex - payload.pageSize;
             const prevIndex = prevPage > -1 ? prevPage : 0;
-            return {
-                ...state,
-                isItemsStateChanged: false,
-                activeIndex: (0, selectList_helpers_1.getPrevIndex)(prevIndex + 1, payload.items),
-                searchStr: ""
-            };
+            return Object.assign(Object.assign({}, state), { isItemsStateChanged: false, activeIndex: (0, selectList_helpers_1.getPrevIndex)(prevIndex + 1, payload.items), searchStr: "" });
         }
         case selectList_actionTypes_1.ListAction.FocusNextPage: {
             const nextPage = state.activeIndex + payload.pageSize;
             const nextIndex = nextPage < payload.items.length ? nextPage : payload.items.length - 1;
-            return {
-                ...state,
-                isItemsStateChanged: false,
-                activeIndex: (0, selectList_helpers_1.getNextIndex)(nextIndex - 1, payload.items),
-                searchStr: ""
-            };
+            return Object.assign(Object.assign({}, state), { isItemsStateChanged: false, activeIndex: (0, selectList_helpers_1.getNextIndex)(nextIndex - 1, payload.items), searchStr: "" });
         }
         case selectList_actionTypes_1.ListAction.Reset: {
             const newState = payload.value;
@@ -166,23 +99,14 @@ const selectListReducer = (state, action) => {
             const prevActiveItemId = (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex);
             const newActiveItemIndex = !!prevActiveItemId && (0, selectList_helpers_1.getItemIndexById)(newItemsState, prevActiveItemId);
             const activeIndex = newActiveItemIndex ? newActiveItemIndex : -1;
-            return {
-                ...state,
-                itemsState: newItemsState,
-                activeIndex,
-                isItemsStateChanged: false
-            };
+            return Object.assign(Object.assign({}, state), { itemsState: newItemsState, activeIndex, isItemsStateChanged: false });
         }
         case selectList_actionTypes_1.ListAction.SetLevel: {
             const item = payload ? payload.items[state.activeIndex] : undefined;
             const newLevel = item && item.multiLevel ? item.id : "";
-            return {
-                ...state,
-                level: newLevel
-            };
+            return Object.assign(Object.assign({}, state), { level: newLevel });
         }
         default: throw new Error("Unknown action");
     }
 };
 exports.selectListReducer = selectListReducer;
-//# sourceMappingURL=selectList.reducer.js.map

package/dist/selectList/selectListItem.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const checkboxState_1 = require("../checkbox/checkboxState");
 const checkboxNonInteractive_1 = require("../checkboxNonInteractive/checkboxNonInteractive");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./selectList.less");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const SelectListItem = ({ id, disabled = false, state = checkboxState_1.CheckboxState.Off, showCheckbox = false, focused = false, onChange, onClick, multiLevel, className = "", children }) => {
@@ -36,4 +35,3 @@ const SelectListItem = ({ id, disabled = false, state = checkboxState_1.Checkbox
                     : children, multiLevel && !showCheckbox ? (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large" }) : null] }) });
 };
 exports.SelectListItem = SelectListItem;
-//# sourceMappingURL=selectListItem.js.map

package/dist/selectRaw/hooks/usePopupWidth.js

@@ -29,9 +29,10 @@ const useResize_1 = require("../../commonHelpers/hooks/useResize");
 const constants_1 = require("../utils/constants");
 const getValidWidth_1 = require("../utils/getValidWidth");
 const usePopupWidth = (ref) => {
+    var _a, _b;
     const [popupWidth, setPopupWidth] = react_1.default.useState({
         minWidth: constants_1.POPUP_MIN_WIDTH,
-        width: ref.current?.getBoundingClientRect().width || constants_1.POPUP_MIN_WIDTH,
+        width: ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || constants_1.POPUP_MIN_WIDTH,
         maxWidth: "100%"
     });
     (0, react_1.useLayoutEffect)(() => {
@@ -44,7 +45,7 @@ const usePopupWidth = (ref) => {
             width: (0, getValidWidth_1.getValidWidth)(width),
             maxWidth: "100%"
         });
-    }, [ref.current?.clientWidth, ref]);
+    }, [(_b = ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth, ref]);
     (0, useResize_1.useResize)(() => {
         if (!ref.current) {
             return;
@@ -59,4 +60,3 @@ const usePopupWidth = (ref) => {
     return popupWidth;
 };
 exports.usePopupWidth = usePopupWidth;
-//# sourceMappingURL=usePopupWidth.js.map

package/dist/selectRaw/select.actionTypes.js

@@ -9,4 +9,3 @@ var SelectAction;
     SelectAction["FocusFirstAndExpand"] = "focusFirstAndExpand";
     SelectAction["SearchAndExpand"] = "searchAndExpand";
 })(SelectAction || (exports.SelectAction = SelectAction = {}));
-//# sourceMappingURL=select.actionTypes.js.map