zcomponents-ui 1.1.6 → 1.2.0

package/dist/index.cjs.js

@@ -1,12 +1,324 @@
 'use strict';
 
-var index = require('./index-BDEyCrDG.js');
-require('react/jsx-runtime');
+var index = require('./index-CfSBwowY.js');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 require('react-hook-form');
-require('react');
 
+var styles = {"zd-button":"ZDropButton-module_zd-button__XVZ-w","zd-button__toggle":"ZDropButton-module_zd-button__toggle__0jdWn","zd-button__toggle-title":"ZDropButton-module_zd-button__toggle-title__OaiVF","zd-button__toggle-icon":"ZDropButton-module_zd-button__toggle-icon__G4tnb","zd-button__content":"ZDropButton-module_zd-button__content__FS-6m","zd-button__search":"ZDropButton-module_zd-button__search__6Nbrx","zd-button__search-input-field":"ZDropButton-module_zd-button__search-input-field__K2avH","zd-button__search-input":"ZDropButton-module_zd-button__search-input__1e643","zd-button__search-clear-btn":"ZDropButton-module_zd-button__search-clear-btn__hJo2h","zd-button__search-clear-btn-icon":"ZDropButton-module_zd-button__search-clear-btn-icon__PWwHy","zd-button__list":"ZDropButton-module_zd-button__list__prV7p","zd-button__list-item":"ZDropButton-module_zd-button__list-item__uRK0D","zd-button__list-item--active":"ZDropButton-module_zd-button__list-item--active__oPoZA","zd-button__list-item-icon":"ZDropButton-module_zd-button__list-item-icon__xgqOm","zd-button__list-item-title":"ZDropButton-module_zd-button__list-item-title__RHTpc"};
 
