@geotab/zenith 3.6.0 → 3.6.1

package/esm/pillExpandable/pillExpandable.js

@@ -1,405 +0,0 @@
-import { injectString } from "../utils/localization/translationsDictionary";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Children, createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Absolute } from "../absolute/absolute";
-import { Button } from "../button/button";
-import { PillContent } from "./pillContent";
-import { PillExpandableSimple } from "./pillExpandableSimple";
-import { alignments } from "./pillExpandableAlignments";
-import { useLanguage } from "../utils/localization/useLanguage";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { getButtonMoreProps } from "./getProps";
-import { Skeleton } from "../skeleton/skeleton";
-import { isFunction } from "../commonHelpers/reactHelpers/reactHelpers";
-import { Divider } from "../divider/divider";
-injectString("cs", "Expand", "Rozbalit");
-injectString("da-DK", "Expand", "Udvid");
-injectString("de", "Expand", "Erweitern");
-injectString("en", "Expand", "Expand");
-injectString("es", "Expand", "Expandir");
-injectString("fi-FI", "Expand", "Laajenna");
-injectString("fr", "Expand", "D\xE9velopper");
-injectString("fr-FR", "Expand", "D\xE9velopper");
-injectString("hu-HU", "Expand", "B\u0151v\xEDtsd ki");
-injectString("id", "Expand", "Perluas");
-injectString("it", "Expand", "Espandere");
-injectString("ja", "Expand", "\u5C55\u958B");
-injectString("ko-KR", "Expand", "\uD655\uC7A5");
-injectString("ms", "Expand", "Kembangkan");
-injectString("nb-NO", "Expand", "Utvide");
-injectString("nl", "Expand", "Uitvouwen");
-injectString("pl", "Expand", "Rozwi\u0144");
-injectString("pt-BR", "Expand", "Expandir");
-injectString("pt-PT", "Expand", "Expandir");
-injectString("sk-SK", "Expand", "Roz\u0161\xEDr.");
-injectString("sv", "Expand", "Expandera");
-injectString("th", "Expand", "\u0E02\u0E22\u0E32\u0E22");
-injectString("tr", "Expand", "Geni\u015Flet");
-injectString("zh-Hans", "Expand", "\u5C55\u5F00");
-injectString("zh-TW", "Expand", "\u5C55\u958B");
-injectString("ro-RO", "Expand", "Extinde\u021Bi");
-injectString("cs", "View all", "Zobrazit v\u0161e");
-injectString("da-DK", "View all", "Se alle");
-injectString("de", "View all", "Alle anzeigen");
-injectString("en", "View all", "View all");
-injectString("es", "View all", "Ver todo");
-injectString("fi-FI", "View all", "N\xE4yt\xE4 kaikki");
-injectString("fr", "View all", "Afficher tout");
-injectString("fr-FR", "View all", "Tout afficher");
-injectString("hu-HU", "View all", "Mutasd az \xF6sszeset.");
-injectString("id", "View all", "Lihat semua");
-injectString("it", "View all", "Visualizzare tutto");
-injectString("ja", "View all", "\u3059\u3079\u3066\u8868\u793A");
-injectString("ko-KR", "View all", "\uC804\uCCB4 \uBCF4\uAE30");
-injectString("ms", "View all", "Lihat semua");
-injectString("nb-NO", "View all", "Se alle");
-injectString("nl", "View all", "Alles weergeven");
-injectString("pl", "View all", "Wy\u015Bwietl wszystkie");
-injectString("pt-BR", "View all", "Visualizar tudo");
-injectString("pt-PT", "View all", "Visualizar tudo");
-injectString("sk-SK", "View all", "Zobrazi\u0165 v\u0161etko");
-injectString("sv", "View all", "Visa alla");
-injectString("th", "View all", "\u0E14\u0E39\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
-injectString("tr", "View all", "T\xFCm\xFCn\xFC g\xF6r\xFCnt\xFCle");
-injectString("zh-Hans", "View all", "\u67E5\u770B\u5168\u90E8");
-injectString("zh-TW", "View all", "\u6AA2\u8996\u5168\u90E8");
-injectString("ro-RO", "View all", "Afi\u0219a\u021Bi tot");
-const MAX_PILLS_TO_DISPLAY_IN_POPUP = 2;
-const PillContext = createContext({
-  level: 0,
-  onChildPillExpand: () => {},
-  onChildPillCollapse: () => {},
-  expandedChildPillIds: new Set(),
-  autoExpand: false
-});
-const paddingX = 26;
-const paddingY = 52;
-const getDefaultContent = ({
-  description,
-  date,
-  count,
-  secondaryAction,
-  mainAction,
-  getData
-}) => {
-  if (getData) {
-    return {
-      description: {
-        isLoading: true,
-        data: ""
-      },
-      date: {
-        isLoading: true,
-        data: ""
-      },
-      count: {
-        isLoading: true,
-        data: 0
-      },
-      secondaryAction: {
-        isLoading: true,
-        data: {
-          text: ""
-        }
-      },
-      mainAction: {
-        isLoading: true,
-        data: {
-          text: ""
-        }
-      },
-      getData
-    };
-  }
-  return {
-    description,
-    date,
-    count,
-    secondaryAction,
-    mainAction,
-    getData: undefined
-  };
-};
-const getValue = (parameter, setContent, paramName, errorHandler) => {
-  if (parameter instanceof Function) {
-    parameter().then(result => {
-      setContent(prevValue => Object.assign(Object.assign({}, prevValue), {
-        [paramName]: result
-      }));
-    }).catch(e => {
-      errorHandler && errorHandler(e);
-    });
-  }
-};
-const PillExpandableBase = ({
-  children,
-  errorHandler,
-  getData,
-  text,
-  description,
-  date,
-  count,
-  mainAction,
-  secondaryAction,
-  viewMoreAction,
-  uniquePills,
-  type,
-  className,
-  popupClassName,
-  isLoading,
-  isFlat,
-  icon,
-  secondaryIcon,
-  isBeta,
-  loadingWidth = 200,
-  hideCounterNumber,
-  autoExpandChildren
-}) => {
-  const popupId = useId();
-  const pillId = useId();
-  const descriptionId = useId();
-  const {
-    translate
-  } = useLanguage();
-  const [content, setContent] = useState(getDefaultContent({
-    description,
-    date,
-    count,
-    secondaryAction,
-    mainAction,
-    getData
-  }));
-  const [isPopupOpen, setIsPopupOpen] = useState(false);
-  const [isPopupContentReady, setIsPopupContentReady] = useState(false);
-  const [containerNode, setContainerNode] = useState(null);
-  useEffect(() => {
-    if (!isPopupOpen) {
-      setIsPopupContentReady(false);
-      return;
-    }
-    if (!containerNode || typeof ResizeObserver === "undefined") {
-      return;
-    }
-    const observer = new ResizeObserver(() => {
-      if (containerNode.offsetHeight > 0) {
-        setIsPopupContentReady(true);
-      }
-    });
-    observer.observe(containerNode);
-    // eslint-disable-next-line consistent-return
-    return () => {
-      observer.unobserve(containerNode);
-    };
-  }, [isPopupOpen, containerNode]);
-  useEffect(() => {
-    const fetchData = function () {
-      if (!isPopupOpen) {
-        return;
-      }
-      if (isFunction(getData)) {
-        void getData().then(result => {
-          setContent(result);
-        }).catch(e => {
-          if (errorHandler) {
-            void errorHandler(e);
-          }
-        });
-      }
-    };
-    fetchData();
-  }, [getData, isPopupOpen, errorHandler]);
-  useEffect(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    getValue(description, setContent, "description", errorHandler);
-    getValue(date, setContent, "date", errorHandler);
-    getValue(count, setContent, "count", errorHandler);
-    getValue(secondaryAction, setContent, "secondaryAction", errorHandler);
-    getValue(mainAction, setContent, "mainAction", errorHandler);
-  }, [content, isPopupOpen, description, date, count, secondaryAction, mainAction, errorHandler]);
-  const {
-    level,
-    expandedChildPillIds,
-    onChildPillExpand,
-    onChildPillCollapse,
-    autoExpand
-  } = useContext(PillContext);
-  const triggerRef = useRef(null);
-  const isChild = level !== 0;
-  const [currentExpandedPills, setCurrentExpandedPills] = useState(new Set());
-  useEffect(() => {
-    if (isChild && autoExpand) {
-      onChildPillExpand(pillId);
-    }
-  }, [autoExpand, isChild, onChildPillExpand, pillId]);
-  const handlePopupToggle = useCallback(e => {
-    var _a;
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
-    setIsPopupOpen(!isPopupOpen);
-    isPopupOpen && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus());
-  }, [isPopupOpen]);
-  const handleChildToggle = useCallback(e => {
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
-    const isExpanded = expandedChildPillIds.has(pillId);
-    if (isExpanded) {
-      onChildPillCollapse(pillId);
-    } else {
-      if (!autoExpand) {
-        // Prevent multiple child pills being expanded at the same time
-        expandedChildPillIds.forEach(pill => onChildPillCollapse(pill));
-      }
-      onChildPillExpand(pillId);
-    }
-  }, [expandedChildPillIds, pillId, autoExpand, onChildPillCollapse, onChildPillExpand]);
-  const addExpandedChild = useCallback(id => {
-    setCurrentExpandedPills(prev => {
-      const next = new Set(prev);
-      next.add(id);
-      return next;
-    });
-  }, []);
-  const removeExpandedChild = useCallback(id => {
-    setCurrentExpandedPills(prev => {
-      const next = new Set(prev);
-      next.delete(id);
-      return next;
-    });
-  }, []);
-  const onChange = useCallback(() => {
-    setIsPopupOpen(!isPopupOpen);
-  }, [isPopupOpen]);
-  const buttonMoreProps = useMemo(() => getButtonMoreProps(viewMoreAction), [viewMoreAction]);
-  const validChildren = useMemo(() => Children.toArray(children).filter(child => {
-    var _a;
-    return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "PillExpandable";
-  }), [children]);
-  const childToDisplay = useMemo(() => validChildren.slice(0, MAX_PILLS_TO_DISPLAY_IN_POPUP), [validChildren]);
-  const childCount = useMemo(() => validChildren.length, [validChildren]);
-  const flatVsChildCounter = isFlat ? `${childCount + 1}` : `${childCount}`;
-  const moreCounter = uniquePills ? `${uniquePills}` : flatVsChildCounter;
-  const uniqueChildren = uniquePills ? `${uniquePills}` : `${childCount || ""}`;
-  if (isLoading) {
-    return _jsx(Skeleton, {
-      type: "pill",
-      width: loadingWidth
-    });
-  }
-  if (isChild) {
-    const isExpanded = expandedChildPillIds.has(pillId);
-    return _jsxs(PillContext.Provider, {
-      value: {
-        level: level + 1,
-        onChildPillExpand: addExpandedChild,
-        onChildPillCollapse: removeExpandedChild,
-        expandedChildPillIds: currentExpandedPills,
-        autoExpand: autoExpandChildren || false
-      },
-      children: [_jsx(PillExpandableSimple, {
-        icon: icon,
-        text: text,
-        expanded: isExpanded,
-        onExpand: handleChildToggle,
-        expandAriaText: translate("Expand"),
-        type: type,
-        errorHandler: errorHandler,
-        descriptionId: descriptionId
-      }), _jsx(PillContent, {
-        onActionClick: handleChildToggle,
-        descriptionText: content.description,
-        date: content.date,
-        count: content.count,
-        mainAction: content.mainAction,
-        secondaryAction: content.secondaryAction,
-        isVisible: isExpanded,
-        errorHandler: errorHandler,
-        descriptionId: descriptionId
-      })]
-    });
-  }
-  return _jsx(PillContext.Provider, {
-    value: {
-      level: level + 1,
-      onChildPillExpand: addExpandedChild,
-      onChildPillCollapse: removeExpandedChild,
-      expandedChildPillIds: currentExpandedPills,
-      autoExpand: autoExpandChildren || false
-    },
-    children: _jsxs("div", {
-      className: classNames(["zen-status-pill", className || ""]),
-      "aria-haspopup": "true",
-      children: [_jsxs("div", {
-        className: "zen-status-pill__pill-container",
-        onClick: handlePopupToggle,
-        children: [_jsx(PillExpandableSimple, {
-          icon: icon,
-          text: text,
-          expanded: isPopupOpen,
-          expandAriaText: translate("Expand"),
-          ref: triggerRef,
-          type: type,
-          errorHandler: errorHandler,
-          isBeta: isBeta
-        }), uniqueChildren && _jsx(PillExpandableSimple, {
-          icon: secondaryIcon || icon,
-          text: hideCounterNumber ? "" : `${isFlat ? "+" : ""}${uniqueChildren}`,
-          includeExpandIcon: false,
-          type: type,
-          errorHandler: errorHandler
-        })]
-      }), _jsx(Absolute, {
-        recalculateTrigger: isPopupContentReady,
-        recalculateOnScroll: true,
-        useTrapFocusWithTrigger: "on",
-        className: popupClassName,
-        id: popupId,
-        onOpenChange: onChange,
-        paddingX: paddingX,
-        paddingY: paddingY,
-        isOpen: isPopupOpen,
-        triggerRef: triggerRef,
-        alignmentsFn: alignments,
-        children: _jsx("div", {
-          ref: node => setContainerNode(node),
-          className: "zen-status-pill-popup",
-          children: _jsxs("div", {
-            className: "zen-status-pill-popup__container",
-            children: [_jsx("div", {
-              className: "zen-status-pill-popup__main-pill",
-              children: _jsx(PillExpandableSimple, {
-                icon: icon,
-                text: text,
-                expanded: true,
-                onExpand: handlePopupToggle,
-                expandAriaText: translate("Expand"),
-                type: type,
-                errorHandler: errorHandler,
-                isBeta: isBeta,
-                descriptionId: descriptionId
-              })
-            }), _jsx(PillContent, {
-              onActionClick: handlePopupToggle,
-              descriptionText: content.description,
-              date: content.date,
-              count: content.count,
-              mainAction: content.mainAction,
-              secondaryAction: content.secondaryAction,
-              errorHandler: errorHandler,
-              descriptionId: descriptionId
-            }), childToDisplay, moreCounter && viewMoreAction && childCount > MAX_PILLS_TO_DISPLAY_IN_POPUP && _jsxs(_Fragment, {
-              children: [_jsx(Divider, {
-                className: "zen-status-pill-popup__divider"
-              }), _jsxs(Button, Object.assign({}, buttonMoreProps, {
-                type: "tertiary",
-                children: [translate("View all"), " (", moreCounter, ")"]
-              }))]
-            })]
-          })
-        })
-      })]
-    })
-  });
-};
-export const PillExpandable = memo(PillExpandableBase);
-PillExpandable.displayName = "PillExpandable";
-export const TRANSLATIONS = ["Expand", "View all"];

