@geotab/zenith 2.0.0 → 3.0.0-beta.0

package/esm/reportPopup/reportPopup.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-floating-promises */
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { FilterButton } from "../filterButton/filterButton";
-import { Popup } from "../popup/popup";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { ReportPopupContent } from "./reportPopupContent";
-import { Waiting } from "../waiting/waiting";
-import { FOCUSABLE_SELECTOR } from "../utils/focusableSelector";
-export const WEB_ITEM_ID = "web";
-/**
- * @deprecated - will be removed in next major release
-  */
-export const ReportPopup = ({ className, loader, onReportClick = () => { }, onViewInBrowserClick = () => { }, onPreparePDFClick = () => { } }) => {
-    const [reports, setReports] = useState([]);
-    const [isDataLoading, setIsDataLoading] = useState(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const [isGrouped, setIsGrouped] = useState(false);
-    const ref = useRef(null);
-    const triggerId = useId();
-    const onOpenChange = useCallback((v) => setIsOpen(v), [setIsOpen]);
-    useEffect(() => {
-        const isGroupedData = (dataItem) => "templates" in dataItem;
-        if (isOpen) {
-            setIsDataLoading(true);
-            setIsGrouped(false);
-            loader().then((data) => {
-                if (isGroupedData(data.filter(item => item.id !== WEB_ITEM_ID)[0])) {
-                    setIsGrouped(true);
-                }
-                else {
-                    setIsGrouped(false);
-                }
-                setReports([...data]);
-            }).finally(() => {
-                var _a, _b;
-                setIsDataLoading(false);
-                (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR)) === null || _b === void 0 ? void 0 : _b.focus();
-            });
-        }
-        else {
-            setReports([]);
-        }
-    }, [isOpen, loader]);
-    useEffect(() => {
-        var _a, _b;
-        !isDataLoading && ((_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR)) === null || _b === void 0 ? void 0 : _b.focus());
-    }, [isDataLoading]);
-    return _jsx(Popup, { className: classNames(["zen-report-popup", className || ""]), onOpenChange: onOpenChange, trigger: _jsx(FilterButton, { id: triggerId, isActive: isOpen, children: "Report" }), children: isOpen && (isDataLoading ?
-            _jsx(Waiting, { hideOverlay: true, delay: 0, isLoading: isDataLoading }) :
-            _jsx(ReportPopupContent, { ref: ref, onPreparePDFClick: (id) => { onPreparePDFClick(id); setIsOpen(false); }, onReportClick: (id) => { onReportClick(id); setIsOpen(false); }, onViewInBrowserClick: (id) => { onViewInBrowserClick(id); setIsOpen(false); }, isGrouped: isGrouped, reports: reports })) });
-};