+const ButtonDropdownToggle = (props) => {
+    const { title, toggleIcon, toggleClassName, children, onButtonToggleClick } = props;
+    const toggleClasses = index.classNames(styles["zd-button__toggle"], toggleClassName);
+    const onToggleClick = (e) => {
+        onButtonToggleClick();
+    };
+    const onToggleMouseLeave = (e) => {
+        e.currentTarget.blur();
+    };
+    return (jsxRuntime.jsxs("button", { className: toggleClasses, onMouseLeave: onToggleMouseLeave, onClick: onToggleClick, children: [toggleIcon && (jsxRuntime.jsx("div", { className: styles["zd-button__toggle-icon"], children: toggleIcon })), title && (jsxRuntime.jsx("span", { className: styles["zd-button__toggle-title"], children: title })), children] }));
+};
+
+const ZDropButtonContent = (props) => {
+    const { children, position = "bottom-left" } = props;
+    const { isOpen, buttonContainerRef, searchInputRef } = react.useContext(ZDropButtonContext);
+    const contentRef = react.useRef(null);
+    const [forcedPositionX, setForcedPositionX] = react.useState();
+    const [forcedPositionY, setForcedPositionY] = react.useState();
+    const [contentHeightValue, setContentHeightValue] = react.useState();
+    const positionStyles = {
+        position: "absolute",
+        ...(position.includes("top") ? { bottom: "100%" } : { top: "100%" }),
+        ...(position.includes("left") ? { left: 0 } : { right: 0 }),
+        ...(forcedPositionX && { ...forcedPositionX }),
+        ...(forcedPositionY && { ...forcedPositionY }),
+        ...(contentHeightValue && { maxHeight: contentHeightValue + "px" }),
+    };
+    const calculateContentHeight = react.useCallback(() => {
+        var _a, _b, _c, _d;
+        if ((contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) && (buttonContainerRef === null || buttonContainerRef === void 0 ? void 0 : buttonContainerRef.current)) {
+            const searchInputHeight = (_b = (_a = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0;
+            const { top, bottom } = index.getAvailableSpace(buttonContainerRef.current);
+            const availableTop = Math.max(0, top - searchInputHeight);
+            const availableBottom = Math.max(0, bottom - searchInputHeight);
+            const liElementHeight = (_d = (_c = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _c === void 0 ? void 0 : _c.querySelector("li")) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().height;
+            if (!liElementHeight) {
+                return;
+            }
+            const approvedHeight = liElementHeight * 2;
+            if (position.includes("top") && availableTop > approvedHeight) {
+                setContentHeightValue(availableTop);
+                return;
+            }
+            if (position.includes("top") && availableTop <= approvedHeight) {
+                setContentHeightValue(availableBottom);
+                setForcedPositionY({ top: "100%", bottom: "auto" });
+                return;
+            }
+            if (position.includes("bottom") && availableBottom > approvedHeight) {
+                setContentHeightValue(availableBottom);
+                return;
+            }
+            if (position.includes("bottom") && availableBottom <= approvedHeight) {
+                setContentHeightValue(availableTop);
+                setForcedPositionY({ top: "auto", bottom: "100%" });
+            }
+        }
+    }, [buttonContainerRef, searchInputRef, position]);
+    const preventFromOverflowX = react.useCallback(() => {
+        if (!(buttonContainerRef === null || buttonContainerRef === void 0 ? void 0 : buttonContainerRef.current) || !contentRef.current) {
+            return;
+        }
+        const buttonRect = buttonContainerRef.current.getBoundingClientRect();
+        const contentWidth = contentRef.current.clientWidth;
+        const viewportWidth = window.innerWidth;
+        const isOverflowLeft = buttonRect.left - contentWidth < 0;
+        const isOverflowRight = buttonRect.right + contentWidth > viewportWidth;
+        if (isOverflowRight && !isOverflowLeft) {
+            setForcedPositionX({ right: 0, left: "auto" });
+            return;
+        }
+        if (!isOverflowRight && isOverflowLeft) {
+            setForcedPositionX({ left: 0, right: "auto" });
+            return;
+        }
+        setForcedPositionX(undefined);
+    }, [buttonContainerRef]);
+    const preventFromOverflowY = react.useCallback(() => {
+        if (!(buttonContainerRef === null || buttonContainerRef === void 0 ? void 0 : buttonContainerRef.current) || !contentRef.current) {
+            return;
+        }
+        const toggleButtonHeight = buttonContainerRef.current.scrollHeight;
+        const buttonDropdownPositionY = buttonContainerRef.current.getBoundingClientRect().y;
+        const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+        const isOverFlowTop = buttonDropdownPositionY < contentRef.current.clientHeight;
+        const isOverFlowBottom = buttonDropdownPositionY +
+            toggleButtonHeight +
+            contentRef.current.clientHeight >
+            viewportHeight;
+        if (!isOverFlowTop && !isOverFlowBottom) {
+            setForcedPositionY(undefined);
+            setContentHeightValue(undefined);
+            return;
+        }
+        if (!isOverFlowTop && isOverFlowBottom) {
+            setForcedPositionY({ top: "auto", bottom: "100%" });
+            setContentHeightValue(undefined);
+            return;
+        }
+        if (isOverFlowTop && !isOverFlowBottom) {
+            setForcedPositionY({ top: "100%", bottom: "auto" });
+            setContentHeightValue(undefined);
+            return;
+        }
+        if (isOverFlowTop && isOverFlowBottom) {
+            calculateContentHeight();
+        }
+    }, [buttonContainerRef, calculateContentHeight]);
+    react.useLayoutEffect(() => {
+        if (isOpen) {
+            preventFromOverflowX();
+            preventFromOverflowY();
+        }
+    }, [isOpen]);
+    react.useLayoutEffect(() => {
+        if (isOpen) {
+            let timeId;
+            const onResize = () => {
+                clearTimeout(timeId);
+                timeId = setTimeout(() => {
+                    preventFromOverflowX();
+                    preventFromOverflowY();
+                }, 50);
+            };
+            window.addEventListener("resize", onResize);
+            return () => {
+                clearTimeout(timeId);
+                window.removeEventListener("resize", onResize);
+            };
+        }
+    }, [isOpen, preventFromOverflowX, preventFromOverflowY]);
+    if (!isOpen) {
+        return null;
+    }
+    return (jsxRuntime.jsx("div", { className: styles["zd-button__content"], style: positionStyles, ref: contentRef, children: children }));
+};
+
+const ZDropButtonList = (props) => {
+    const { children } = props;
+    return jsxRuntime.jsx("ul", { className: styles["zd-button__list"], children: children });
+};
+
+const ZDropButtonListItem = (props) => {
+    const { index: index$1, title, Icon, urlPath, className, linkAs: LinkTag = "a", isActive = false, children, } = props;
+    const { addToRefs, optionsRef, onItemSelect, searchInputRef } = react.useContext(ZDropButtonContext);
+    const itemContainerClasses = (isActive) => index.classNames(styles["zd-button__list-item"], {
+        [styles["zd-button__list-item--active"]]: !urlPath && isActive,
+    }, className);
+    const onItemClick = (e) => {
+        if (!urlPath) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(index$1);
+    };
+    const onItemMouseEnter = () => {
+        optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index$1].focus();
+    };
+    const onItemMouseLeave = () => {
+        optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index$1].blur();
+    };
+    const onItemKeyDown = (e) => {
+        var _a, _b;
+        if ([" ", "Enter"].includes(e.key)) {
+            if (urlPath) {
+                return e.currentTarget.click();
+            }
+            e.preventDefault();
+            e.stopPropagation();
+            onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(index$1);
+            return;
+        }
+        if (e.key === "ArrowUp" && index$1 !== 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index$1 - 1].focus();
+            return;
+        }
+        if (e.key === "ArrowUp" && index$1 === 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) {
+                searchInputRef.current.focus();
+                return;
+            }
+            optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[optionsRef.current.length - 1].focus();
+            return;
+        }
+        if (e.key === "ArrowDown" &&
+            (optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) &&
+            index$1 !== ((_a = optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) === null || _a === void 0 ? void 0 : _a.length) - 1) {
+            e.preventDefault();
+            e.stopPropagation();
+            optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index$1 + 1].focus();
+            return;
+        }
+        if (e.key === "ArrowDown" &&
+            (optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) &&
+            index$1 === ((_b = optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) === null || _b === void 0 ? void 0 : _b.length) - 1) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) {
+                searchInputRef.current.focus();
+                return;
+            }
+            optionsRef.current[0].focus();
+        }
+    };
+    const ItemTypeComponent = urlPath ? LinkTag : "div";
+    return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(ItemTypeComponent, { ref: (el) => addToRefs === null || addToRefs === void 0 ? void 0 : addToRefs(el, index$1), className: itemContainerClasses(isActive), tabIndex: 0, onClick: onItemClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, onKeyDown: onItemKeyDown, ...(urlPath &&
+                (LinkTag === "a" ? { href: urlPath } : { to: urlPath })), children: [Icon && (jsxRuntime.jsx("div", { className: styles["zd-button__list-item-icon"], children: Icon })), jsxRuntime.jsx("span", { className: styles["zd-button__list-item-title"], children: title }), children] }) }));
+};
+
+const ZDropButtonSearch = (props) => {
+    const { placeholder, searchIcon, clearIcon, searchClassName, shouldFocusOnOpen = false, } = props;
+    const { onSearch, searchInputRef, optionsRef, isOpen } = react.useContext(ZDropButtonContext);
+    const [isSearchActive, setIsSearchActive] = react.useState(false);
+    const searchFormClasses = index.classNames(styles["zd-button__search"]);
+    const searchInputFieldClasses = index.classNames(styles["zd-button__search-input-field"], { active: isSearchActive }, searchClassName);
+    const onInputChange = (e) => {
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(e);
+    };
+    const onSearchMouseEnter = () => {
+        setIsSearchActive(true);
+    };
+    const onSearchMouseLeave = (e) => {
+        var _a;
+        if ((searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) && !((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.value)) {
+            e.target.blur();
+            setIsSearchActive(false);
+        }
+    };
+    const onSearchKeyDown = (e) => {
+        var _a, _b;
+        if (["ArrowDown", "Tab"].includes(e.key)) {
+            e.preventDefault();
+            !((_a = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) === null || _a === void 0 ? void 0 : _a.value) && setIsSearchActive(false);
+            optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[0].focus();
+        }
+        if (["ArrowUp"].includes(e.key)) {
+            e.preventDefault();
+            !((_b = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) === null || _b === void 0 ? void 0 : _b.value) && setIsSearchActive(false);
+            optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[optionsRef.current.length - 1].focus();
+        }
+    };
+    const onClearClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) {
+            searchInputRef.current.value = "";
+            searchInputRef.current.focus();
+        }
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch({
+            target: { value: "" },
+        });
+        setIsSearchActive(false);
+    };
+    react.useEffect(() => {
+        if ((searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) && isOpen && shouldFocusOnOpen) {
+            searchInputRef.current.focus();
+        }
+    }, []);
+    return (jsxRuntime.jsx("form", { className: searchFormClasses, onMouseEnter: onSearchMouseEnter, onMouseLeave: onSearchMouseLeave, onKeyDown: onSearchKeyDown, children: jsxRuntime.jsxs("div", { className: searchInputFieldClasses, children: [searchIcon && jsxRuntime.jsx("div", { children: searchIcon }), jsxRuntime.jsx("input", { className: styles["zd-button__search-input"], onChange: onInputChange, ref: searchInputRef, placeholder: placeholder }), jsxRuntime.jsx("button", { className: styles["zd-button__search-clear-btn"], type: "button", onClick: onClearClick, children: clearIcon || (jsxRuntime.jsx("span", { className: styles["zd-button__search-clear-btn-icon"] })) })] }) }));
+};
+
+const ZDropButtonContext = react.createContext({});
+const ZDropButton = (props) => {
+    const { options, title, className, toggleClassName, children, onToggle, toggleIcon, onHide, onSelect, onSearch, isOutsideClickActive = true, } = props;
+    const buttonContainerRef = react.useRef(null);
+    const optionsRef = react.useRef([]);
+    const searchInputRef = react.useRef(null);
+    const [isOpen, setIsOpen] = react.useState(false);
+    const buttonContainerClasses = index.classNames(styles["zd-button"], className);
+    const addToRefs = (element, index) => {
+        return (optionsRef.current[index] = element);
+    };
+    const onButtonToggleClick = () => {
+        setIsOpen((prev) => !prev);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle();
+    };
+    const onItemSelect = (selectedItem) => {
+        setIsOpen(false);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedItem);
+    };
+    index.useOutsideClose(buttonContainerRef, () => {
+        setIsOpen(false);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+    }, {
+        isActive: isOpen && isOutsideClickActive,
+    });
+    react.useEffect(() => {
+        optionsRef.current = optionsRef.current.slice(0, options === null || options === void 0 ? void 0 : options.length);
+    }, [options]);
+    return (jsxRuntime.jsx(ZDropButtonContext.Provider, { value: {
+            isOpen,
+            onButtonToggleClick,
+            onItemSelect,
+            onSearch,
+            buttonContainerRef,
+            optionsRef,
+            searchInputRef,
+            addToRefs,
+        }, children: jsxRuntime.jsxs("div", { ref: buttonContainerRef, className: buttonContainerClasses, children: [jsxRuntime.jsx(ButtonDropdownToggle, { title: title, toggleIcon: toggleIcon, toggleClassName: toggleClassName, onButtonToggleClick: onButtonToggleClick }), isOpen && children] }) }));
+};
+ZDropButton.Content = ZDropButtonContent;
+ZDropButton.List = ZDropButtonList;
+ZDropButton.Item = ZDropButtonListItem;
+ZDropButton.Search = ZDropButtonSearch;
 
 exports.ZDrop = index.ZDrop;
 exports.ZDropField = index.ZDropField;