package/esm/pillExpandable/pillExpandableAlignments.d.ts

@@ -1,51 +0,0 @@
-import { IPosition, IRect, ISizes } from "../utils/positioningUtils/alignments";
-export declare const alignments: {
-    top: (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, _: number, paddingY: number) => {
-        top: number;
-        left: number;
-    };
-    "top-left": (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        top: number;
-        left: number;
-    };
-    "top-right": (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        top: number;
-        right: number;
-    };
-    bottom: (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        top: number;
-        left: number;
-    };
-    "bottom-left": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        top: number;
-        left: number;
-    };
-    "bottom-right": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        top: number;
-        right: number;
-    };
-    left: (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, _: number) => {
-        right: number;
-        top: number;
-    };
-    "left-top": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        right: number;
-        top: number;
-    };
-    "left-bottom": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        right: number;
-        top: number;
-    };
-    right: (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, _: number) => {
-        left: number;
-        top: number;
-    };
-    "right-top": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        left: number;
-        top: number;
-    };
-    "right-bottom": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, paddingY: number) => {
-        left: number;
-        bottom: number;
-    };
-};

package/esm/pillExpandable/pillExpandableAlignments.js

@@ -1,50 +0,0 @@
-export const alignments = {
-    "top": (triggerRect, popupRect, parentRect, _, paddingY) => ({
-        top: triggerRect.top - parentRect.top - popupRect.height + paddingY,
-        left: triggerRect.left - parentRect.left - (popupRect.width - triggerRect.width) / 2
-    }),
-    "top-left": (triggerRect, popupRect, parentRect, paddingX, paddingY) => ({
-        top: triggerRect.top - parentRect.top - popupRect.height + paddingY,
-        left: triggerRect.left - parentRect.left - paddingX
-    }),
-    "top-right": (triggerRect, popupRect, parentRect, paddingX, paddingY) => ({
-        top: triggerRect.top - parentRect.top - popupRect.height + paddingY,
-        right: parentRect.right - triggerRect.right - paddingX
-    }),
-    "bottom": (triggerRect, popupRect, parentRect, paddingX, paddingY) => ({
-        top: triggerRect.top - parentRect.top + triggerRect.height - paddingY,
-        left: triggerRect.left - parentRect.left - (popupRect.width - triggerRect.width) / 2 - (paddingX / 2)
-    }),
-    "bottom-left": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
-        top: triggerRect.top - parentRect.top + triggerRect.height - paddingY,
-        left: triggerRect.left - parentRect.left - paddingX
-    }),
-    "bottom-right": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
-        top: triggerRect.top - parentRect.top + triggerRect.height - paddingY,
-        right: parentRect.right - triggerRect.right - paddingX
-    }),
-    "left": (triggerRect, popupRect, parentRect, paddingX, _) => ({
-        right: parentRect.right - triggerRect.right + triggerRect.width - (paddingX / 2),
-        top: triggerRect.top - parentRect.top - ((popupRect.height - triggerRect.height) / 2)
-    }),
-    "left-top": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
-        right: parentRect.right - triggerRect.right + triggerRect.width - paddingX,
-        top: triggerRect.top - parentRect.top - paddingY
-    }),
-    "left-bottom": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
-        right: parentRect.right - triggerRect.right + triggerRect.width - paddingX,
-        top: parentRect.bottom - triggerRect.bottom - paddingY
-    }),
-    "right": (triggerRect, popupRect, parentRect, paddingX, _) => ({
-        left: triggerRect.left - parentRect.left + triggerRect.width - (paddingX / 2),
-        top: triggerRect.top - parentRect.top - (popupRect.height - triggerRect.height) / 2
-    }),
-    "right-top": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
-        left: triggerRect.left - parentRect.left + triggerRect.width - paddingX,
-        top: triggerRect.top - parentRect.top - (paddingY / 2)
-    }),
-    "right-bottom": (triggerRect, _1, parentRect, paddingX, paddingY) => ({
-        left: triggerRect.left - parentRect.left + triggerRect.width - paddingX,
-        bottom: parentRect.bottom - triggerRect.bottom - (paddingY / 2)
-    })
-};

