@geotab/zenith 1.26.6-beta.1 → 1.26.6-beta.3

package/esm/searchInput/searchInput.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { TFormFieldComponentProps } from "../formField/formField";
-import { ISearchInputRaw } from "../searchInputRaw/searchInputRaw";
-type TFormInput = TFormFieldComponentProps<ISearchInputRaw>;
-export interface ISearchInput extends Omit<TFormInput, "counter"> {
-}
-export declare const SearchInput: React.ForwardRefExoticComponent<Omit<ISearchInput, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export {};

package/esm/searchInput/searchInput.js

@@ -1,24 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { FormField } from "../formField/formField";
-import { SearchInputRaw } from "../searchInputRaw/searchInputRaw";
-const FormInput = FormField(SearchInputRaw);
-export const SearchInput = React.forwardRef((_a, ref) => {
-    var { maxLength } = _a, props = __rest(_a, ["maxLength"]);
-    const normalizedMaxLength = maxLength && Math.max(maxLength, 1);
-    return _jsx(FormInput, Object.assign({}, props, { ref: ref, maxLength: maxLength, counter: normalizedMaxLength
-            ? `${Math.min((props.value).length, normalizedMaxLength)}/${normalizedMaxLength}`
-            : undefined }));
-});
-SearchInput.displayName = "SearchInput";

package/esm/searchInputRaw/searchInputRaw.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import "./searchInputRaw.less";
-export interface ISearchInputRaw {
-    value: string;
-    className?: string;
-    disabled?: boolean;
-    onChange?: (value: string) => void;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    placeholder?: string;
-    ariaLabel?: string;
-    closeButtonTitle?: string;
-    isError?: boolean;
-    maxLength?: number;
-    withDefaultCloseIcon?: boolean;
-    id?: string;
-    /**
-    * @deprecated
-    * @param withNewSearchIcon - will be removed in the next major release
-    */
-    withNewSearchIcon?: boolean;
-    autoFocus?: boolean;
-}
-export declare const SearchInputRaw: React.ForwardRefExoticComponent<ISearchInputRaw & React.RefAttributes<HTMLInputElement>>;
-export declare const TRANSLATIONS: string[];