package/esm/reportPopup/reportPopupContent.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { IReportPopupDataItem, IReportPopupGroupedDataItem } from "./reportPopup";
-import "./reportPopupContent.less";
-interface IReportPopupContent {
-    isGrouped?: boolean;
-    reports: IReportPopupDataItem[] | IReportPopupGroupedDataItem[];
-    onReportClick: (id: string) => void;
-    onViewInBrowserClick: (id: string) => void;
-    onPreparePDFClick: (id: string) => void;
-}
-export declare const ReportPopupContent: import("react").ForwardRefExoticComponent<IReportPopupContent & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/esm/reportPopup/reportPopupContent.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback } from "react";
-import { ReportsItem } from "./reportsItem";
-import { WEB_ITEM_ID } from "./reportPopup";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { ButtonType } from "../button/buttonType";
-import { Reports } from "./reports";
-import { GroupedReportsItem } from "./groupedReportsItem";
-import { Button } from "../button/button";
-export const ReportPopupContent = 
-// eslint-disable-next-line @typescript-eslint/naming-convention
-forwardRef(function ReportsContent({ isGrouped = false, reports, onPreparePDFClick, onReportClick, onViewInBrowserClick }, ref) {
-    const renderReportItem = useCallback((report) => _jsx(ReportsItem, { isActive: report.isActive, id: report.id, onReportClick: () => { onReportClick(report.id); }, onPreparePDFClick: () => { onPreparePDFClick(report.id); }, onViewInBrowserClick: () => { onViewInBrowserClick(report.id); }, label: report.label }, report.id), [onReportClick, onPreparePDFClick, onViewInBrowserClick]);
-    const renderWebButton = useCallback((item) => _jsx(Button, { onClick: () => { onReportClick(item.id); }, className: classNames(["zen-report-popup-content__header-button", item.isActive ? "zen-report-popup-content__header-button--active" : ""]), type: ButtonType.Secondary, children: item.label }, item.id), [onReportClick]);
-    const renderGroupedReports = useCallback((data) => data.map((item) => {
-        var _a;
-        return item.id === WEB_ITEM_ID ?
-            renderWebButton(item) :
-            _jsx(GroupedReportsItem, { label: item.label, children: _jsx(Reports, { children: (_a = item.templates) === null || _a === void 0 ? void 0 : _a.map((report) => renderReportItem(report)) }) }, item.id);
-    }), [renderReportItem, renderWebButton]);
-    const renderReports = useCallback((data) => {
-        var _a;
-        return _jsxs(_Fragment, { children: [((_a = data[0]) === null || _a === void 0 ? void 0 : _a.id) === WEB_ITEM_ID ? renderWebButton(data[0]) : "", _jsx(Reports, { children: data.filter(report => report.id !== WEB_ITEM_ID).map((report) => renderReportItem(report)) })] });
-    }, [renderReportItem, renderWebButton]);
-    return _jsx("div", { className: "zen-report-popup-content", ref: ref, children: isGrouped ? renderGroupedReports(reports) : renderReports(reports) });
-});

package/esm/reportPopup/reports.d.ts

@@ -1,7 +0,0 @@
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import "./reports.less";
-interface IReportProps extends IZenComponentProps {
-}
-export declare const Reports: ({ children }: IReportProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TRANSLATIONS: string[];
-export {};

package/esm/reportPopup/reports.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLanguage } from "../utils/localization/useLanguage";
-export const Reports = ({ children }) => {
-    const { translate } = useLanguage();
-    return _jsxs(_Fragment, { children: [_jsxs("div", { className: "zen-reports-header", children: [_jsx("span", { className: "reports-header__item", children: translate("Prepare for download") }), _jsx("span", { className: "reports-header__item", children: translate("More formats") })] }), children] });
-};
-export const TRANSLATIONS = ["Prepare for download", "More formats"];

package/esm/reportPopup/reportsItem.d.ts

