@geotab/zenith 2.0.0-beta.2 → 3.0.0-beta.0

package/dist/combobox/combobox.js

@@ -1,190 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TRANSLATIONS = exports.Combobox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const searchableField_1 = require("../searchableField/searchableField");
-const searchList_1 = __importStar(require("../searchList/searchList"));
-const absolute_1 = require("../absolute/absolute");
-const comboboxNavigation_1 = require("./comboboxNavigation");
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-/**
- * @deprecated - will be removed in future releases
-*/
-const Combobox = ({ getData, inputId, placeholder, dialogAriaLabel, title, disabled, onSelect, width, className, selection, inline = true, fullWidth }) => {
-    const ariaComboboxId = "listbox";
-    const ariaControlId = react_1.default.useId();
-    const listId = react_1.default.useId();
-    const [newListData, setNewListData] = (0, react_1.useState)([]);
-    const [showWaiting, setShowWaiting] = (0, react_1.useState)(false);
-    const [showList, setShowList] = (0, react_1.useState)(() => false);
-    const [showEmptyList, setShowEmptyList] = (0, react_1.useState)(false);
-    const [value, setInputValue] = (0, react_1.useState)("");
-    const abortToken = (0, react_1.useRef)(new AbortController());
-    const triggerRef = (0, react_1.useRef)(null);
-    const comboboxRef = (0, react_1.useRef)(null);
-    const inputRef = (0, react_1.useRef)(null);
-    const searchListParentRef = (0, react_1.useRef)(null);
-    const handleHighLevelKeyboardNavigation = (0, react_1.useCallback)((key, e) => {
-        if (key === "Escape") {
-            !showList && setInputValue("");
-            setShowList(false);
-            setShowWaiting(false);
-            setShowEmptyList(false);
-            return;
-        }
-        if (key === "Tab") {
-            setShowList(false);
-            setShowWaiting(false);
-            setShowEmptyList(false);
-            return;
-        }
-        if (key === "ArrowDown" && showList && !showWaiting && !showEmptyList) {
-            e.preventDefault();
-            return;
-        }
-        if (key === "ArrowUp" && showList && !showWaiting && !showEmptyList) {
-            e.preventDefault();
-            return;
-        }
-    }, [showList, showWaiting, showEmptyList]);
-    const showListPopup = (newVal) => {
-        setShowList(newVal);
-    };
-    const showWaitingPopup = (newVal) => {
-        setShowWaiting(newVal);
-    };
-    const showEmptyPopup = (newVal) => {
-        setShowEmptyList(newVal);
-    };
-    const controlData = (0, react_1.useCallback)((signal, searchValue) => {
-        showWaitingPopup(true);
-        showEmptyPopup(false);
-        showListPopup(false);
-        getData(signal, searchValue).then(data => {
-            setNewListData(data);
-            showWaitingPopup(false);
-            data.length ? showListPopup(true) : showEmptyPopup(true);
-        }).catch(() => {
-            showListPopup(false);
-            showEmptyPopup(false);
-            showWaitingPopup(false);
-        });
-    }, [getData]);
-    const onOpenSearch = (0, react_1.useCallback)(() => {
-        const currentAbort = abortToken.current;
-        if (showList) {
-            showListPopup(false);
-            return;
-        }
-        controlData(currentAbort.signal, value);
-    }, [controlData, showList, value]);
-    const onSingleChange = (0, react_1.useCallback)((selected, unselect) => {
-        var _a;
-        const newSetSelection = new Set(selection);
-        const action = newSetSelection.has(selected) ? "delete" : "add";
-        unselect && unselect.forEach(item => newSetSelection.delete(item));
-        newSetSelection[action](selected);
-        onSelect([...newSetSelection]);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [onSelect, selection]);
-    const subscriptionCondition = (trigger) => trigger.current !== null;
-    const onFocus = () => {
-        !showWaiting && !showList && !showEmptyList && controlData(undefined, value);
-    };
-    const onInput = (val) => {
-        abortToken.current.abort();
-        abortToken.current = new AbortController();
-        controlData(abortToken.current.signal, val);
-        setInputValue(val);
-    };
-    const containerClassName = (0, classNames_1.classNames)([
-        "zen-combobox",
-        "zen-combobox__container",
-        className || ""
-    ]);
-    (0, comboboxNavigation_1.useComboboxNavigation)(handleHighLevelKeyboardNavigation, comboboxRef, subscriptionCondition);
-    (0, comboboxNavigation_1.useClickOutside)(comboboxRef, () => {
-        if (inline) {
-            showListPopup(false);
-        }
-    });
-    (0, comboboxNavigation_1.useClickOutside)(searchListParentRef, () => {
-        if (!inline) {
-            showListPopup(false);
-        }
-    });
-    (0, react_1.useEffect)(() => {
-        const disableKeyCode = ["ArrowDown", "ArrowUp"];
-        const input = inputRef.current;
-        const handler = (e) => {
-            if (disableKeyCode.some(key => e.key === key)) {
-                e.preventDefault();
-            }
-        };
-        input === null || input === void 0 ? void 0 : input.addEventListener("keydown", handler);
-        return () => {
-            input === null || input === void 0 ? void 0 : input.removeEventListener("keydown", handler);
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (showList) {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [showList]);
-    const popupAlignment = inline ? undefined : "bottom-right";
-    const openChange = (0, react_1.useCallback)(() => {
-        if (showWaiting) {
-            return setShowWaiting;
-        }
-        if (showEmptyList) {
-            return setShowEmptyList;
-        }
-        if (showList) {
-            return setShowList;
-        }
-        return () => { };
-    }, [showWaiting, showEmptyList, showList]);
-    const getPopupContent = (0, react_1.useMemo)(() => {
-        if (showWaiting) {
-            return (0, jsx_runtime_1.jsx)(searchList_1.WaitingList, {});
-        }
-        if (showEmptyList) {
-            return (0, jsx_runtime_1.jsx)(searchList_1.EmptyList, {});
-        }
-        if (showList) {
-            return (0, jsx_runtime_1.jsx)("div", { ref: searchListParentRef, children: (0, jsx_runtime_1.jsx)(searchList_1.default, { selected: selection, parentRef: comboboxRef, listId: listId, listData: newListData, onChange: onSingleChange }) });
-        }
-        return null;
-    }, [showWaiting, showEmptyList, showList, selection, newListData, onSingleChange, listId]);
-    return (0, jsx_runtime_1.jsxs)("div", { className: containerClassName, ref: comboboxRef, children: [(0, jsx_runtime_1.jsx)(searchableField_1.SearchableField, { width: width, inputId: inputId, inputRef: inputRef, title: title, placeholder: placeholder, onChange: onInput, onOpenSearch: onOpenSearch, onFocus: onFocus, openSearch: showList || showWaiting || showEmptyList, disabled: disabled, ariaAutocomplete: "list", ariaControls: ariaControlId, ariaOwns: ariaComboboxId, triggerRef: inline ? undefined : triggerRef, fullWidth: fullWidth, value: value }), (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { alignment: popupAlignment, onOpenChange: openChange, className: "zen-combobox-popup zen-shadow-dropdown-default", stateFullChilds: showList, inline: inline, isOpen: true, id: ariaControlId, triggerRef: triggerRef, ariaLabel: dialogAriaLabel || placeholder, role: "region", children: getPopupContent })] });
-};
-exports.Combobox = Combobox;
-exports.TRANSLATIONS = [
-    ...searchableField_1.TRANSLATIONS,
-    ...searchList_1.TRANSLATIONS
-];

package/dist/combobox/comboboxNavigation.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from "react";
-export declare const useComboboxNavigation: <T extends HTMLElement>(callback: (event: string, e: KeyboardEvent) => void, subscriptionTrigger: RefObject<T>, condition?: (_) => boolean) => void;
-export declare const useClickOutside: (ref: any, callback: any) => void;

package/dist/combobox/comboboxNavigation.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutside = exports.useComboboxNavigation = void 0;
-const react_1 = require("react");
-const useKeydown_1 = require("../commonHelpers/hooks/useKeydown");
-const useComboboxNavigation = (callback, subscriptionTrigger, condition) => {
-    const handleKeyDown = (0, react_1.useCallback)((e) => {
-        callback(e.key, e);
-    }, [callback]);
-    (0, useKeydown_1.useKeydown)(handleKeyDown, subscriptionTrigger, condition);
-};
-exports.useComboboxNavigation = useComboboxNavigation;
-const useClickOutside = (ref, callback) => {
-    (0, react_1.useEffect)(() => {
-        const handleClick = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.body.addEventListener("click", handleClick, true);
-        return () => {
-            document.body.removeEventListener("click", handleClick, true);
-        };
-    }, [ref, callback]);
-};
-exports.useClickOutside = useClickOutside;

package/dist/commonHelpers/translatable.d.ts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-export interface ITranslatable {
-    /**
-    * @deprecated
-    * @param translate - will be removed in the next major release
-    */
-    translate?: (key: string) => string;
-}
-export interface IZenTranslatableComponent<Props = object> extends FC<Props> {
-    translations: string[];
-}

package/dist/dropdownOld/dropdownOld.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import "./dropdownOld.less";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-import { ISelectListItem } from "../selectList/selectListItem";
-export interface IDropdownOld extends IZenComponentProps {
-    onChange: (selectedIds: string[]) => void;
-    items: ISelectListItem[];
-    selectedOption: string[];
-    title: string;
-    placeholder: string;
-    id?: string;
-    disabled?: boolean;
-    multiselect?: boolean;
-    footer?: JSX.Element;
-    fullWidth?: boolean;
-}
-export declare const DropdownOld: React.FC<IDropdownOld>;

package/dist/dropdownOld/dropdownOld.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownOld = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const filterButton_1 = require("../filterButton/filterButton");
-const selectList_1 = require("../selectList/selectList");
-const checkboxState_1 = require("../checkbox/checkboxState");
-const controlledPopup_1 = require("../controlledPopup/controlledPopup");
-const select_helpers_1 = require("../selectRaw/select.helpers");
-const isDropdownStateTheSame_1 = require("./dropdownOldHelpers/isDropdownStateTheSame");
-const useUniqueId_1 = require("../commonHelpers/useUniqueId");
-// get default active item (based on items array)
-const getItemById = (items, id) => items.find(item => item.id === id);
-const DropdownOld = (props) => {
-    var _a;
-    const { fullWidth, footer, multiselect, disabled, placeholder, title, id, className, selectedOption, items: outerItems, onChange } = props;
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const innerTriggerRef = (0, react_1.useRef)(null);
-    // items IDs
-    const buttonReactId = (0, useUniqueId_1.useUniqueId)();
-    const selectListId = (0, useUniqueId_1.useUniqueId)();
-    const popupId = (0, useUniqueId_1.useUniqueId)();
-    // memoized items
-    const items = (0, react_1.useMemo)(() => outerItems, [outerItems]);
-    const itemsMap = (0, react_1.useMemo)(() => items.reduce((acc, obj) => acc.set(obj.id, selectedOption.includes(obj.id) ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off), new Map()), [items, selectedOption]);
-    // trigger button text value
-    const value = (0, select_helpers_1.getSelectValue)(itemsMap, items);
-    const triggerValue = value ? (_a = getItemById(items, value)) === null || _a === void 0 ? void 0 : _a.children : placeholder;
-    const onOptionsToggle = (isCurrentlyOpen) => {
-        setIsOpen(isCurrentlyOpen);
-    };
-    const onOptionChange = (0, react_1.useCallback)((newItemState) => {
-        const newSelection = [...newItemState].reduce((res, [selectedId, checkedState]) => {
-            if (checkedState === checkboxState_1.CheckboxState.On) {
-                res.push(selectedId);
-            }
-            return res;
-        }, []);
-        if (!(0, isDropdownStateTheSame_1.isDropdownStateTheSame)(newSelection, selectedOption)) {
-            onChange(newSelection);
-        }
-    }, [onChange, selectedOption]);
-    return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(filterButton_1.FilterButton, { ref: innerTriggerRef, id: id || buttonReactId, className: className, onClick: () => {
-                    setIsOpen(!isOpen);
-                }, disabled: disabled, isActive: isOpen, fullWidth: fullWidth, quantity: multiselect && selectedOption.length > 0 ? selectedOption.length : undefined, children: triggerValue }), (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { id: popupId, useTrapFocusWithTrigger: "withTrigger", alignment: "bottom-left", onOpenChange: (isCurrentlyOpen) => {
-                    onOptionsToggle(isCurrentlyOpen);
-                }, isOpen: isOpen, triggerRef: innerTriggerRef, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-dropdown-old", children: [title ? (0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-old__header", children: title }) : null, (0, jsx_runtime_1.jsx)(selectList_1.SelectList, { id: selectListId, title: title, showCheckbox: multiselect, value: itemsMap, multiselect: multiselect, items: [
-                                ...items.reduce((acc, obj) => acc.set(obj.id, Object.assign(Object.assign({}, obj), { state: selectedOption.includes(obj.id) ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off })), new Map()).values()
-                            ], onChange: onOptionChange }), footer
-                            ? (0, jsx_runtime_1.jsx)("div", { className: "zen-dropdown-old__footer", children: footer })
-                            : null] }) })] });
-};
-exports.DropdownOld = DropdownOld;