package/esm/searchInputRaw/searchInputRaw.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useCallback } from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { InputAdornments } from "../inputAdornments/inputAdornments";
-import { IconSearch } from "../icons/iconSearch";
-import { IconClose } from "../icons/iconClose";
-import { useLanguage } from "../utils/localization/useLanguage";
-import { useDrive } from "../utils/theme/useDrive";
-import { useDriveClassName } from "../utils/theme/useDriveClassName";
-export const SearchInputRaw = React.forwardRef(({ value, className = "", disabled, onChange, onKeyDown, onFocus, onBlur, placeholder, ariaLabel, closeButtonTitle, isError, maxLength, withDefaultCloseIcon = false, autoFocus, id }, ref) => {
-    const { translate } = useLanguage();
-    const placeholderValue = placeholder || translate("Search");
-    const closeButtonTitleValue = closeButtonTitle || translate("Clear");
-    const ariaLabelValue = ariaLabel || translate("Search field");
-    const disabledClassName = disabled ? "zen-search-input__input--disabled" : "";
-    const isDrive = useDrive();
-    const driveCloseButtonClassName = useDriveClassName("zen-search-input__close-button");
-    const searchIconProps = {
-        className: "zen-search-input__pre-icon",
-        size: isDrive ? "huge" : "large"
-    };
-    const searchIcon = _jsx(IconSearch, Object.assign({}, searchIconProps));
-    const handleChange = (event) => {
-        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 === null || onChange === void 0 ? void 0 : onChange("");
-        };
-        closeButton = (_jsx("button", { type: "button", className: closeButtonClassName, onClick: onClick, title: closeButtonTitleValue, children: _jsx(IconClose, { className: "zen-search-input__close-icon", size: isDrive ? "huge" : "large" }) }));
-    }
-    const innerRef = React.useRef(null);
-    const onClickHandler = useCallback(() => {
-        var _a, _b;
-        if (ref) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        else {
-            (_b = innerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-    }, [ref, innerRef]);
-    return (_jsx("div", { onClick: onClickHandler, role: "search", "aria-label": ariaLabelValue, className: classNames(["zen-search-input", className]), children: _jsx(InputAdornments, { id: id, value: value, maxLength: maxLength, isError: isError, startAdornment: searchIcon, className: 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 }) }));
-});
-SearchInputRaw.displayName = "SearchInputRaw";
-export const TRANSLATIONS = [
-    "Search",
-    "Search field",
-    "Clear"
-];

package/esm/searchList/searchList.d.ts

@@ -1,28 +0,0 @@
-import React, { RefObject } from "react";
-import "./searchList.less";
-import { TIconId } from "../static/icons/icons";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface ITreeList {
-    id: string;
-    name: string;
-    parent?: ITreeList;
-    icon?: TIconId;
-    children?: ITreeList[];
-}
-export interface ISearchSingleList extends IZenComponentProps {
-    listData: ITreeList[];
-    selected: Set<string>;
-    onChange: (selected: string, unselect?: string[]) => void;
-    listId: string;
-    parentRef: RefObject<HTMLDivElement>;
-    /**
-    * @deprecated
-    * @param translate - will be removed in the next major release
-    */
-    translate?: (s: string) => string;
-}
-export declare const EmptyList: React.FC<Pick<ISearchSingleList, "translate" | "className">>;
-export declare const WaitingList: React.FC<IZenComponentProps>;
-export declare const TRANSLATIONS: string[];
-declare const _default: React.NamedExoticComponent<ISearchSingleList>;
-export default _default;

package/esm/searchList/searchList.js

@@ -1,154 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
-import { Waiting } from "../waiting/waiting";
-import { ComboList } from "../comboList/comboList";
-import { addAdditionalNavigation, addParentLinks, getChildren, getParents, searchTree, TRANSLATIONS as HelperText, getItemsWithChildren, allInSuffix } from "./searchListHelpers";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { useLanguage } from "../utils/localization/useLanguage";
-export const EmptyList = ({ className }) => {
-    const { translate } = useLanguage();
-    return _jsx("div", { className: classNames(["zen-search-list zen-search-list__container zen-search-list__container--empty", className || ""]), children: translate("No data") });
-};
-export const WaitingList = ({ className }) => _jsx("div", { className: classNames(["zen-search-list zen-search-list__container zen-search-list__container--empty", className || ""]), children: _jsx(Waiting, { isLoading: true, delay: Number.MAX_SAFE_INTEGER, hideOverlay: true }) });
-const SearchSingleList = ({ onChange, listData, className, listId, parentRef, selected }) => {
-    const { translate } = useLanguage();
-    const [searchStack, setSearchStack] = useState([]);
-    const [checkedItems, setNewCheckedItems] = useState(selected);
-    const [hover, setHover] = useState("");
-    const root = useMemo(() => ({
-        id: "root",
-        name: "root",
-        children: listData
-    }), [listData]);
-    const getItemsWithChildrenToTree = useCallback(() => getItemsWithChildren(listData, [...selected]), [listData, selected]);
-    const addParentLinksToTree = useCallback(() => {
-        addParentLinks(listData, root);
-    }, [listData, root]);
-    const addAdditionalNavigationButton = useCallback(() => {
-        listData.length && addAdditionalNavigation(listData, translate);
-    }, [listData, translate]);
-    useLayoutEffect(() => {
-        addParentLinksToTree();
-        addAdditionalNavigationButton();
-        const ids = getItemsWithChildrenToTree();
-        ids.length && setNewCheckedItems(prevValue => {
-            const newSelection = new Set(prevValue);
-            ids.forEach(id => newSelection.add(`${allInSuffix}${id}`));
-            return newSelection;
-        });
-    }, [getItemsWithChildrenToTree, addAdditionalNavigationButton, addParentLinksToTree]);
-    const [showingList, setShowingList] = useState(root.children);
-    const onItemChange = useCallback((nodeId, state) => {
-        var _a, _b;
-        const node = searchTree(root, nodeId);
-        if (nodeId.indexOf("allIn") !== -1) {
-            const parentNode = searchTree(root, nodeId.split("allIn")[1]);
-            const idsToUncheck = getChildren((parentNode === null || parentNode === void 0 ? void 0 : parentNode.children) || []);
-            setNewCheckedItems(prevValue => {
-                const result = new Set(prevValue);
-                const action = state ? "add" : "delete";
-                idsToUncheck.forEach(idToUncheck => {
-                    result.delete(idToUncheck);
-                });
-                result[action](nodeId);
-                result[action](nodeId.split("allIn")[1]);
-                return result;
-            });
-            setHover(nodeId);
-            onChange(nodeId.split("allIn")[1], idsToUncheck);
-            return;
-        }
-        if (nodeId.indexOf("levelUp") !== -1) {
-            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);
-            setSearchStack(newHistory);
-            return;
-        }
-        if (node && node.children) {
-            setHover(node.children[0].id);
-            setSearchStack([...searchStack, node]);
-            setShowingList([...node.children]);
-            return;
-        }
-        setNewCheckedItems(prevValue => {
-            const result = new Set(prevValue);
-            if (node) {
-                getParents(node).forEach(id => {
-                    result.delete(nodeId);
-                    result.delete(`allIn${id}`);
-                });
-            }
-            state ? result.add(nodeId) : result.delete(nodeId);
-            return result;
-        });
-        setHover(nodeId);
-        onChange(nodeId, node ? getParents(node) : undefined);
-    }, [onChange, root, searchStack]);
-    useEffect(() => {
-        const reference = parentRef.current;
-        const updateHover = (order) => {
-            var _a;
-            let updatedIndex = 0;
-            let currentIndex = 0;
-            showingList.forEach((el, index) => {
-                if (el.id !== hover) {
-                    return;
-                }
-                if (order === "next") {
-                    updatedIndex = showingList[index + 1] ? index + 1 : 0;
-                    currentIndex = showingList[index + 1] ? index : showingList.length - 1;
-                }
-                if (order === "previous") {
-                    updatedIndex = showingList[index - 1] ? index - 1 : showingList.length - 1;
-                    currentIndex = showingList[index - 1] ? index : 0;
-                }
-            });
-            setHover((_a = showingList[updatedIndex]) === null || _a === void 0 ? void 0 : _a.id);
-            setShowingList([...showingList].map((el, index) => {
-                if (index === currentIndex) {
-                    return Object.assign(Object.assign({}, el), { hover: false });
-                }
-                if (index === updatedIndex) {
-                    return Object.assign(Object.assign({}, el), { hover: true });
-                }
-                return el;
-            }));
-        };
-        const eventHandler = (e) => {
-            var _a, _b;
-            if (e.key === "ArrowDown") {
-                if (!hover) {
-                    setHover((_a = showingList[0]) === null || _a === void 0 ? void 0 : _a.id);
-                    return;
-                }
-                updateHover("next");
-            }
-            if (e.key === "ArrowUp") {
-                if (!hover) {
-                    setHover((_b = showingList[0]) === null || _b === void 0 ? void 0 : _b.id);
-                    return;
-                }
-                updateHover("previous");
-            }
-            if (e.key === "Enter") {
-                onItemChange(hover, !checkedItems.has(hover));
-            }
-        };
-        if (reference) {
-            reference.addEventListener("keydown", eventHandler);
-        }
-        return () => {
-            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");
-    return _jsx("div", { className: classNames(["zen-search-list zen-search-list__container", className || ""]), children: _jsx(ComboList, { listId: listId, hoverId: hover, lastItemId: searchStack[searchStack.length - 1] ? searchStack[searchStack.length - 1].name : "", checkedItems: checkedItems, items: showingList, onChange: onItemChange, path: path }) });
-};
-export const TRANSLATIONS = [
-    ...HelperText,
-    "List",
-    "No data"
-];
-export default memo(SearchSingleList);

package/esm/searchList/searchListHelpers.d.ts

@@ -1,20 +0,0 @@
-import { TIconId } from "../static/icons/icons";
-export interface ITreeList {
-    id: string;
-    name: string;
-    checked?: boolean;
-    parent?: ITreeList;
-    icon?: TIconId;
-    children?: ITreeList[];
-    path?: string;
-}
-export declare function searchTree(element: ITreeList, elementId: string): ITreeList | null;
-export declare function addParentLinks(tree: ITreeList[], parent: ITreeList | undefined): void;
-export declare function removeCheckedProp(tree: ITreeList[]): void;
-export declare const getChildren: (tree: ITreeList[], result?: string[]) => string[];
-export declare const getParents: (node: ITreeList, result?: string[]) => string[];
-export declare const getItemsWithChildren: (tree: ITreeList[], ids: string[], result?: string[]) => string[];
-export declare const allInSuffix = "allIn";
-export declare const getAdditionalNavigation: (id: string, translate: (s: string) => string) => ITreeList[];
-export declare const addAdditionalNavigation: (tree: ITreeList[], translate: (s: string) => string, path?: string) => void;
-export declare const TRANSLATIONS: string[];

package/esm/searchList/searchListHelpers.js

@@ -1,79 +0,0 @@
-export function searchTree(element, elementId) {
-    let node = null;
-    if (element.id === elementId) {
-        return element;
-    }
-    if (element.children) {
-        for (let i = 0; i < element.children.length; i++) {
-            node = node ? node : searchTree(element.children[i], elementId);
-        }
-    }
-    return node;
-}
-export function addParentLinks(tree, parent) {
-    for (const node of tree) {
-        if (!node.parent) {
-            node.parent = parent;
-        }
-        if (node.children) {
-            addParentLinks(node.children, node);
-        }
-    }
-}
-export function removeCheckedProp(tree) {
-    for (const node of tree) {
-        node.checked = false;
-        if (node.children) {
-            removeCheckedProp(node.children);
-        }
-    }
-}
-export const getChildren = (tree, result = []) => {
-    for (const node of tree) {
-        result.push(node.id);
-        if (node.children) {
-            getChildren(node.children, result);
-        }
-    }
-    return result;
-};
-export const getParents = (node, result = []) => {
-    if (node.parent) {
-        result.push(node.parent.id);
-        getParents(node.parent, result);
-    }
-    return result;
-};
-export const getItemsWithChildren = (tree, ids, result = []) => {
-    for (const node of tree) {
-        if (ids.some(id => id === node.id) && node.children && node.children.length !== 0) {
-            result.push(node.id);
-        }
-        node.children && getItemsWithChildren(node.children, result);
-    }
-    return result;
-};
-export const allInSuffix = "allIn";
-export const getAdditionalNavigation = (id, translate) => [{
-        id: `levelUp${id || ""}`,
-        icon: "zen-lvl-up",
-        path: `${translate("Go back to")} ${id}`,
-        name: translate("Level up")
-    },
-    {
-        id: `${allInSuffix}${id || ""}`,
-        icon: "zen-circle-ok",
-        path: `${translate("All in")} ${id}`,
-        name: `${translate("All in")} ${id || ""}`
-    }];
-export const addAdditionalNavigation = (tree, translate, path) => {
-    for (const node of tree) {
-        if (node.children && node.children.length && node.children[0].id.indexOf("levelUp") === -1) {
-            node.children = [...getAdditionalNavigation(node.id || "", translate), ...node.children];
-            addAdditionalNavigation(node.children, translate, `${path ? "/" + path : path || ""}/${node.id}`);
-        }
-    }
-};
-export const TRANSLATIONS = [
-    "All in", "Go back to", "Level up"
-];

package/esm/searchableField/searchableField.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import "./searchableField.less";
-export interface ISearchableField {
-    inputId?: string;
-    /**
-    * @deprecated
-    * @param translate - will be removed in the next major release
-    */
-    translate?: (s: string) => string;
-    onChange: (e: string) => void;
-    placeholder?: string;
-    openSearch?: boolean;
-    title?: string;
-    value: string;
-    width?: number;
-    onOpenSearch: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    disabled?: boolean;
-    ariaAutocomplete?: "none" | "inline" | "list" | "both";
-    ariaControls: string;
-    ariaOwns: string;
-    inputRef: React.RefObject<HTMLInputElement>;
-    triggerRef?: React.RefObject<HTMLButtonElement>;
-    fullWidth?: boolean;
-}
-export declare const SearchableField: React.FC<ISearchableField>;
-export declare const TRANSLATIONS: string[];

package/esm/searchableField/searchableField.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { IconCrossThin } from "../icons/deprecated/iconCrossThin";
-import { IconArrowDown } from "../icons/deprecated/iconArrowDown";
-import { useLanguage } from "../utils/localization/useLanguage";
-export const SearchableField = ({ openSearch, inputId, title, placeholder, value, width, disabled, ariaControls, onOpenSearch, ariaAutocomplete, ariaOwns, inputRef, onFocus, onBlur, onChange, triggerRef, fullWidth }) => {
-    const { translate } = useLanguage();
-    const clearSearch = () => {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        onChange("");
-    };
-    const handleChange = (e) => {
-        onChange(e.target.value);
-    };
-    const searchInputClass = classNames([
-        "zen-searchable-field__input",
-        value ? "zen-searchable-field__input--short" : "",
-        fullWidth ? "zen-searchable-field__input--full-width" : ""
-    ]);
-    const inputStyle = width ? { width: `${width}px` } : undefined;
-    const openButtonClasses = `zen-searchable-field__field zen-searchable-field__button zen-searchable-field__button--small`;
-    return _jsxs("div", { "data-popup-id": ariaControls, id: ariaOwns, className: classNames(["zen-searchable-field", fullWidth ? "zen-searchable-field--full-width" : ""]), children: [_jsxs("div", { className: classNames(["zen-searchable-field__field", "zen-searchable-field__search", fullWidth ? "zen-searchable-field__field--full-width" : ""]), children: [_jsx("input", { style: inputStyle, id: inputId, onFocus: onFocus, onBlur: onBlur, type: "text", "aria-expanded": openSearch, "aria-controls": ariaControls, "aria-autocomplete": ariaAutocomplete, "aria-haspopup": "listbox", role: "combobox", className: searchInputClass, disabled: disabled, ref: inputRef, onChange: handleChange, value: value, placeholder: placeholder || translate("Search") }), value && _jsx("button", { type: "button", tabIndex: -1, "aria-hidden": "true", className: "zen-searchable-field__close-button", title: translate("Clear search"), onClick: clearSearch, disabled: disabled, children: _jsx(IconCrossThin, { size: "small" }) })] }), _jsx("button", { ref: triggerRef, type: "button", tabIndex: -1, className: openButtonClasses, title: title || translate("Open search"), disabled: disabled, onClick: onOpenSearch, children: _jsx(IconArrowDown, { className: openSearch ? "zen-searchable-field__arrow-icon--up" : "", size: "micro" }) })] });
-};
-export const TRANSLATIONS = [
-    "Search", "Clear search", "Open search"
-];

package/esm/select/select.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ISelectRaw, ISelectStatePropsRaw, ISelectStateRaw } from "../selectRaw/selectRaw";
-export interface ISelect extends ISelectRaw {
-}
-export interface ISelectState extends ISelectStateRaw {
-}
-export interface ISelectStateProps extends ISelectStatePropsRaw {
-}
-export declare const Select: import("react").ForwardRefExoticComponent<Omit<import("../formField/formField").TFormFieldComponentProps<Omit<ISelectRaw & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}>, "ref"> & import("react").RefAttributes<HTMLElement | null>>;

package/esm/select/select.js

@@ -1,4 +0,0 @@
-import { memo } from "react";
-import { FormField } from "../formField/formField";
-import { SelectRaw } from "../selectRaw/selectRaw";
-export const Select = FormField(memo(SelectRaw));

package/esm/selectField/selectField.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const SelectField: import("react").ForwardRefExoticComponent<Omit<import("..").TFormFieldComponentProps<Omit<import("../selectRaw/selectRaw").ISelectRaw & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}>, "ref"> & import("react").RefAttributes<HTMLElement | null>>;

