@geotab/zenith 2.0.0 → 3.0.0-beta.0

package/dist/searchableField/searchableField.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TRANSLATIONS = exports.SearchableField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-const iconCrossThin_1 = require("../icons/deprecated/iconCrossThin");
-const iconArrowDown_1 = require("../icons/deprecated/iconArrowDown");
-const useLanguage_1 = require("../utils/localization/useLanguage");
-const SearchableField = ({ openSearch, inputId, title, placeholder, value, width, disabled, ariaControls, onOpenSearch, ariaAutocomplete, ariaOwns, inputRef, onFocus, onBlur, onChange, triggerRef, fullWidth }) => {
-    const { translate } = (0, useLanguage_1.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 = (0, classNames_1.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 (0, jsx_runtime_1.jsxs)("div", { "data-popup-id": ariaControls, id: ariaOwns, className: (0, classNames_1.classNames)(["zen-searchable-field", fullWidth ? "zen-searchable-field--full-width" : ""]), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-searchable-field__field", "zen-searchable-field__search", fullWidth ? "zen-searchable-field__field--full-width" : ""]), children: [(0, jsx_runtime_1.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 && (0, jsx_runtime_1.jsx)("button", { type: "button", tabIndex: -1, "aria-hidden": "true", className: "zen-searchable-field__close-button", title: translate("Clear search"), onClick: clearSearch, disabled: disabled, children: (0, jsx_runtime_1.jsx)(iconCrossThin_1.IconCrossThin, { size: "small" }) })] }), (0, jsx_runtime_1.jsx)("button", { ref: triggerRef, type: "button", tabIndex: -1, className: openButtonClasses, title: title || translate("Open search"), disabled: disabled, onClick: onOpenSearch, children: (0, jsx_runtime_1.jsx)(iconArrowDown_1.IconArrowDown, { className: openSearch ? "zen-searchable-field__arrow-icon--up" : "", size: "micro" }) })] });
-};
-exports.SearchableField = SearchableField;
-exports.TRANSLATIONS = [
-    "Search", "Clear search", "Open search"
-];

package/dist/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/dist/static/icons/icons.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.availableIcons = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-exports.availableIcons = {
-    "zen-checkmark": {
-        viewBox: "0 0 16 14",
-        svg: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.667 5.333a.333.333 0 11.666 0 .333.333 0 01-.667 0Z" }), (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "3", y: "6.5", rx: "1" })
-    },
-    "zen-loupe": {
-        viewBox: "0 0 32 32",
-        svg: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.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/dist/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/dist/svgIcon/svgIcon.js

@@ -1,43 +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.SvgIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-const useUniqueId_1 = require("../commonHelpers/useUniqueId");
-/**
-    @deprecated - will be removed in future releases
-*/
-const SvgIcon = ({ iconId, className, size, title, description, focusable = false }) => {
-    const classes = React.useMemo(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    return (0, jsx_runtime_1.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 ? (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)("use", { xlinkHref: `#${iconId}`, "data-id": "" })] });
-};
-exports.SvgIcon = SvgIcon;

package/esm/bottomSection/bottomSection.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { BottomSectionType } from "./bottomSectionType";
-import "./bottomSection.less";
-import { IIcon } from "../icons/icon";
-import { TIconSize } from "../icons/iconSize";
-export interface IBottomSection {
-    message: string;
-    type?: BottomSectionType;
-    icon?: React.FC<IIcon>;
-    className?: string;
-    size?: TIconSize;
-}
-export declare const BottomSection: React.FC<IBottomSection>;

package/esm/bottomSection/bottomSection.js

@@ -1,21 +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 { BottomSectionType } from "./bottomSectionType";
-const getSelectorsByType = (type) => {
-    switch (type) {
-        case BottomSectionType.Info:
-            return ["zen-bottom-section__icon--info", "zen-bottom-section__message--info"];
-        case BottomSectionType.Error:
-            return ["zen-bottom-section__icon--error", "zen-bottom-section__message--error"];
-        default:
-            return ["", ""];
-    }
-};
-export const BottomSection = ({ message, type = BottomSectionType.Info, icon, size, className = "" }) => {
-    const [selectorIcon, selectorMessage] = getSelectorsByType(type);
-    return _jsxs("div", { className: classNames(["zen-bottom-section", className]), children: [icon && React.createElement(icon, {
-                size: size,
-                className: classNames(["zen-bottom-section__icon", selectorIcon])
-            }), _jsx("span", { className: classNames(["zen-bottom-section__message", selectorMessage]), children: message })] });
-};

package/esm/bottomSection/bottomSectionType.d.ts

@@ -1,4 +0,0 @@
-export declare enum BottomSectionType {
-    Info = "info",
-    Error = "error"
-}

package/esm/bottomSection/bottomSectionType.js

@@ -1,5 +0,0 @@
-export var BottomSectionType;
-(function (BottomSectionType) {
-    BottomSectionType["Info"] = "info";
-    BottomSectionType["Error"] = "error";
-})(BottomSectionType || (BottomSectionType = {}));

package/esm/comboList/comboList.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import "./comboList.less";
-import { TIconId } from "../static/icons/icons";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface IItemTree {
-    id: string;
-    name: string;
-    className?: string;
-    checked?: boolean;
-    children?: IItemTree[];
-    icon?: TIconId;
-    hover?: boolean;
-    path?: string;
-}
-export interface IComboList extends IZenComponentProps {
-    items: IItemTree[];
-    checkedItems: Set<string>;
-    lastItemId: string;
-    hoverId: string;
-    path: string;
-    listId: string;
-    onChange: (id: string, state: boolean) => void;
-}
-export declare const ComboList: React.FC<IComboList>;

package/esm/comboList/comboList.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable react/prop-types */
-import { createElement, useRef } from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { useAutoScroll } from "./comboListHook";
-import { IconFolderNew } from "../icons/deprecated/iconFolderNew";
-const FolderItem = ({ children }) => _jsxs("div", { className: "zen-combo-list__item-container", children: [_jsx(IconFolderNew, { className: "zen-combo-list__icon", size: "large" }), children] });
-const CheckBox = ({ children, icon }) => _jsx("div", { className: "zen-combo-list__item-container", children: _jsxs(_Fragment, { children: [icon ? createElement(icon, { className: "zen-combo-list__icon" }) : "", " ", children] }) });
-export const ComboList = ({ className, items, onChange, listId, path, checkedItems, hoverId }) => {
-    const listClassName = classNames(["zen-combo-list", className || ""]);
-    const hoveredItem = useRef(null);
-    useAutoScroll(hoverId, items, hoveredItem);
-    return _jsx("ul", { className: listClassName, id: listId, role: "listbox", tabIndex: 0, "aria-label": path, ref: hoveredItem, children: items.map(item => {
-            const itemClassName = classNames([
-                "zen-combo-list__item",
-                hoverId === item.id ? "zen-combo-list__item--hover" : "",
-                checkedItems.has(item.id) && !(item.children && item.children.length) ? "zen-combo-list__item--selected" : "",
-                item.className || ""
-            ]);
-            const title = item.path ? item.path : `${path ? path + "/" : ""}${item.name}`;
-            return _jsx("li", { className: itemClassName, onClick: () => onChange(item.id, !checkedItems.has(item.id)), "aria-selected": checkedItems.has(item.id), role: "option", title: title, children: item.children ?
-                    _jsx(FolderItem, { children: item.name })
-                    :
-                        _jsx(CheckBox, { icon: item.icon, id: item.id, onChange: onChange, checked: checkedItems.has(item.id), children: item.name }) }, item.id);
-        }) });
-};

package/esm/comboList/comboListHook.d.ts

@@ -1,4 +0,0 @@
-import { MutableRefObject } from "react";
-export declare const useAutoScroll: (hoverId: string, items: {
-    id: string;
-}[], ref: MutableRefObject<HTMLUListElement | null>) => void;

package/esm/comboList/comboListHook.js

@@ -1,10 +0,0 @@
-import { useEffect } from "react";
-export const useAutoScroll = (hoverId, items, ref) => {
-    useEffect(() => {
-        if (ref.current) {
-            const elementIndex = items.reduce((acc, item, index) => item.id === hoverId ? index : acc, 0);
-            const hoverElement = ref.current.children[elementIndex];
-            hoverElement && hoverElement.scrollIntoView && hoverElement.scrollIntoView({ block: "nearest" });
-        }
-    }, [hoverId, items, ref]);
-};

package/esm/combobox/combobox.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import "./combobox.less";
-import { ITreeList } from "../searchList/searchList";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface ICombobox extends IZenComponentProps {
-    /**
-    * @deprecated
-    * @param translate - will be removed in the next major release
-    */
-    translate?: (s: string) => string;
-    inputId?: string;
-    placeholder?: string;
-    dialogAriaLabel?: string;
-    title?: string;
-    disabled?: boolean;
-    width?: number;
-    selection: Set<string>;
-    onSelect: (selected: string[]) => void;
-    getData: (signal?: AbortSignal, searchValue?: string) => Promise<ITreeList[]>;
-    inline?: boolean;
-    fullWidth?: boolean;
-}
-/**
- * @deprecated - will be removed in future releases
-*/
-export declare const Combobox: React.FC<ICombobox>;
-export declare const TRANSLATIONS: string[];

package/esm/combobox/combobox.js

@@ -1,163 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { SearchableField, TRANSLATIONS as InputTranslations } from "../searchableField/searchableField";
-import SearchSingleList, { EmptyList, WaitingList, TRANSLATIONS as ListTranslations } from "../searchList/searchList";
-import { Absolute } from "../absolute/absolute";
-import { useClickOutside, useComboboxNavigation } from "./comboboxNavigation";
-import { classNames } from "../commonHelpers/classNames/classNames";
-/**
- * @deprecated - will be removed in future releases
-*/
-export const Combobox = ({ getData, inputId, placeholder, dialogAriaLabel, title, disabled, onSelect, width, className, selection, inline = true, fullWidth }) => {
-    const ariaComboboxId = "listbox";
-    const ariaControlId = React.useId();
-    const listId = React.useId();
-    const [newListData, setNewListData] = useState([]);
-    const [showWaiting, setShowWaiting] = useState(false);
-    const [showList, setShowList] = useState(() => false);
-    const [showEmptyList, setShowEmptyList] = useState(false);
-    const [value, setInputValue] = useState("");
-    const abortToken = useRef(new AbortController());
-    const triggerRef = useRef(null);
-    const comboboxRef = useRef(null);
-    const inputRef = useRef(null);
-    const searchListParentRef = useRef(null);
-    const handleHighLevelKeyboardNavigation = 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 = 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 = useCallback(() => {
-        const currentAbort = abortToken.current;
-        if (showList) {
-            showListPopup(false);
-            return;
-        }
-        controlData(currentAbort.signal, value);
-    }, [controlData, showList, value]);
-    const onSingleChange = 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 = classNames([
-        "zen-combobox",
-        "zen-combobox__container",
-        className || ""
-    ]);
-    useComboboxNavigation(handleHighLevelKeyboardNavigation, comboboxRef, subscriptionCondition);
-    useClickOutside(comboboxRef, () => {
-        if (inline) {
-            showListPopup(false);
-        }
-    });
-    useClickOutside(searchListParentRef, () => {
-        if (!inline) {
-            showListPopup(false);
-        }
-    });
-    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);
-        };
-    }, []);
-    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 = useCallback(() => {
-        if (showWaiting) {
-            return setShowWaiting;
-        }
-        if (showEmptyList) {
-            return setShowEmptyList;
-        }
-        if (showList) {
-            return setShowList;
-        }
-        return () => { };
-    }, [showWaiting, showEmptyList, showList]);
-    const getPopupContent = useMemo(() => {
-        if (showWaiting) {
-            return _jsx(WaitingList, {});
-        }
-        if (showEmptyList) {
-            return _jsx(EmptyList, {});
-        }
-        if (showList) {
-            return _jsx("div", { ref: searchListParentRef, children: _jsx(SearchSingleList, { selected: selection, parentRef: comboboxRef, listId: listId, listData: newListData, onChange: onSingleChange }) });
-        }
-        return null;
-    }, [showWaiting, showEmptyList, showList, selection, newListData, onSingleChange, listId]);
-    return _jsxs("div", { className: containerClassName, ref: comboboxRef, children: [_jsx(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 }), _jsx(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 })] });
-};
-export const TRANSLATIONS = [
-    ...InputTranslations,
-    ...ListTranslations
-];

package/esm/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/esm/combobox/comboboxNavigation.js

@@ -1,21 +0,0 @@
-import { useCallback, useEffect } from "react";
-import { useKeydown } from "../commonHelpers/hooks/useKeydown";
-export const useComboboxNavigation = (callback, subscriptionTrigger, condition) => {
-    const handleKeyDown = useCallback((e) => {
-        callback(e.key, e);
-    }, [callback]);
-    useKeydown(handleKeyDown, subscriptionTrigger, condition);
-};
-export const useClickOutside = (ref, callback) => {
-    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]);
-};

package/esm/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/esm/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>;