+exports.ZDropButton = ZDropButton;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../src/components/ZDropButton/components/ZDropButtonToggle/index.tsx","../src/components/ZDropButton/components/ZDropButtonContent/index.tsx","../src/components/ZDropButton/components/ZDropButtonList/index.tsx","../src/components/ZDropButton/components/ZDropButtonListItem/index.tsx","../src/components/ZDropButton/components/ZDropButtonSearch/index.tsx","../src/components/ZDropButton/index.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["classNames","_jsxs","_jsx","useContext","useRef","useState","useCallback","getAvailableSpace","useLayoutEffect","index","useEffect","createContext","useOutsideClose","ZDropButtonToggle"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,9 +1,86 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ZDropProps } from './react-hook-form.js';
-export { Clear, ExpandToggleRenderer, InputOptionRemove, InputStyleClasses, ListStyleClasses, OptionRenderer, OptionsRef, SearchFilter, StyleClasses, ToggleStyleClasses, ValueRenderer, ZDropClearButtonProps, ZDropDefaultSearchFilter, ZDropField, ZDropInputProps, ZDropLabelProps, ZDropListItemProps, ZDropListNoDataProps, ZDropListProps, ZDropListVisibilityToggleProps, ZDropListWrapperProps, ZDropMultipleInputItemProps, ZDropMultipleInputProps, ZDropMultipleValue, ZDropOption, ZDropSingleInputProps, ZDropSingleInputValueRendererProps, ZDropSingleValue, ZDropValue } from './react-hook-form.js';
+export { Clear, ExpandToggleRenderer, InputOptionRemove, InputStyleClasses, ListStyleClasses, OptionRenderer, OptionsRef, SearchFilter, StyleClasses, ToggleStyleClasses, ValueRenderer, ZDropBaseProps, ZDropClearButtonProps, ZDropDefaultSearchFilter, ZDropField, ZDropInputProps, ZDropLabelProps, ZDropListAutoHeightWrapperProps, ZDropListItemProps, ZDropListNoDataProps, ZDropListProps, ZDropListVisibilityToggleProps, ZDropListWrapperProps, ZDropMultipleInputItemProps, ZDropMultipleInputProps, ZDropMultipleValue, ZDropOption, ZDropSingleInputProps, ZDropSingleInputValueRendererProps, ZDropSingleValue, ZDropValue, ZDropWithAutoHeightProps, ZDropWithReferenceElementProps } from './react-hook-form.js';
+import { ReactNode, ChangeEvent, ReactElement, JSX, RefObject } from 'react';
 import 'react-hook-form';
