zcomponents-ui 1.1.6 → 1.2.0

package/dist/index.esm.js

@@ -1,5 +1,321 @@
-export { Z as ZDrop, a as ZDropField } from './index-Ctbq3kHw.js';
-import 'react/jsx-runtime';
+import { c as classNames, g as getAvailableSpace, u as useOutsideClose } from './index-DC_KVC71.js';
+export { a as ZDrop, Z as ZDropField } from './index-DC_KVC71.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useRef, useState, useCallback, useLayoutEffect, useEffect, createContext } from 'react';
 import 'react-hook-form';
-import '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 = classNames(styles["zd-button__toggle"], toggleClassName);
+    const onToggleClick = (e) => {
+        onButtonToggleClick();
+    };
+    const onToggleMouseLeave = (e) => {
+        e.currentTarget.blur();
+    };
+    return (jsxs("button", { className: toggleClasses, onMouseLeave: onToggleMouseLeave, onClick: onToggleClick, children: [toggleIcon && (jsx("div", { className: styles["zd-button__toggle-icon"], children: toggleIcon })), title && (jsx("span", { className: styles["zd-button__toggle-title"], children: title })), children] }));
+};
+
+const ZDropButtonContent = (props) => {
+    const { children, position = "bottom-left" } = props;
+    const { isOpen, buttonContainerRef, searchInputRef } = useContext(ZDropButtonContext);
+    const contentRef = useRef(null);
+    const [forcedPositionX, setForcedPositionX] = useState();
+    const [forcedPositionY, setForcedPositionY] = useState();
+    const [contentHeightValue, setContentHeightValue] = 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 = 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 } = 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 = 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 = 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]);
+    useLayoutEffect(() => {
+        if (isOpen) {
+            preventFromOverflowX();
+            preventFromOverflowY();
+        }
+    }, [isOpen]);
+    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 (jsx("div", { className: styles["zd-button__content"], style: positionStyles, ref: contentRef, children: children }));
+};
+
+const ZDropButtonList = (props) => {
+    const { children } = props;
+    return jsx("ul", { className: styles["zd-button__list"], children: children });
+};
+
+const ZDropButtonListItem = (props) => {
+    const { index, title, Icon, urlPath, className, linkAs: LinkTag = "a", isActive = false, children, } = props;
+    const { addToRefs, optionsRef, onItemSelect, searchInputRef } = useContext(ZDropButtonContext);
+    const itemContainerClasses = (isActive) => 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);
+    };
+    const onItemMouseEnter = () => {
+        optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index].focus();
+    };
+    const onItemMouseLeave = () => {
+        optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index].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);
+            return;
+        }
+        if (e.key === "ArrowUp" && index !== 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current[index - 1].focus();
+            return;
+        }
+        if (e.key === "ArrowUp" && index === 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 !== ((_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].focus();
+            return;
+        }
+        if (e.key === "ArrowDown" &&
+            (optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) &&
+            index === ((_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 (jsx("li", { children: jsxs(ItemTypeComponent, { ref: (el) => addToRefs === null || addToRefs === void 0 ? void 0 : addToRefs(el, index), className: itemContainerClasses(isActive), tabIndex: 0, onClick: onItemClick, onMouseEnter: onItemMouseEnter, onMouseLeave: onItemMouseLeave, onKeyDown: onItemKeyDown, ...(urlPath &&
+                (LinkTag === "a" ? { href: urlPath } : { to: urlPath })), children: [Icon && (jsx("div", { className: styles["zd-button__list-item-icon"], children: Icon })), 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 } = useContext(ZDropButtonContext);
+    const [isSearchActive, setIsSearchActive] = useState(false);
+    const searchFormClasses = classNames(styles["zd-button__search"]);
+    const searchInputFieldClasses = 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);
+    };
+    useEffect(() => {
+        if ((searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) && isOpen && shouldFocusOnOpen) {
+            searchInputRef.current.focus();
+        }
+    }, []);
+    return (jsx("form", { className: searchFormClasses, onMouseEnter: onSearchMouseEnter, onMouseLeave: onSearchMouseLeave, onKeyDown: onSearchKeyDown, children: jsxs("div", { className: searchInputFieldClasses, children: [searchIcon && jsx("div", { children: searchIcon }), jsx("input", { className: styles["zd-button__search-input"], onChange: onInputChange, ref: searchInputRef, placeholder: placeholder }), jsx("button", { className: styles["zd-button__search-clear-btn"], type: "button", onClick: onClearClick, children: clearIcon || (jsx("span", { className: styles["zd-button__search-clear-btn-icon"] })) })] }) }));
+};
+
+const ZDropButtonContext = createContext({});
+const ZDropButton = (props) => {
+    const { options, title, className, toggleClassName, children, onToggle, toggleIcon, onHide, onSelect, onSearch, isOutsideClickActive = true, } = props;
+    const buttonContainerRef = useRef(null);
+    const optionsRef = useRef([]);
+    const searchInputRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const buttonContainerClasses = 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);
+    };
+    useOutsideClose(buttonContainerRef, () => {
+        setIsOpen(false);
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+    }, {
+        isActive: isOpen && isOutsideClickActive,
+    });
+    useEffect(() => {
+        optionsRef.current = optionsRef.current.slice(0, options === null || options === void 0 ? void 0 : options.length);
+    }, [options]);
+    return (jsx(ZDropButtonContext.Provider, { value: {
+            isOpen,
+            onButtonToggleClick,
+            onItemSelect,
+            onSearch,
+            buttonContainerRef,
+            optionsRef,
+            searchInputRef,
+            addToRefs,
+        }, children: jsxs("div", { ref: buttonContainerRef, className: buttonContainerClasses, children: [jsx(ButtonDropdownToggle, { title: title, toggleIcon: toggleIcon, toggleClassName: toggleClassName, onButtonToggleClick: onButtonToggleClick }), isOpen && children] }) }));
+};
+ZDropButton.Content = ZDropButtonContent;
+ZDropButton.List = ZDropButtonList;
+ZDropButton.Item = ZDropButtonListItem;
+ZDropButton.Search = ZDropButtonSearch;
+
+export { ZDropButton };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.esm.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":["_jsxs","_jsx","ZDropButtonToggle"],"mappings":"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"}

package/dist/react-hook-form.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BDEyCrDG.js');
+var index = require('./index-CfSBwowY.js');
 require('react/jsx-runtime');
 require('react-hook-form');
 require('react');

package/dist/react-hook-form.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, Control, Path, RegisterOptions } from 'react-hook-form';
-import { ReactElement, FocusEventHandler, MouseEventHandler, ReactNode, Ref, RefObject, KeyboardEventHandler, ChangeEventHandler } from 'react';
+import { ReactElement, FocusEventHandler, MouseEventHandler, RefObject, ReactNode, Ref, KeyboardEventHandler, ChangeEventHandler } from 'react';
 
 type ZDropOption = string | number | {
     [key: string]: any;
@@ -46,7 +46,7 @@ type SearchFilter = ({ options, currentValue, labelKey, }: {
     currentValue: string;
     labelKey: string;
 }) => ZDropOption[];
-interface ZDropProps {
+interface ZDropBaseProps {
     name: string;
     options?: ZDropOption[];
     value?: ZDropValue;
@@ -69,16 +69,34 @@ interface ZDropProps {
     expandToggleRenderer?: ExpandToggleRenderer;
     clearIcon?: ReactElement;
     noDataContent?: string | ReactElement;
-    referenceElementClassName?: string;
-    positionToReferenceElement?: "top" | "bottom";
+    isAutoHeightEnabled?: boolean;
+    autoHeightPosition?: "top" | "bottom";
     listMaxHeightLimiter?: number;
     styleClasses?: StyleClasses;
 }
+interface ZDropWithReferenceElementProps extends ZDropBaseProps {
+    referenceElementClassName?: string;
+    positionToReferenceElement?: "top" | "bottom";
+    isAutoHeightEnabled?: never;
+    autoHeightPosition?: never;
+}
+interface ZDropWithAutoHeightProps extends ZDropBaseProps {
+    referenceElementClassName?: never;
+    positionToReferenceElement?: never;
+    isAutoHeightEnabled?: boolean;
+    autoHeightPosition?: "top" | "bottom";
+}
+type ZDropProps = ZDropWithReferenceElementProps | ZDropWithAutoHeightProps;
 interface ZDropLabelProps {
     name?: string;
     label?: string | ReactElement;
     className?: string;
 }
+interface ZDropListAutoHeightWrapperProps {
+    containerRef: RefObject<HTMLDivElement | null>;
+    position?: "top" | "bottom";
+    children: ReactNode;
+}
 interface ZDropListWrapperProps {
     referenceElementClassName: string;
     positionToReferenceElement?: "top" | "bottom";
@@ -98,6 +116,7 @@ interface ZDropListProps {
     currentSearchedValue?: string;
     listStyleClasses?: ListStyleClasses;
     isListWrapperEnabled?: boolean;
+    isAutoHeightEnabled?: boolean;
 }
 interface ZDropListItemProps {
     option: ZDropOption;
@@ -243,4 +262,4 @@ type ZDropFieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<ZDro
 declare function ZDropField<TFieldValues extends FieldValues = FieldValues>(props: ZDropFieldProps<TFieldValues>): react_jsx_runtime.JSX.Element;
 
 export { ZDropField };
-export type { Clear, ExpandToggleRenderer, InputOptionRemove, InputStyleClasses, ListStyleClasses, OptionRenderer, OptionsRef, SearchFilter, StyleClasses, ToggleStyleClasses, ValueRenderer, ZDropClearButtonProps, ZDropDefaultSearchFilter, ZDropInputProps, ZDropLabelProps, ZDropListItemProps, ZDropListNoDataProps, ZDropListProps, ZDropListVisibilityToggleProps, ZDropListWrapperProps, ZDropMultipleInputItemProps, ZDropMultipleInputProps, ZDropMultipleValue, ZDropOption, ZDropProps, ZDropSingleInputProps, ZDropSingleInputValueRendererProps, ZDropSingleValue, ZDropValue };
+export type { Clear, ExpandToggleRenderer, InputOptionRemove, InputStyleClasses, ListStyleClasses, OptionRenderer, OptionsRef, SearchFilter, StyleClasses, ToggleStyleClasses, ValueRenderer, ZDropBaseProps, ZDropClearButtonProps, ZDropDefaultSearchFilter, ZDropInputProps, ZDropLabelProps, ZDropListAutoHeightWrapperProps, ZDropListItemProps, ZDropListNoDataProps, ZDropListProps, ZDropListVisibilityToggleProps, ZDropListWrapperProps, ZDropMultipleInputItemProps, ZDropMultipleInputProps, ZDropMultipleValue, ZDropOption, ZDropProps, ZDropSingleInputProps, ZDropSingleInputValueRendererProps, ZDropSingleValue, ZDropValue, ZDropWithAutoHeightProps, ZDropWithReferenceElementProps };

package/dist/react-hook-form.esm.js

@@ -1,4 +1,4 @@
-export { a as ZDropField } from './index-Ctbq3kHw.js';
+export { Z as ZDropField } from './index-DC_KVC71.js';
 import 'react/jsx-runtime';
 import 'react-hook-form';
 import 'react';

package/dist/types/components/ZDrop/components/ZDropList/ZDropListAutoHeightWrapper/index.d.ts

@@ -0,0 +1,3 @@
+import { ZDropListAutoHeightWrapperProps } from "../../../types/zDropTypes";
+declare const ZDropListAutoHeightWrapper: (props: ZDropListAutoHeightWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default ZDropListAutoHeightWrapper;

package/dist/types/components/ZDrop/types/zDropTypes.d.ts

@@ -43,7 +43,7 @@ export type SearchFilter = ({ options, currentValue, labelKey, }: {
     currentValue: string;
     labelKey: string;
 }) => ZDropOption[];
-export interface ZDropProps {
+export interface ZDropBaseProps {
     name: string;
     options?: ZDropOption[];
     value?: ZDropValue;
@@ -66,16 +66,34 @@ export interface ZDropProps {
     expandToggleRenderer?: ExpandToggleRenderer;
     clearIcon?: ReactElement;
     noDataContent?: string | ReactElement;
-    referenceElementClassName?: string;
-    positionToReferenceElement?: "top" | "bottom";
+    isAutoHeightEnabled?: boolean;
+    autoHeightPosition?: "top" | "bottom";
     listMaxHeightLimiter?: number;
     styleClasses?: StyleClasses;
 }
+export interface ZDropWithReferenceElementProps extends ZDropBaseProps {
+    referenceElementClassName?: string;
+    positionToReferenceElement?: "top" | "bottom";
+    isAutoHeightEnabled?: never;
+    autoHeightPosition?: never;
+}
+export interface ZDropWithAutoHeightProps extends ZDropBaseProps {
+    referenceElementClassName?: never;
+    positionToReferenceElement?: never;
+    isAutoHeightEnabled?: boolean;
+    autoHeightPosition?: "top" | "bottom";
+}
+export type ZDropProps = ZDropWithReferenceElementProps | ZDropWithAutoHeightProps;
 export interface ZDropLabelProps {
     name?: string;
     label?: string | ReactElement;
     className?: string;
 }
+export interface ZDropListAutoHeightWrapperProps {
+    containerRef: RefObject<HTMLDivElement | null>;
+    position?: "top" | "bottom";
+    children: ReactNode;
+}
 export interface ZDropListWrapperProps {
     referenceElementClassName: string;
     positionToReferenceElement?: "top" | "bottom";
@@ -95,6 +113,7 @@ export interface ZDropListProps {
     currentSearchedValue?: string;
     listStyleClasses?: ListStyleClasses;
     isListWrapperEnabled?: boolean;
+    isAutoHeightEnabled?: boolean;
 }
 export interface ZDropListItemProps {
     option: ZDropOption;

package/dist/types/components/ZDropButton/components/ZDropButtonContent/index.d.ts

@@ -0,0 +1,3 @@
+import { ZDropButtonContentProps } from "components/ZDropButton/types/zDropButtonTypes";
+declare const ZDropButtonContent: (props: ZDropButtonContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ZDropButtonContent;

package/dist/types/components/ZDropButton/components/ZDropButtonList/index.d.ts

@@ -0,0 +1,3 @@
+import { ZDropButtonListProps } from "components/ZDropButton/types/zDropButtonTypes";
+declare const ZDropButtonList: (props: ZDropButtonListProps) => import("react/jsx-runtime").JSX.Element;
+export default ZDropButtonList;

package/dist/types/components/ZDropButton/components/ZDropButtonListItem/index.d.ts

@@ -0,0 +1,3 @@
+import { ZDropButtonListItemProps } from "components/ZDropButton/types/zDropButtonTypes";
+declare const ZDropButtonListItem: (props: ZDropButtonListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ZDropButtonListItem;

package/dist/types/components/ZDropButton/components/ZDropButtonSearch/index.d.ts

@@ -0,0 +1,3 @@
+import { ZDropButtonSearchProps } from "components/ZDropButton/types/zDropButtonTypes";
+declare const ZDropButtonSearch: (props: ZDropButtonSearchProps) => import("react/jsx-runtime").JSX.Element;
+export default ZDropButtonSearch;

package/dist/types/components/ZDropButton/components/ZDropButtonToggle/index.d.ts

@@ -0,0 +1,3 @@
+import { ZDropButtonToggleProps } from "components/ZDropButton/types/zDropButtonTypes";
+declare const ButtonDropdownToggle: (props: ZDropButtonToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonDropdownToggle;

package/dist/types/components/ZDropButton/index.d.ts

@@ -0,0 +1,10 @@
+import { ZDropButtonContextType, ZDropButtonProps } from "./types/zDropButtonTypes";
+export declare const ZDropButtonContext: import("react").Context<ZDropButtonContextType>;
+declare const ZDropButton: {
+    (props: ZDropButtonProps): import("react/jsx-runtime").JSX.Element;
+    Content: (props: import("./types/zDropButtonTypes").ZDropButtonContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    List: (props: import("./types/zDropButtonTypes").ZDropButtonListProps) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: import("./types/zDropButtonTypes").ZDropButtonListItemProps) => import("react/jsx-runtime").JSX.Element;
+    Search: (props: import("./types/zDropButtonTypes").ZDropButtonSearchProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default ZDropButton;

package/dist/types/components/ZDropButton/types/zDropButtonTypes.d.ts

@@ -0,0 +1,69 @@
+import { ChangeEvent, JSX, ReactElement, ReactNode, RefObject } from "react";
+export interface ZDropButtonBaseProps {
+    options: any[];
+    className?: string;
+    toggleClassName?: string;
+    children: ReactNode;
+    onToggle?: Function;
+    onSelect?: Function;
+    onHide?: Function;
+    onSearch?: (e: ChangeEvent<HTMLInputElement>) => void;
+    isOutsideClickActive?: boolean;
+}
+export interface ToggleButtonTitleRequireProps extends ZDropButtonBaseProps {
+    title: string | number;
+    toggleIcon?: ReactElement;
+}
+export interface ToggleButtonIconRequireProps extends ZDropButtonBaseProps {
+    title?: string | number;
+    toggleIcon: ReactElement;
+}
+export type ZDropButtonProps = ToggleButtonTitleRequireProps | ToggleButtonIconRequireProps;
+export type ZDropItemSelectHandler = (selectedItemIndex: number) => void;
+export 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;
+};
+export interface ZDropButtonContentProps {
+    children: ReactNode;
+    position?: "left" | "right" | "top" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+}
+export interface ZDropButtonToggleProps {
+    title?: string | number;
+    toggleIcon?: ReactElement;
+    toggleClassName?: string;
+    children?: ReactNode;
+    onButtonToggleClick: () => void;
+}
+export interface ZDropButtonListProps {
+    children: ReactNode;
+}
+export type LinkLikeComponent = React.ComponentType<{
+    to?: string;
+    children?: React.ReactNode;
+}>;
+type LinkAs = "a" | LinkLikeComponent;
+export interface ZDropButtonListItemProps {
+    index: number;
+    title: string | number;
+    Icon?: JSX.Element;
+    urlPath?: string;
+    className?: string;
+    linkAs?: LinkAs;
+    isActive?: boolean;
+    children?: ReactNode;
+}
+export interface ZDropButtonSearchProps {
+    placeholder?: string;
+    searchIcon?: ReactElement;
+    clearIcon?: ReactElement;
+    searchClassName?: string;
+    shouldFocusOnOpen?: boolean;
+}
+export {};

package/dist/types/helpers/classNames.d.ts

@@ -1,5 +1,5 @@
 interface ClassNames {
-    [key: string]: boolean;
+    [key: string]: boolean | undefined;
 }
 export declare const classNames: (...params: (string | ClassNames | undefined)[]) => string;
 export {};

package/dist/types/helpers/getAvailableSpace.d.ts

@@ -0,0 +1,6 @@
+type AvailableSpace = {
+    top: number;
+    bottom: number;
+};
+export declare const getAvailableSpace: (element: HTMLElement | null) => AvailableSpace;
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 export { default as ZDrop } from "./components/ZDrop";
 export { ZDropField } from "./components/ZDrop/integrations/react-hook-form/ZDropField";
+export { default as ZDropButton } from "./components/ZDropButton";
 export type * from "./components/ZDrop/types/zDropTypes";
+export type * from "./components/ZDropButton/types/zDropButtonTypes";