@geotab/zenith 3.1.1-beta.0 → 3.1.1-beta.2

package/esm/groupsFilterRaw/groupsFilterTestData.d.ts

@@ -0,0 +1,37 @@
+import { ITypedHash } from "./groupsFilterInterfaces";
+export declare const groupsArr: ({
+    id: string;
+    name: string;
+    children: {
+        id: string;
+    }[];
+    color: {
+        a: number;
+        b: number;
+        g: number;
+        r: number;
+    };
+} | {
+    id: string;
+    name: string;
+    children: undefined;
+    color: {
+        a: number;
+        b: number;
+        g: number;
+        r: number;
+    };
+})[];
+export declare const groupsArrAdvanced: ({
+    id: string;
+    name: string;
+    children: {
+        id: string;
+        name: string;
+    }[];
+} | {
+    id: string;
+    name: string;
+    children?: undefined;
+})[];
+export declare const groupsMap: ITypedHash<unknown>;

package/esm/groupsFilterRaw/groupsFilterTestData.js

@@ -0,0 +1,73 @@
+export const groupsArr = [
+    { id: "GroupCompanyId", name: "Company", children: [{ id: "ChildA" }, { id: "ChildB" }], color: { a: 255, b: 0, g: 165, r: 255 } },
+    { id: "ChildA", name: "A element", children: [{ id: "ChildC" }, { id: "ChildE" }], color: { a: 255, b: 255, g: 165, r: 0 } },
+    { id: "ChildB", name: "B element", children: [], color: { a: 255, b: 165, g: 255, r: 0 } },
+    { id: "ChildC", name: "C element", children: [{ id: "ChildD" }], color: { a: 255, b: 165, g: 100, r: 200 } },
+    { id: "ChildD", name: "D element", children: undefined, color: { a: 255, b: 110, g: 100, r: 240 } },
+    { id: "ChildE", name: "E element", children: undefined, color: { a: 135, b: 200, g: 100, r: 40 } }
+];
+export const groupsArrAdvanced = [
+    { id: "GroupCompanyId", name: "Company", children: [{ id: "ChildA", name: "A element" }, { id: "ChildB", name: "B element" }] },
+    { id: "ChildA", name: "A element", children: [{ id: "ChildC", name: "C element" }, { id: "ChildE", name: "E element" }] },
+    { id: "ChildB", name: "B element" },
+    { id: "ChildC", name: "C element", children: [{ id: "ChildD", name: "D element" }] },
+    { id: "ChildD", name: "D element" },
+    { id: "ChildE", name: "E element" }
+];
+export const groupsMap = {
+    GroupCompanyId: {
+        id: "GroupCompanyId",
+        name: "Company",
+        color: { a: 255, b: 0, g: 165, r: 255 },
+        children: [{ id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 },
+                        children: [{ id: "ChildD", name: "D element", color: { a: 255, b: 110, g: 100, r: 240 }, children: undefined,
+                                parent: { id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 }, children: [{ id: "ChildD" }] } }],
+                        parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] } },
+                    { id: "ChildE", name: "E element", color: { a: 135, b: 200, g: 100, r: 40 }, children: undefined, parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] } }], parent: { id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, children: [{ id: "ChildA" }, { id: "ChildB" }] }
+            }, { id: "ChildB", name: "B element", color: { a: 255, b: 165, g: 255, r: 0 },
+                children: [], parent: { id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, children: [{ id: "ChildA" }, { id: "ChildB" }] } }],
+        parent: { id: "root", name: "", parent: undefined,
+            children: [{ id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, parent: undefined, children: [
+                        { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 }, children: [{ id: "ChildD", name: "D element", color: { a: 255, b: 110, g: 100, r: 240 }, children: undefined, parent: { id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 }, children: [{ id: "ChildD" }] } }],
+                                    parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] } },
+                                { id: "ChildE", name: "E element", color: { a: 135, b: 200, g: 100, r: 40 }, children: undefined,
+                                    parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] } }], parent: { id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, children: [{ id: "ChildA" }, { id: "ChildB" }] } },
+                        { id: "ChildB", name: "B element", color: { a: 255, b: 165, g: 255, r: 0 }, children: [], parent: { id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, children: [{ id: "ChildA" }, { id: "ChildB" }] } }
+                    ] }]
+        }
+    },
+    ChildA: {
+        id: "ChildA",
+        name: "A element",
+        color: { a: 255, b: 255, g: 165, r: 0 },
+        children: [{ id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 },
+                children: [{ id: "ChildD", name: "D element", color: { a: 255, b: 110, g: 100, r: 240 }, children: undefined,
+                        parent: { id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 }, children: [{ id: "ChildD" }] }
+                    }],
+                parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] } }, { id: "ChildE", name: "E element",
+                color: { a: 135, b: 200, g: 100, r: 40 }, children: undefined,
+                parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] } }],
+        parent: { id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, children: [{ id: "ChildA" }, { id: "ChildB" }] }
+    },
+    ChildB: { id: "ChildB", name: "B element",
+        color: { a: 255, b: 165, g: 255, r: 0 },
+        children: [],
+        parent: { id: "GroupCompanyId", name: "Company", color: { a: 255, b: 0, g: 165, r: 255 }, children: [{ id: "ChildA" }, { id: "ChildB" }] }
+    },
+    ChildC: { id: "ChildC", name: "C element",
+        color: { a: 255, b: 165, g: 100, r: 200 },
+        children: [{ id: "ChildD", name: "D element", color: { a: 255, b: 110, g: 100, r: 240 }, children: undefined,
+                parent: { id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 }, children: [{ id: "ChildD" }] } }],
+        parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] }
+    },
+    ChildD: { id: "ChildD", name: "D element",
+        color: { a: 255, b: 110, g: 100, r: 240 },
+        children: undefined,
+        parent: { id: "ChildC", name: "C element", color: { a: 255, b: 165, g: 100, r: 200 }, children: [{ id: "ChildD" }] }
+    },
+    ChildE: { id: "ChildE", name: "E element",
+        color: { a: 135, b: 200, g: 100, r: 40 },
+        children: undefined,
+        parent: { id: "ChildA", name: "A element", color: { a: 255, b: 255, g: 165, r: 0 }, children: [{ id: "ChildC" }, { id: "ChildE" }] }
+    }
+};