package/dist/dropdownOld/dropdownOldHelpers/isDropdownStateTheSame.d.ts

@@ -1 +0,0 @@
-export declare const isDropdownStateTheSame: (newState: string[], oldState: string[]) => boolean;

package/dist/dropdownOld/dropdownOldHelpers/isDropdownStateTheSame.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDropdownStateTheSame = void 0;
-const isDropdownStateTheSame = (newState, oldState) => {
-    if (newState.length !== oldState.length) {
-        return false;
-    }
-    return newState.sort().join(",") === oldState.sort().join(",");
-};
-exports.isDropdownStateTheSame = isDropdownStateTheSame;

package/dist/icons/deprecated/iconActivity.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconActivity: React.FC<IIcon>;

package/dist/icons/deprecated/iconActivity.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconActivity = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconActivity = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "null", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconActivity", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M9 2.87a1 1 0 01.949.683L15 18.707l2.051-6.154A1 1 0 0118 11.87h4a1 1 0 110 2h-3.28l-2.771 8.316a1 1 0 01-1.898 0L9 7.032l-2.051 6.154A1 1 0 016 13.87H2a1 1 0 110-2h3.28L8.05 3.553A1 1 0 019 2.87z" })] });
-};
-exports.IconActivity = IconActivity;

package/dist/icons/deprecated/iconArchive.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArchive: React.FC<IIcon>;