@@ -1,12 +0,0 @@
-import "./reportsItem.less";
-interface IReportsItemProps {
-    id: string;
-    label: string;
-    onReportClick: (reportId: string) => void;
-    onPreparePDFClick: (reportId: string) => void;
-    onViewInBrowserClick: (reportId: string) => void;
-    isActive?: boolean;
-}
-export declare const ReportsItem: ({ id, label, onPreparePDFClick, onViewInBrowserClick, onReportClick, isActive }: IReportsItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TRANSLATIONS: string[];
-export {};

package/esm/reportPopup/reportsItem.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../button/button";
-import { Popup } from "../popup/popup";
-import { SvgIconSize } from "../svgIcon/svgIconSize";
-import { ButtonIconPosition, TextIconButton } from "../textIconButton/textIconButton";
-import { ReportsItemFormats } from "./reportsItemFormats";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { IconOptionsIcon } from "../icons/deprecated/iconOptionsIcon";
-import { useLanguage } from "../utils/localization/useLanguage";
-export const ReportsItem = ({ id, label, onPreparePDFClick, onViewInBrowserClick, onReportClick, isActive }) => {
-    const { translate } = useLanguage();
-    return _jsxs("div", { className: "zen-reports-item", children: [_jsxs(Button, { onClick: () => onReportClick(id), className: classNames(["zen-reports-item__label-button", isActive ? "zen-reports-item__label-button--active" : ""]), children: [_jsx("span", { className: "zen-reports-item__label-button-icon zenIcons_excel" }), label] }), _jsx(Popup, { alignment: "right-top", trigger: _jsx(TextIconButton, { iconPosition: ButtonIconPosition.End, icon: IconOptionsIcon, iconSize: SvgIconSize.Large, className: "zen-reports-item__more-icon-button", iconClasses: "zen-reports-item__more-icon", title: translate("Show report formats") }), children: _jsx(ReportsItemFormats, { reportId: id, onPreparePDFClick: onPreparePDFClick, onViewInBrowserClick: onViewInBrowserClick }) })] });
-};
-export const TRANSLATIONS = ["Show report formats"];

package/esm/reportPopup/reportsItemFormats.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import "./reportsItemFormats.less";
-interface IReportItemFormats {
-    reportId: string;
-    onPreparePDFClick: (reportId: string) => void;
-    onViewInBrowserClick: (reportId: string) => void;
-}
-export declare const ReportsItemFormats: React.FC<IReportItemFormats>;
-export declare const TRANSLATIONS: string[];
-export {};

package/esm/reportPopup/reportsItemFormats.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../button/button";
-import { ButtonIconPosition, TextIconButton } from "../textIconButton/textIconButton";
-import { IconLoupe } from "../icons/deprecated/iconLoupe";
-import { useLanguage } from "../utils/localization/useLanguage";
-export const ReportsItemFormats = ({ reportId, onPreparePDFClick, onViewInBrowserClick }) => {
-    const { translate } = useLanguage();
-    return _jsxs("div", { className: "zen-report-items-formats", children: [_jsxs(Button, { onClick: () => onPreparePDFClick(reportId), className: "zen-report-items-formats__button", children: [_jsx("span", { className: "zen-report-items-formats__icon zenIcons_pdf" }), translate("Prepare PDF")] }), _jsx(TextIconButton, { onClick: () => onViewInBrowserClick(reportId), className: "zen-report-items-formats__button", icon: IconLoupe, iconPosition: ButtonIconPosition.Start, children: translate("View in Browser") })] });
-};
-export const TRANSLATIONS = ["Prepare PDF", "View in Browser"];

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/static/icons/icons.d.ts

@@ -1,67 +0,0 @@
-export declare const availableIcons: {
-    "zen-checkmark": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-info-circled": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-info-circle-tooltip": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-error-new": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-success-new": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-warning-new": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-report-error": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-error": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-minus-icon": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-loupe": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-globe": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-circle-ok": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-lvl-up": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-arrow-top": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-arrow-bottom": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-    "zen-calendar": {
-        viewBox: string;
-        svg: import("react/jsx-runtime").JSX.Element;
-    };
-};
-export type TIconId = keyof typeof availableIcons;

package/esm/static/icons/icons.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const availableIcons = {
-    "zen-checkmark": {
-        viewBox: "0 0 16 14",
-        svg: _jsx("path", { fillRule: "evenodd", d: "M15.467.6c.589.442.708 1.278.266 1.867l-8 10.666a1.333 1.333 0 01-1.964.186L.436 8.462A1.333 1.333 0 012.23 6.49l4.249 3.87L13.6.867A1.333 1.333 0 0115.467.6z", clipRule: "evenodd" })
-    },
-    "zen-info-circled": {
-        viewBox: "0 0 32 32",
-        // eslint-disable-next-line max-len
-        svg: _jsx("path", { d: "M21.233 25.99v-3.303q0-.297-.185-.483-.186-.185-.446-.185h-2.004V11.405q0-.297-.185-.482-.186-.186-.482-.186h-6.606q-.297 0-.482.186-.186.185-.186.482v3.303q0 .297.186.482.185.186.482.186h1.967v6.643h-1.967q-.297 0-.482.185-.186.186-.186.483v3.302q0 .297.186.483.185.185.482.185h9.277q.26 0 .446-.185.185-.186.185-.483zM18.598 7.434V4.132q0-.297-.185-.483-.186-.185-.482-.185H13.96q-.297 0-.483.185-.185.186-.185.483v3.303q0 .296.185.482.186.185.483.185h3.97q.297 0 .483-.185.185-.186.185-.482zm13.249 8.609q0 4.342-2.116 7.979-2.115 3.636-5.789 5.789-3.674 2.152-7.978 2.152-4.305 0-8.016-2.152-3.711-2.153-5.752-5.79Q.155 20.387.044 16.045q-.112-4.342 2.152-7.979Q4.46 4.43 7.948 2.276 11.436.124 15.964.124q4.527 0 7.978 2.152 3.451 2.153 5.79 5.79 2.337 3.636 2.115 7.978z" })
-    },
-    "zen-info-circle-tooltip": {
-        viewBox: "0 0 16 16",
-        svg: _jsxs(_Fragment, { children: [_jsx("path", { fillRule: "evenodd", d: "M8 2.667a5.333 5.333 0 100 10.666A5.333 5.333 0 008 2.667ZM1.333 8a6.667 6.667 0 1113.334 0A6.667 6.667 0 011.334 8Zm5.334-.667c0-.368.298-.666.667-.666H8c.368 0 .667.298.667.666v3.334a.667.667 0 11-1.333 0V8a.667.667 0 01-.667-.667Z", clipRule: "evenodd" }), _jsx("path", { d: "M7.667 5.333a.333.333 0 11.666 0 .333.333 0 01-.667 0Z" }), _jsx("path", { fillRule: "evenodd", d: "M8 6a.667.667 0 110-1.333A.667.667 0 018 6Zm0-1a.333.333 0 100 .667A.333.333 0 008 5Z", clipRule: "evenodd" })] })
-    },
-    "zen-error-new": {
-        viewBox: "0 0 24 24",
-        // eslint-disable-next-line max-len
-        svg: _jsx("path", { fillRule: "evenodd", d: "M3.994 11.995a8 8 0 1116 0 8 8 0 01-16 0Zm8-10c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10Zm1.389 5.508a1.404 1.404 0 10-2.802-.023l.31 5.353a1.05 1.05 0 002.096.016l.396-5.346ZM10.928 17.59c.29.27.648.404 1.075.404.414 0 .766-.135 1.056-.404.29-.27.434-.603.434-1 0-.398-.145-.73-.434-1a1.494 1.494 0 00-1.056-.404c-.427 0-.786.135-1.075.404a1.31 1.31 0 00-.435 1c0 .397.145.73.435 1Z", clipRule: "evenodd" })
-    },
-    "zen-success-new": {
-        viewBox: "0 0 16 16",
-        // eslint-disable-next-line max-len
-        svg: _jsx("path", { fillRule: "evenodd", d: "M8 2.667a5.333 5.333 0 100 10.666A5.333 5.333 0 008 2.667ZM1.333 8a6.667 6.667 0 1113.334 0A6.667 6.667 0 011.333 8Zm9.09-2.183a.667.667 0 01.093.939l-3 3.666a.667.667 0 01-.987.05L5.195 9.137a.667.667 0 11.943-.943l.813.813L9.484 5.91a.667.667 0 01.938-.094Z", clipRule: "evenodd" })
-    },
-    "zen-warning-new": {
-        viewBox: "0 0 24 24",
-        // eslint-disable-next-line max-len
-        svg: _jsx("path", { fillRule: "evenodd", d: "M9.963 5.077c.884-1.426 2.975-1.438 3.875-.022l7.305 11.487c.949 1.491-.122 3.458-1.93 3.458H4.784c-1.796 0-2.87-1.944-1.944-3.436L9.963 5.077Zm5.563-1.095c-1.692-2.66-5.602-2.638-7.263.04L1.141 15.51C-.625 18.357 1.448 22 4.785 22h14.427c3.36 0 5.428-3.686 3.619-6.531L15.526 3.982Zm-2.139 3.526a1.404 1.404 0 10-2.802-.022l.311 5.352a1.05 1.05 0 002.095.017l.396-5.347Zm-2.454 10.088c.29.27.649.404 1.076.404.414 0 .766-.135 1.055-.404.29-.27.435-.602.435-1 0-.397-.145-.73-.435-1a1.493 1.493 0 00-1.055-.404c-.428 0-.786.135-1.076.404a1.31 1.31 0 00-.434 1c0 .398.145.73.434 1Z", clipRule: "evenodd" })
-    },
-    "zen-report-error": {
-        viewBox: "0 0 16 16",
-        // eslint-disable-next-line max-len
-        svg: _jsx("path", { d: "M15.413 13.333L9.18 1.433a1.333 1.333 0 00-2.362 0l-6.232 11.9a1.333 1.333 0 001.182 1.952H14.23a1.333 1.333 0 001.182-1.952zm-8.08-7.718a.667.667 0 011.334 0v4a.667.667 0 01-1.334 0v-4zm.7 7.674h-.018A1.019 1.019 0 017 12.309a.984.984 0 01.947-1.02h.037c.546 0 .995.432 1.016.978a.983.983 0 01-.944 1.021h-.023z" })
-    },
-    "zen-error": {
-        viewBox: "0 0 12 12",
-        // eslint-disable-next-line max-len
-        svg: _jsx("path", { d: "M11.56 10L6.885 1.075a1 1 0 00-1.771 0L.44 10a1 1 0 00.886 1.464h9.347A1 1 0 0011.56 10zM5.5 4.212a.5.5 0 011 0v3a.5.5 0 01-1 0v-3zm.525 5.755h-.014a.764.764 0 01-.761-.736.738.738 0 01.71-.764h.028c.41 0 .746.323.762.733a.738.738 0 01-.708.766h-.017z" })
-    },
-    "zen-minus-icon": {
-        viewBox: "0 0 16 16",
-        svg: _jsx("rect", { width: "16", height: "3", y: "6.5", rx: "1" })
-    },
-    "zen-loupe": {
-        viewBox: "0 0 32 32",
-        svg: _jsx("path", { d: "M31.538 29.11l-8.874-8.867c4.219-5.542 3.143-13.453-2.404-17.669C14.713-1.64 6.795-.567 2.576 4.975-1.643 10.518-.568 18.43 4.98 22.645a12.627 12.627 0 0015.28 0l8.875 8.866a1.721 1.721 0 002.403 0c.63-.657.602-1.718 0-2.401zM3.491 12.651c0-5.063 4.108-9.167 9.175-9.167 5.067 0 9.175 4.104 9.175 9.167s-4.108 9.167-9.175 9.167c-5.064-.005-9.17-4.107-9.175-9.167z" })
-    },
-    "zen-globe": {
-        viewBox: "0 0 16 16",
-        svg: _jsx("path", { fillRule: "evenodd", d: "M.199 7.832C.165 12.168 3.592 15.8 7.979 15.8c4.378 0 7.823-3.256 7.823-7.83 0-2.277-.763-4.222-2.128-5.6C12.31.995 10.356.2 8.004.2 3.275.2.201 3.685.198 7.832zm13.654 3.201H11.07c.302-.924.482-1.85.538-2.766h2.987a6.625 6.625 0 01-.742 2.766zm-.802 1.2a6.64 6.64 0 01-3.66 2.214 15.07 15.07 0 001.218-2.214h2.442zm-3.25-1.2c.342-.935.542-1.861.604-2.766H5.601c.062.905.262 1.83.605 2.766H9.8zm-1.798 3.313a14.748 14.748 0 01-1.282-2.113h2.564a14.75 14.75 0 01-1.282 2.113zM1.409 8.267h2.99c.055.917.235 1.842.537 2.766H2.178a6.668 6.668 0 01-.77-2.766zm5.195 6.165a6.703 6.703 0 01-3.612-2.199h2.405a15.06 15.06 0 001.207 2.199zm4.424-10.13c.33.893.523 1.819.58 2.765h2.933a6.559 6.559 0 00-1.053-2.766h-2.46zm-.622 2.765a8.484 8.484 0 00-.67-2.766H6.27a8.488 8.488 0 00-.669 2.766h4.805zm-6.008 0a9.656 9.656 0 01.581-2.766H2.458a6.397 6.397 0 00-1.014 2.766H4.4zm6.096-3.966h1.957a6.557 6.557 0 00-2.934-1.534c.375.496.7 1.008.977 1.534zm-3.601 0a10.63 10.63 0 011.11-1.486c.426.479.798.978 1.11 1.486h-2.22zm-1.38 0c.281-.535.613-1.056.997-1.56a6.414 6.414 0 00-3.03 1.56h2.033z", clipRule: "evenodd" })
-    },
-    "zen-circle-ok": {
-        viewBox: "0 0 32 32",
-        svg: _jsx("path", { d: "M24.64 8.599a1.665 1.665 0 00-2.328.352l-.001.001-7.899 10.72-5.023-4.019a1.669 1.669 0 00-2.084 2.604l6.378 5.102c.732.573 1.79.444 2.364-.29l.018-.024L25 10.93a1.668 1.668 0 00-.359-2.33c.001 0 0 0 0 0zM16 0C7.164 0 0 7.164 0 16s7.164 16 16 16 16-7.164 16-16C31.99 7.168 24.832.01 16 0zm0 29.333C8.636 29.333 2.667 23.364 2.667 16S8.636 2.667 16 2.667 29.333 8.636 29.333 16C29.325 23.36 23.36 29.325 16 29.333z" })
-    },
-    "zen-lvl-up": {
-        viewBox: "0 0 18 32",
-        svg: _jsx("path", { d: "M14.78 6.973c.51.536.51 1.404 0 1.94a1.282 1.282 0 01-.926.401H9.546a.335.335 0 00-.327.343v18.572c0 .189.146.342.327.342h6.818c.903 0 1.636.769 1.636 1.715 0 .946-.733 1.714-1.636 1.714H7.582c-.903 0-1.636-.768-1.636-1.714V9.656a.335.335 0 00-.327-.342h-4.31C.586 9.314 0 8.7 0 7.943c0-.364.137-.712.384-.97L6.657.401a1.268 1.268 0 011.85 0z" })
-    },
-    "zen-arrow-top": {
-        viewBox: "0 0 12 12",
-        svg: _jsx("path", { fillRule: "evenodd", d: "M6 1.5a.5.5 0 01.354.146l3 3a.5.5 0 11-.708.708L6.5 3.207V10a.5.5 0 01-1 0V3.207L3.354 5.354a.5.5 0 11-.708-.708l3-3A.5.5 0 016 1.5Z", clipRule: "evenodd" })
-    },
-    "zen-arrow-bottom": {
-        viewBox: "0 0 12 12",
-        svg: _jsx("path", { fillRule: "evenodd", d: "M6 10.5a.5.5 0 01-.354-.146l-3-3a.5.5 0 11.708-.708L5.5 8.793V2a.5.5 0 011 0v6.793l2.146-2.147a.5.5 0 11.708.708l-3 3A.5.5 0 016 10.5Z", clipRule: "evenodd" })
-    },
-    "zen-calendar": {
-        viewBox: "0 0 24 24",
-        svg: _jsx("path", { d: "M8 2C8.55228 2 9 2.44772 9 3V4H15V3C15 2.44772 15.4477 2 16 2C16.5523 2 17 2.44772 17 3V4H20C20.5523 4 21 4.44772 21 5V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V5C3 4.44772 3.44772 4 4 4H7V3C7 2.44772 7.44772 2 8 2ZM5 6V9H19V6H5ZM19 11H5V19H19V11Z" })
-    }
-};

package/esm/svgIcon/svgIcon.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { TSvgIconSize } from "./svgIconSize";
-import "./svgIcon.less";
-import { TIconId } from "../static/icons/icons";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface ISvgIcon extends IZenComponentProps {
-    iconId: TIconId;
-    size?: TSvgIconSize;
-    focusable?: boolean;
-    title?: string;
-    description?: string;
-}
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const SvgIcon: React.FC<ISvgIcon>;

package/esm/svgIcon/svgIcon.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { useUniqueId } from "../commonHelpers/useUniqueId";
-/**
-    @deprecated - will be removed in future releases
-*/
-export const SvgIcon = ({ iconId, className, size, title, description, focusable = false }) => {
-    const classes = React.useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    const uniqueId = useUniqueId();
-    return _jsxs("svg", { focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("use", { xlinkHref: `#${iconId}`, "data-id": "" })] });
-};