package/esm/{groupsFilter → groupsFilterRaw}/groupsFilterTrigger.d.ts

@@ -1,5 +1,5 @@
 import React, { ChangeEvent } from "react";
-import "./groupsFilter.less";
+import "./groupsFilterRaw.less";
 interface IGroupsFilterTrigger {
     value: string;
     className?: string;
@@ -13,9 +13,10 @@ interface IGroupsFilterTrigger {
     inputRef: React.RefObject<HTMLInputElement | null>;
     fullSize?: boolean;
     ref?: React.RefObject<HTMLDivElement | null>;
+    isError?: boolean;
 }
 export declare const GroupsFilterTrigger: {
-    ({ value, className, onChange, placeholder, isOpenPopup, count, withGlobeIcon, inputRef, handleClick, fullSize, ref, ...otherProps }: IGroupsFilterTrigger): import("react/jsx-runtime").JSX.Element;
+    ({ value, className, onChange, placeholder, isOpenPopup, count, withGlobeIcon, inputRef, handleClick, fullSize, ref, isError, ...otherProps }: IGroupsFilterTrigger): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const TRANSLATIONS: string[];

package/esm/{groupsFilter → groupsFilterRaw}/groupsFilterTrigger.js

@@ -17,7 +17,7 @@ import { TextInputRaw } from "../textInputRaw/textInputRaw";
 import { IconChevronDownSmall } from "../icons/iconChevronDownSmall";
 import { useLanguage } from "../utils/localization/useLanguage";
 export const GroupsFilterTrigger = (_a) => {
-    var { value, className = "", onChange, placeholder, isOpenPopup, count, withGlobeIcon, inputRef, handleClick, fullSize, ref } = _a, otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "count", "withGlobeIcon", "inputRef", "handleClick", "fullSize", "ref"]);
+    var { value, className = "", onChange, placeholder, isOpenPopup, count, withGlobeIcon, inputRef, handleClick, fullSize, ref, isError } = _a, otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "count", "withGlobeIcon", "inputRef", "handleClick", "fullSize", "ref", "isError"]);
     const { translate } = useLanguage();
     const groupsFilterId = useId();
     const handleKeydown = (e) => {
@@ -35,7 +35,7 @@ export const GroupsFilterTrigger = (_a) => {
         }
         handleClick();
     };