package/dist/icons/deprecated/iconArchive.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconArchive = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconArchive = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArchive", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M5 3a1 1 0 011-1h4.5a1 1 0 01.707.293L12.914 4H18a1 1 0 011 1v3h1a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1h1V3zm2 5h10V6h-4.5a1 1 0 01-.707-.293L10.086 4H7v4zm-2 2v9h14v-9H5zm2 3a1 1 0 011-1h4a1 1 0 110 2H8a1 1 0 01-1-1z" })] });
-};
-exports.IconArchive = IconArchive;

package/dist/icons/deprecated/iconArrowBottom.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArrowBottom: React.FC<IIcon>;

package/dist/icons/deprecated/iconArrowBottom.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconArrowBottom = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconArrowBottom = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowBottom", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { 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" })] });
-};
-exports.IconArrowBottom = IconArrowBottom;

package/dist/icons/deprecated/iconArrowDown.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArrowDown: React.FC<IIcon>;

package/dist/icons/deprecated/iconArrowDown.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconArrowDown = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconArrowDown = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowDown", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M31.649 1.217C31.166.465 30.257 0 29.272 0H2.728C1.22.001-.002 1.072 0 2.393c0 .435.136.862.393 1.235l13.272 19.219c.78 1.13 2.459 1.49 3.748.807.377-.2.694-.477.922-.807L31.607 3.628a2.14 2.14 0 00.042-2.41z" })] });
-};
-exports.IconArrowDown = IconArrowDown;