package/esm/pillExpandable/pillExpandableSimple.d.ts

@@ -1,18 +0,0 @@
-import { FC, RefObject } from "react";
-import { IPillExpandable } from "./pillExpandable";
-import { IIcon } from "../icons/icon";
-interface IPillExpandableSimple extends IPillExpandable {
-    includeExpandIcon?: boolean;
-    expanded?: boolean;
-    expandAriaText?: string;
-    onExpand?: () => void;
-    icon?: FC<IIcon> | false;
-    isBeta?: boolean;
-    ref?: RefObject<HTMLButtonElement | null>;
-    descriptionId?: string;
-}
-export declare const PillExpandableSimple: {
-    ({ onExpand, expandAriaText, text, expanded, includeExpandIcon, type, icon, isBeta, ref, descriptionId }: IPillExpandableSimple): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/esm/pillExpandable/pillExpandableSimple.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement, useCallback } from "react";
-import { useDriveClassName } from "../utils/theme/useDriveClassName";
-import { IconChevronTop } from "../icons/iconChevronTop";
-import { IconChevronBottom } from "../icons/iconChevronBottom";
-import { IconException } from "../icons/iconException";
-import { classNames } from "../commonHelpers/classNames/classNames";
-export const PillExpandableSimple = ({ onExpand, expandAriaText, text, expanded, includeExpandIcon = true, type = "warning", icon = IconException, isBeta, ref, descriptionId }) => {
-    const iconDriveClassName = useDriveClassName("icon");
-    const containerDriveClassName = useDriveClassName("zen-status-pill__container");
-    const onExpandHandler = useCallback(() => {
-        onExpand && onExpand();
-    }, [onExpand]);
-    const ChevronIcon = expanded ? IconChevronTop : IconChevronBottom;
-    const defaultIconSize = iconDriveClassName ? "huge" : "large";
-    const iconSize = isBeta ? "big" : defaultIconSize;
-    const hasText = (text || "").trim().length > 0;
-    return _jsxs("button", { type: "button", className: classNames([
-            "zen-status-pill__container", `zen-status-pill__container--${type}`, containerDriveClassName || "", "zen-ellipsis"
-        ]), ref: ref, onClick: onExpandHandler, tabIndex: !includeExpandIcon ? -1 : undefined, "aria-describedby": descriptionId, children: [icon !== false && _jsx("div", { className: classNames([
-                    "zen-status-pill__icon",
-                    `zen-status-pill__icon--${type}`,
-                    hasText ? "" : "zen-status-pill__icon--standalone"
-                ]), children: createElement(icon, {
-                    size: iconSize
-                }) }), hasText && _jsx("div", { className: `zen-status-pill__text zen-status-pill__text--${type} zen-ellipsis`, children: text }), includeExpandIcon && _jsx("div", { className: `zen-status-pill__expand-button zen-status-pill__expand-button--${type}`, "aria-label": expandAriaText, children: _jsx("div", { className: "zen-status-pill__icon", children: createElement(ChevronIcon, {
-                        size: iconDriveClassName ? "huge" : "large"
-                    }) }) })] });
-};
-PillExpandableSimple.displayName = "PillExpandableSimple";