package/esm/selectField/selectField.js

@@ -1,2 +0,0 @@
-import { Select } from "../select/select";
-export const SelectField = Select;

package/esm/selectList/selectList.actionTypes.d.ts

@@ -1,88 +0,0 @@
-import { CheckboxState } from "../checkbox/checkboxState";
-import { ISelectListItem } from "./selectListItem";
-export declare enum ListAction {
-    ChangeItemState = "changeItemState",
-    ToggleCurrent = "toggleCurrent",
-    FocusFirst = "focusFirst",
-    FocusLast = "focusLast",
-    FocusNext = "focusNext",
-    FocusPrev = "focusPrev",
-    FocusNextPage = "focusNextPage",
-    FocusPrevPage = "focusPrevPage",
-    SelectFirst = "selectFirst",
-    SelectLast = "selectLast",
-    SelectNext = "selectNext",
-    SelectPrev = "selectPrev",
-    SearchItem = "searchItem",
-    SelectAllToTheBeginning = "selectAllToTheBeginning",
-    SelectAllToTheEnd = "selectAllToTheEnd",
-    ToggleAll = "toggleAll",
-    Focus = "focus",
-    Blur = "blur",
-    Reset = "reset",
-    SetLevel = "level"
-}
-export declare enum SelectDirection {
-    Up = "Up",
-    Down = "Down"
-}
-interface IChangeItemStatePayload {
-    updatedId: string;
-    updatedState: CheckboxState;
-    multiselect: boolean;
-}
-interface IToggleCurrentPayload {
-    multiselect: boolean;
-}
-interface IFocusItemPayload {
-    items: ISelectListItem[];
-}
-interface ISetLevelPayload {
-    items: ISelectListItem[];
-}
-interface IFocusNextPageItemPayload {
-    items: ISelectListItem[];
-    pageSize: number;
-}
-interface ISelectItemPayload {
-    items: ISelectListItem[];
-    multiselect: boolean;
-}
-interface ISelectItemsPayload {
-    items: ISelectListItem[];
-    multiselect: boolean;
-}
-interface IToggleAllPayload {
-    items: ISelectListItem[];
-    multiselect: boolean;
-}
-interface ISearchItemPayload {
-    key: string;
-    items: ISelectListItem[];
-}
-interface IFocusPayload {
-    items: ISelectListItem[];
-    multiselect: boolean;
-}
-interface IBlurPayload {
-    multiselect: boolean;
-}
-interface IResetPayload {
-    items: ISelectListItem[];
-    value: Map<string, CheckboxState>;
-    multiselect: boolean;
-}
-type TChangeItemStateAction = IAction<ListAction.ChangeItemState, IChangeItemStatePayload>;
-type TToggleCurrentAction = IAction<ListAction.ToggleCurrent, IToggleCurrentPayload>;
-type TFocusItemAction = IAction<ListAction.FocusFirst | ListAction.FocusLast | ListAction.FocusNext | ListAction.FocusPrev, IFocusItemPayload>;
-type TFocusNextPageItemAction = IAction<ListAction.FocusNextPage | ListAction.FocusPrevPage, IFocusNextPageItemPayload>;
-type TSelectItemAction = IAction<ListAction.SelectFirst | ListAction.SelectLast | ListAction.SelectNext | ListAction.SelectPrev, ISelectItemPayload>;
-type TSelectItemsAction = IAction<ListAction.SelectAllToTheBeginning | ListAction.SelectAllToTheEnd, ISelectItemsPayload>;
-type TToggleAllAction = IAction<ListAction.ToggleAll, IToggleAllPayload>;
-type TSearchItemAction = IAction<ListAction.SearchItem, ISearchItemPayload>;
-type TSetLevelAction = IAction<ListAction.SetLevel, ISetLevelPayload | undefined>;
-type TFocusAction = IAction<ListAction.Focus, IFocusPayload>;
-type TBlurAction = IAction<ListAction.Blur, IBlurPayload>;
-type TResetAction = IAction<ListAction.Reset, IResetPayload>;
-export type TAction = TChangeItemStateAction | TToggleCurrentAction | TFocusItemAction | TFocusNextPageItemAction | TSelectItemAction | TSelectItemsAction | TToggleAllAction | TSearchItemAction | TFocusAction | TBlurAction | TResetAction | TSetLevelAction;
-export {};