-import 'react';
 
 declare const ZDrop: (props: ZDropProps) => react_jsx_runtime.JSX.Element;
 
-export { ZDrop, ZDropProps };
+interface ZDropButtonBaseProps {
+    options: any[];
+    className?: string;
+    toggleClassName?: string;
+    children: ReactNode;
+    onToggle?: Function;
+    onSelect?: Function;
+    onHide?: Function;
+    onSearch?: (e: ChangeEvent<HTMLInputElement>) => void;
+    isOutsideClickActive?: boolean;
+}
+interface ToggleButtonTitleRequireProps extends ZDropButtonBaseProps {
+    title: string | number;
+    toggleIcon?: ReactElement;
+}
+interface ToggleButtonIconRequireProps extends ZDropButtonBaseProps {
+    title?: string | number;
+    toggleIcon: ReactElement;
+}
+type ZDropButtonProps = ToggleButtonTitleRequireProps | ToggleButtonIconRequireProps;
+type ZDropItemSelectHandler = (selectedItemIndex: number) => void;
+type ZDropButtonContextType = {
+    isOpen?: boolean;
+    onButtonToggleClick?: () => void;
+    onItemSelect?: ZDropItemSelectHandler;
+    onSearch?: (e: ChangeEvent<HTMLInputElement>) => void;
+    buttonContainerRef?: RefObject<HTMLDivElement | null>;
+    optionsRef?: RefObject<HTMLLIElement[]>;
+    searchInputRef?: RefObject<HTMLInputElement | null>;
+    addToRefs?: Function;
+};
+interface ZDropButtonContentProps {
+    children: ReactNode;
+    position?: "left" | "right" | "top" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+}
+interface ZDropButtonToggleProps {
+    title?: string | number;
+    toggleIcon?: ReactElement;
+    toggleClassName?: string;
+    children?: ReactNode;
+    onButtonToggleClick: () => void;
+}
+interface ZDropButtonListProps {
+    children: ReactNode;
+}
+type LinkLikeComponent = React.ComponentType<{
+    to?: string;
+    children?: React.ReactNode;
+}>;
+type LinkAs = "a" | LinkLikeComponent;
+interface ZDropButtonListItemProps {
+    index: number;
+    title: string | number;
+    Icon?: JSX.Element;
+    urlPath?: string;
+    className?: string;
+    linkAs?: LinkAs;
+    isActive?: boolean;
+    children?: ReactNode;
+}
+interface ZDropButtonSearchProps {
+    placeholder?: string;
+    searchIcon?: ReactElement;
+    clearIcon?: ReactElement;
+    searchClassName?: string;
+    shouldFocusOnOpen?: boolean;
+}
+
+declare const ZDropButton: {
+    (props: ZDropButtonProps): react_jsx_runtime.JSX.Element;
+    Content: (props: ZDropButtonContentProps) => react_jsx_runtime.JSX.Element | null;
+    List: (props: ZDropButtonListProps) => react_jsx_runtime.JSX.Element;
+    Item: (props: ZDropButtonListItemProps) => react_jsx_runtime.JSX.Element;
+    Search: (props: ZDropButtonSearchProps) => react_jsx_runtime.JSX.Element;
+};
+
+export { ZDrop, ZDropButton, ZDropProps };
+export type { LinkLikeComponent, ToggleButtonIconRequireProps, ToggleButtonTitleRequireProps, ZDropButtonBaseProps, ZDropButtonContentProps, ZDropButtonContextType, ZDropButtonListItemProps, ZDropButtonListProps, ZDropButtonProps, ZDropButtonSearchProps, ZDropButtonToggleProps, ZDropItemSelectHandler };