package/esm/popup/popup.d.ts

@@ -1,18 +0,0 @@
-import React, { RefObject } from "react";
-import { TAlignment } from "../absolute/absolute";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface IPopup extends IZenComponentProps {
-    trigger?: React.ReactElement;
-    triggerRef?: RefObject<HTMLElement | null>;
-    triggerBy?: "click" | "hover";
-    id?: string;
-    alignment?: TAlignment;
-    inline?: boolean;
-    outerIsOpen?: boolean;
-    shouldHoldScroll?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    recalculateOnScroll?: boolean;
-}
-export declare const Popup: ({ id, trigger, triggerRef, triggerBy, alignment, children, inline, className, outerIsOpen, shouldHoldScroll, ariaLabel, ariaLabelledBy, recalculateOnScroll, onOpenChange }: IPopup) => import("react/jsx-runtime").JSX.Element;

package/esm/popup/popup.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-argument */
-import React, { useCallback, useEffect, useId, useRef, useState } from "react";
-import { ControlledPopup } from "../controlledPopup/controlledPopup";
-export const Popup = ({ id, trigger, triggerRef, triggerBy = "click", alignment, children, inline, className, outerIsOpen, shouldHoldScroll = false, ariaLabel, ariaLabelledBy, recalculateOnScroll, onOpenChange = () => { } }) => {
-    var _a;
-    const [isOpen, setIsOpen] = useState(false);
-    const triggerElRef = useRef(null);
-    const memoizedOnChange = useCallback(onOpenChange, [onOpenChange]);
-    const autoId = useId();
-    const popupId = id || autoId;
-    const triggerEvents = {
-        "hover": {
-            onMouseOver: () => {
-                setIsOpen(true);
-            },
-            onMouseOut: () => {
-                setIsOpen(false);
-            }
-        },
-        "click": {
-            onClick: () => {
-                setIsOpen(!isOpen);
-            }
-        }
-    };
-    useEffect(() => {
-        outerIsOpen !== undefined && setIsOpen(outerIsOpen);
-    }, [outerIsOpen]);
-    const changeIsOpenOnClick = useCallback(() => {
-        setIsOpen(!isOpen);
-    }, [isOpen, setIsOpen]);
-    const onOpenOnMouseOver = useCallback(() => {
-        setIsOpen(true);
-    }, [setIsOpen]);
-    const onCloseOnMouseOut = useCallback(() => {
-        setIsOpen(false);
-    }, [setIsOpen]);
-    useEffect(() => {
-        if (!(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
-            return () => { };
-        }
-        const triggerRefCurrent = triggerRef.current;
-        if (triggerBy === "click") {
-            triggerRefCurrent.addEventListener("click", changeIsOpenOnClick, false);
-            return () => {
-                triggerRefCurrent.removeEventListener("click", changeIsOpenOnClick, false);
-            };
-        }
-        triggerRefCurrent.addEventListener("mouseover", onOpenOnMouseOver, false);
-        triggerRefCurrent.addEventListener("mouseout", onCloseOnMouseOut, false);
-        return () => {
-            triggerRefCurrent.removeEventListener("mouseover", onOpenOnMouseOver, false);
-            triggerRefCurrent.removeEventListener("mouseout", onCloseOnMouseOut, false);
-        };
-    }, [triggerRef, triggerBy, isOpen, changeIsOpenOnClick, onOpenOnMouseOver, onCloseOnMouseOut]);
-    useEffect(() => {
-        memoizedOnChange(isOpen);
-    }, [isOpen, memoizedOnChange]);
-    const renderTrigger = () => {
-        if (!trigger) {
-            return null;
-        }
-        const events = triggerEvents[triggerBy];
-        return React.cloneElement(trigger, Object.assign(Object.assign({ ref: triggerElRef }, trigger.props), events));
-    };
-    if (!trigger && !triggerRef) {
-        throw new Error("Popup: either trigger or triggerRef property should be passed");
-    }
-    const triggerComp = renderTrigger();
-    return _jsxs(_Fragment, { children: [triggerComp, _jsx(ControlledPopup, { shouldHoldScroll: shouldHoldScroll, useTrapFocusWithTrigger: "on", isOpen: isOpen, triggerRef: triggerRef || triggerElRef, id: popupId, className: className, alignment: alignment, inline: inline, paddingY: 0, paddingX: 0, onOpenChange: setIsOpen, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledBy || ((_a = triggerComp === null || triggerComp === void 0 ? void 0 : triggerComp.props) === null || _a === void 0 ? void 0 : _a.id), recalculateOnScroll: recalculateOnScroll, children: children })] });
-};

package/esm/primaryIcon/primaryIcon.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactNode } from "react";
-import "./primaryIcon.less";
-import { IIcon } from "../icons/icon";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface IPrimaryIcon extends IZenComponentProps {
-    icon: FC<IIcon> | ReactNode;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    link?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    title?: string;
-    disabled?: boolean;
-    style?: "primary" | "secondary";
-}
-export declare const PrimaryIcon: ({ icon, className, onClick, link, target, title, disabled, style }: IPrimaryIcon) => import("react/jsx-runtime").JSX.Element;