-    return _jsxs("div", Object.assign({ className: classNames(["zen-groups-filter"]), ref: ref }, otherProps, { onClick: clickHandler, role: "combobox", children: [_jsxs("div", { className: classNames(["zen-groups-filter__search-container", fullSize ? "zen-groups-filter__search-container--full-size" : "", className]), children: [_jsx("div", { className: "zen-groups-filter__input-container", onKeyDown: handleKeydown, children: _jsx(TextInputRaw, { value: value, placeholder: placeholder || translate("Filter by group"), className: classNames(["zen-groups-filter__input", count > 0 ? "zen-groups-filter__input--selected" : ""]), onChange: onChange, disabled: false, type: "text", ref: inputRef, id: groupsFilterId }) }), _jsx("div", { className: "zen-groups-filter__search-input zen-groups-filter__search-input--post", children: _jsx(GroupsFilterLabelBox, { count: count, withGlobeIcon: withGlobeIcon }) })] }), _jsx("button", { tabIndex: -1, onMouseDown: e => e.preventDefault(), "aria-hidden": "true", type: "button", className: "zen-groups-filter__popup-trigger", title: translate("Open filter"), children: _jsx(IconChevronDownSmall, { className: isOpenPopup ? "zen-groups-filter__arrow-icon--up" : "zen-groups-filter__arrow-icon--down", size: "large" }) })] }));
+    return _jsxs("div", Object.assign({ className: classNames(["zen-groups-filter"]), ref: ref }, otherProps, { onClick: clickHandler, role: "combobox", children: [_jsxs("div", { className: classNames(["zen-groups-filter__search-container", isError ? "zen-groups-filter__search-container--error" : "", fullSize ? "zen-groups-filter__search-container--full-size" : "", className]), children: [_jsx("div", { className: "zen-groups-filter__input-container", onKeyDown: handleKeydown, children: _jsx(TextInputRaw, { value: value, placeholder: placeholder || translate("Filter by group"), className: classNames(["zen-groups-filter__input", count > 0 ? "zen-groups-filter__input--selected" : ""]), onChange: onChange, disabled: false, type: "text", ref: inputRef, id: groupsFilterId }) }), _jsx("div", { className: "zen-groups-filter__search-input zen-groups-filter__search-input--post", children: _jsx(GroupsFilterLabelBox, { count: count, withGlobeIcon: withGlobeIcon }) })] }), _jsx("button", { tabIndex: -1, onMouseDown: e => e.preventDefault(), "aria-hidden": "true", type: "button", className: classNames(["zen-groups-filter__popup-trigger", isError ? "zen-groups-filter__popup-trigger--error" : ""]), title: translate("Open filter"), children: _jsx(IconChevronDownSmall, { className: isOpenPopup ? "zen-groups-filter__arrow-icon--up" : "zen-groups-filter__arrow-icon--down", size: "large" }) })] }));
 };
 GroupsFilterTrigger.displayName = "GroupsFilterTrigger";
 export const TRANSLATIONS = [

package/esm/groupsFilterRaw/stateReducer/stateAction.js

@@ -0,0 +1 @@
+export {};

package/esm/groupsFilterRaw/testData.d.ts

@@ -0,0 +1,26 @@
+export declare const mockGroupsArr: {
+    id: string;
+    color: {
+        a: number;
+        b: number;
+        g: number;
+        r: number;
+    };
+    isGlobalReportingGroup: boolean;
+    children: {
+        id: string;
+    }[];
+    comments: string;
+    name: string;
+    reference: string;
+}[];
+interface IEntityWithId {
+    id: string;
+}
+interface IDropdownItem extends IEntityWithId {
+    name?: string;
+    children?: IEntityWithId[];
+}
+export declare function createData(count: number, hasChildren: boolean): IDropdownItem[];
+export declare const getGroupsList: (grArr: IDropdownItem[], currentGroup: string) => IDropdownItem[];
+export {};