package/esm/selectList/selectList.actionTypes.js

@@ -1,28 +0,0 @@
-export var ListAction;
-(function (ListAction) {
-    ListAction["ChangeItemState"] = "changeItemState";
-    ListAction["ToggleCurrent"] = "toggleCurrent";
-    ListAction["FocusFirst"] = "focusFirst";
-    ListAction["FocusLast"] = "focusLast";
-    ListAction["FocusNext"] = "focusNext";
-    ListAction["FocusPrev"] = "focusPrev";
-    ListAction["FocusNextPage"] = "focusNextPage";
-    ListAction["FocusPrevPage"] = "focusPrevPage";
-    ListAction["SelectFirst"] = "selectFirst";
-    ListAction["SelectLast"] = "selectLast";
-    ListAction["SelectNext"] = "selectNext";
-    ListAction["SelectPrev"] = "selectPrev";
-    ListAction["SearchItem"] = "searchItem";
-    ListAction["SelectAllToTheBeginning"] = "selectAllToTheBeginning";
-    ListAction["SelectAllToTheEnd"] = "selectAllToTheEnd";
-    ListAction["ToggleAll"] = "toggleAll";
-    ListAction["Focus"] = "focus";
-    ListAction["Blur"] = "blur";
-    ListAction["Reset"] = "reset";
-    ListAction["SetLevel"] = "level";
-})(ListAction || (ListAction = {}));
-export var SelectDirection;
-(function (SelectDirection) {
-    SelectDirection["Up"] = "Up";
-    SelectDirection["Down"] = "Down";
-})(SelectDirection || (SelectDirection = {}));