package/dist/icons/deprecated/iconArrowTop.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconArrowTop: React.FC<IIcon>;

package/dist/icons/deprecated/iconArrowTop.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconArrowTop = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconArrowTop = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconArrowTop", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { 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" })] });
-};
-exports.IconArrowTop = IconArrowTop;

package/dist/icons/deprecated/iconAssetInactive.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconAssetInactive: React.FC<IIcon>;

package/dist/icons/deprecated/iconAssetInactive.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconAssetInactive = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconAssetInactive = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 42 42", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconAssetInactive", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("circle", { cx: "21", cy: "21", r: "14" }), (0, jsx_runtime_1.jsx)("circle", { cx: "21", cy: "21", r: "13.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.91 18.076c.482.339.861.803 1.096 1.342a.557.557 0 00.542.318 2.198 2.198 0 012.285 2.207 2.065 2.065 0 01-.547 1.476.58.58 0 10.838.806l.014-.015A3.164 3.164 0 0028 22.035a3.363 3.363 0 00-3.043-3.452.147.147 0 01-.112-.07A4.51 4.51 0 0021 16.333c-.444 0-.885.067-1.31.198-.379.117-.47.493-.22.875.135.21.396.3.632.218a3.432 3.432 0 012.809.452zm-6.104 6.069a2.06 2.06 0 01-1.267-.467c-.264-.281-.4-.66-.373-1.045a1.51 1.51 0 011.821-1.477.583.583 0 00.7-.536c.009-.131.012-.295.01-.423-.006-.292.012-.428-.153-.593a.552.552 0 00-.93.274v.01a.09.09 0 01-.084.072 2.71 2.71 0 00-2.166 1.314A2.606 2.606 0 0014 22.702a2.498 2.498 0 00.72 1.808 3.19 3.19 0 002.083.804h5.037a.584.584 0 000-1.167l-5.034-.002zm10.198 3.684a.583.583 0 00.825-.825L14.996 14.171a.583.583 0 00-.825.825l12.833 12.833z" })] });
-};
-exports.IconAssetInactive = IconAssetInactive;

package/dist/icons/deprecated/iconBookmark.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconBookmark: React.FC<IIcon>;

package/dist/icons/deprecated/iconBookmark.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconBookmark = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconBookmark = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconBookmark", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M15.666 17.707V3.357c0-.698-.236-1.065-.475-1.276-.273-.241-.694-.402-1.191-.402H4c-1.03 0-1.667.786-1.667 1.678v14.307l.177-.119c.585-.39 1.325-.87 2.054-1.344l.176-.114c.672-.437 1.325-.86 1.844-1.204.283-.188.517-.345.688-.464.143-.1.195-.14.196-.14.475-.442 1.155-.758 1.943-.6.495.099.852.362 1.039.525l5.216 3.503zm-6.25-2.18c-.163-.158-.44-.38-.833 0-.188.184-1.539 1.06-2.939 1.97-1.518.986-3.094 2.009-3.31 2.227-.417.42-1.667.42-1.667-.42V3.358C.667 1.68 1.917 0 4 0h10c1.666 0 3.333 1.068 3.333 3.357v15.948c0 .839-1.25.839-1.666.42l-6.25-4.197z" })] });
-};
-exports.IconBookmark = IconBookmark;

package/dist/icons/deprecated/iconBookmarkFill.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconBookmarkFill: React.FC<IIcon>;

package/dist/icons/deprecated/iconBookmarkFill.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconBookmarkFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconBookmarkFill = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconBookmarkFill", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M9.416 15.528c-.163-.16-.44-.382-.833 0-.188.183-1.539 1.06-2.939 1.969-1.518.986-3.094 2.009-3.31 2.227-.417.42-1.667.42-1.667-.42V3.358C.667 1.68 1.917 0 4 0h10c1.667 0 3.333 1.068 3.333 3.357v15.948c0 .839-1.25.839-1.666.42z" })] });
-};
-exports.IconBookmarkFill = IconBookmarkFill;

package/dist/icons/deprecated/iconCalendar.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconCalendar: React.FC<IIcon>;

package/dist/icons/deprecated/iconCalendar.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconCalendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconCalendar = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconCalendar", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M4 10.87h16m-12-5v-2m8 2v-2m-12 2h16v15H4v-15z" })] });
-};
-exports.IconCalendar = IconCalendar;

package/dist/icons/deprecated/iconChevronDownSmall.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IIcon } from "../icon";
-import "../icon.less";
-/**
-    @deprecated - will be removed in future releases
-*/
-export declare const IconChevronDownSmall: React.FC<IIcon>;

package/dist/icons/deprecated/iconChevronDownSmall.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconChevronDownSmall = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const IconChevronDownSmall = ({ className, size, title, description, focusable = false }) => {
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconChevronDownSmall", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { d: "M9.411 12.256a.833.833 0 001.179 0l3.333-3.333a.833.833 0 10-1.178-1.179L10 10.488 7.257 7.744a.833.833 0 10-1.179 1.179l3.333 3.333z" })] });
-};
-exports.IconChevronDownSmall = IconChevronDownSmall;