package/esm/selectList/selectList.d.ts

@@ -1,41 +0,0 @@
-import { CheckboxState } from "../checkbox/checkboxState";
-import "./selectList.less";
-import { ISelectListItem } from "./selectListItem";
-import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
-import { FC } from "react";
-interface ICommonProps extends IZenIdComponentProps {
-    multiselect?: boolean;
-    selectItemOnFocus?: boolean;
-    showCheckbox?: boolean;
-    items: ISelectListItem[];
-    value?: Map<string, CheckboxState>;
-    title?: string;
-    disabled?: boolean;
-    forceSelection?: boolean;
-    style?: React.CSSProperties;
-}
-export interface IPassiveSelectList extends ICommonProps {
-    activeIndex?: number;
-    onChangeItem?: (id: string, state: CheckboxState) => void;
-}
-export interface ISelectList extends ICommonProps {
-    title: string;
-    onChange?: (state: Map<string, CheckboxState>) => void;
-    onClick?: (id: string) => void;
-}
-export interface IListState {
-    itemsState: Map<string, CheckboxState>;
-    isItemsStateChanged: boolean;
-    activeIndex: number;
-    searchStr: string;
-    level: string;
-}
-export interface IListStateProps {
-    value?: Map<string, CheckboxState>;
-    multiselect: boolean;
-    items: ISelectListItem[];
-}
-export declare const defaultListItemHeight = 40;
-export declare const SelectList: FC<ISelectList>;
-export declare const PassiveSelectList: (props: any) => import("react/jsx-runtime").JSX.Element;
-export {};