@geotab/zenith 1.15.0-beta.0

package/dist/pillBox/pillBox.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRANSLATIONS = exports.PillBox = exports.DEFAULT_MAX_PILLS = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const getValidMaxPills_1 = require("./utils/getValidMaxPills");
+const useLanguage_1 = require("../utils/localization/useLanguage");
+const pillBoxItem_1 = require("./components/pillBoxItem");
+const pill_1 = require("../pill/pill");
+const pillBoxItem_2 = require("./components/pillBoxItem");
+const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+exports.DEFAULT_MAX_PILLS = 5;
+const PillBox = ({ className = "", selectedPills, isAllSelected, onRemove, maxPills = exports.DEFAULT_MAX_PILLS }) => {
+    const onRemoveEmpty = (0, react_1.useCallback)(() => { }, []);
+    const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-pill-box");
+    const onRemoveMemoized = (0, react_1.useCallback)((value) => onRemove === null || onRemove === void 0 ? void 0 : onRemove(value), [onRemove]);
+    const { translate } = (0, useLanguage_1.useLanguage)();
+    if (!selectedPills.length && !isAllSelected) {
+        return null;
+    }
+    const validMaxPills = (0, getValidMaxPills_1.getValidMaxPills)(maxPills);
+    const visiblePills = validMaxPills ? selectedPills.slice(0, validMaxPills) : selectedPills;
+    const hiddenPillsIds = validMaxPills ? selectedPills.slice(validMaxPills).map(item => item.id) : [];
+    const morePill = (0, jsx_runtime_1.jsx)(pill_1.Pill, { className: (0, classNames_1.classNames)(["zen-pill-box__pill", "zen-caption", "zen-pill-box__more-pill"]), children: (0, jsx_runtime_1.jsx)("span", { className: "zen-caption__content", children: translate("and {0} more").replace("{0}", hiddenPillsIds.length.toString()) }) }, "idClosePill");
+    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-pill-box", driveComponentClass !== null && driveComponentClass !== void 0 ? driveComponentClass : "", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-pill-box__label", children: `${translate("Selected:")}${isAllSelected ? " " + translate("All") : ""}` }), !isAllSelected && visiblePills.length ? (0, jsx_runtime_1.jsxs)("div", { className: "zen-pill-box__pills", children: [visiblePills.map(item => (0, jsx_runtime_1.jsx)(pillBoxItem_1.PillBoxItem, { item: item, onRemove: onRemove ? onRemoveMemoized : onRemoveEmpty, className: "zen-pill-box__pill" }, item.id)), hiddenPillsIds.length ? morePill : null] }) : null] });
+};
+exports.PillBox = PillBox;
+exports.TRANSLATIONS = [
+    "Selected:",
+    "All",
+    "and {0} more",
+    ...pillBoxItem_2.TRANSLATIONS
+];
+//# sourceMappingURL=pillBox.js.map

package/dist/pillBox/pillBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillBox.js","sourceRoot":"","sources":["../../pillBox/pillBox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoC;AACpC,uEAAoE;AACpE,+DAA4D;AAC5D,mEAAgE;AAChE,0DAAuD;AACvD,uCAAoC;AACpC,0DAAqF;AAErF,0BAAwB;AACxB,wEAAqE;AAExD,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAoB5B,MAAM,OAAO,GAAuB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAG,yBAAiB,EAAE,EAAE,EAAE;IACpI,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,mBAAmB,GAAG,IAAA,qCAAiB,EAAC,cAAc,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvF,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IACpC,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,mCAAgB,EAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAC3F,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpG,MAAM,QAAQ,GAAG,uBAAC,WAAI,IAAC,SAAS,EAAE,IAAA,uBAAU,EAAC,CAAC,oBAAoB,EAAE,aAAa,EAAE,yBAAyB,CAAC,CAAC,YAC1G,iCAAM,SAAS,EAAC,sBAAsB,YAAE,SAAS,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,GAAQ,IADV,aAAa,CAE1H,CAAC;IAER,OAAO,iCAAK,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,EAAE,EAAE,SAAS,CAAC,CAAC,aACtF,gCAAK,SAAS,EAAC,qBAAqB,YAC/B,GAAI,SAAS,CAAC,WAAW,CAAE,GAAI,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAG,EAAE,GAC5E,EACL,CAAC,aAAa,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,iCAAK,SAAS,EAAC,qBAAqB,aACzE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACpB,uBAAC,yBAAW,IAER,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACrD,SAAS,EAAC,oBAAoB,IAHzB,IAAI,CAAC,EAAE,CAId,CAAC,EAEV,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAClC,CAAC,CAAC,CAAC,IAAI,IACX,CAAC;AACX,CAAC,CAAC;AAjCW,QAAA,OAAO,WAiClB;AAEW,QAAA,YAAY,GAAG;IACxB,WAAW;IACX,KAAK;IACL,cAAc;IACd,GAAG,0BAAyB;CAC/B,CAAC"}

package/dist/pillBox/pillBox.test.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const pillBox_1 = require("./pillBox");
+const react_1 = require("@testing-library/react");
+require("./../testHelpers/geotab-axe");
+describe("pillBox", () => {
+    const selectedItems = [
+        { id: "1", name: "Item 1" },
+        { id: "2", name: "Item 2" },
+        { id: "3", name: "Item 3" },
+        { id: "4", name: "Item 4" },
+        { id: "5", name: "Item 5" },
+        { id: "6", name: "Item 6" }
+    ];
+    test("renders without crashing", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems }));
+        expect(container.querySelector(".zen-pill-box")).toBeTruthy();
+    });
+    test("renders without crashing without data", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: [] }));
+        expect(container.querySelector(".zen-pill-box")).toBeFalsy();
+    });
+    test("renders label correctly", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems }));
+        expect(getByText("Selected:")).toBeTruthy();
+    });
+    test("renders 'All' label correctly without pills data", () => {
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: [], isAllSelected: true }));
+        expect(getByText("Selected: All")).toBeTruthy();
+        expect(container.querySelector(".zen-pill-box__pills")).toBeFalsy();
+    });
+    test("renders 'All' label correctly with pills data", () => {
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems, isAllSelected: true }));
+        expect(getByText("Selected: All")).toBeTruthy();
+        expect(container.querySelector(".zen-pill-box__pills")).toBeFalsy();
+    });
+    test("renders all pills correctly", () => {
+        const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems, maxPills: 10 }));
+        selectedItems.forEach(item => {
+            expect(getByText(item.name)).toBeTruthy();
+            const pill = container.querySelector(`.zen-pill-non-actionable[data-id="${item.id}"]`);
+            expect(pill).toBeTruthy();
+            const closeButton = pill.querySelector(".zen-pill-non-actionable__close-button");
+            closeButton.click();
+            pill.click();
+        });
+    });
+    test("calls onRemove when pill is clicked", () => {
+        const onRemove = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems, onRemove: onRemove, maxPills: 10 }));
+        selectedItems.forEach(item => {
+            const pill = container.querySelector(`.zen-pill-non-actionable[data-id="${item.id}"]`);
+            expect(pill).toBeTruthy();
+            const closeButton = pill.querySelector(".zen-pill-non-actionable__close-button");
+            closeButton.click();
+            expect(onRemove).toHaveBeenCalledWith(item.id);
+        });
+    });
+    test("Test pillBox accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { className: "pillBox", selectedPills: selectedItems }));
+        await expect(container).toBeAccessible();
+    }, 10000);
+    describe("Test with maxPills", () => {
+        test("should hide pill if maxPill is not provided (default value is 5)", () => {
+            const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems }));
+            const morePill = container.querySelector(".zen-pill-box__more-pill");
+            expect(morePill).toBeTruthy();
+            getByText("and 1 more");
+            // 5 visible pills + 1 "more" pill
+            expect(container.querySelectorAll(".zen-pill-box__pill").length).toBe(6);
+        });
+        test("should hide pills when maxPills is set and should 'more' pill be shown", () => {
+            const { container, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selectedItems, maxPills: 2 }));
+            const morePill = container.querySelector(".zen-pill-box__more-pill");
+            expect(morePill).toBeTruthy();
+            getByText("and 4 more");
+            // 2 visible pills + 1 "more" pill
+            expect(container.querySelectorAll(".zen-pill-box__pill").length).toBe(3);
+        });
+    });
+});
+//# sourceMappingURL=pillBox.test.js.map

package/dist/pillBox/pillBox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillBox.test.js","sourceRoot":"","sources":["../../pillBox/pillBox.test.tsx"],"names":[],"mappings":"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"}

package/dist/pillBox/utils/getValidMaxPills.d.ts

@@ -0,0 +1 @@
+export declare const getValidMaxPills: (maxPills: number) => number;

package/dist/pillBox/utils/getValidMaxPills.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValidMaxPills = void 0;
+const pillBox_1 = require("../pillBox");
+const getValidMaxPills = (maxPills) => maxPills <= 0 ? pillBox_1.DEFAULT_MAX_PILLS : maxPills;
+exports.getValidMaxPills = getValidMaxPills;
+//# sourceMappingURL=getValidMaxPills.js.map

package/dist/pillBox/utils/getValidMaxPills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValidMaxPills.js","sourceRoot":"","sources":["../../../pillBox/utils/getValidMaxPills.ts"],"names":[],"mappings":";;;AAAA,wCAA+C;AAExC,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,2BAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAtF,QAAA,gBAAgB,oBAAsE"}

package/dist/pillBox/utils/getValidMaxPills.test.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const pillBox_1 = require("../pillBox");
+const getValidMaxPills_1 = require("./getValidMaxPills");
+describe("getValidMaxPills", () => {
+    it("should return 0 if maxPills is equal or less than 0", () => {
+        expect((0, getValidMaxPills_1.getValidMaxPills)(-10)).toBe(pillBox_1.DEFAULT_MAX_PILLS);
+        expect((0, getValidMaxPills_1.getValidMaxPills)(0)).toBe(pillBox_1.DEFAULT_MAX_PILLS);
+    });
+    it("should return maxPills if maxPills is greater than 0", () => {
+        const maxPills = 1;
+        const result = (0, getValidMaxPills_1.getValidMaxPills)(maxPills);
+        expect(result).toBe(1);
+    });
+});
+//# sourceMappingURL=getValidMaxPills.test.js.map

package/dist/pillBox/utils/getValidMaxPills.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValidMaxPills.test.js","sourceRoot":"","sources":["../../../pillBox/utils/getValidMaxPills.test.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,yDAAsD;AAEtD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,IAAA,mCAAgB,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,2BAAiB,CAAC,CAAC;QACtD,MAAM,CAAC,IAAA,mCAAgB,EAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,2BAAiB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC5D,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,MAAM,GAAG,IAAA,mCAAgB,EAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/pillClosable/pillClosable.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { IPill } from "../oldPill/pill";
+export interface IPillClosable extends IPill {
+    closeAriaText: string;
+    onClose: (ev: any) => void;
+}
+/**
+ * @deprecated - will be removed in the next releases.
+*/
+export declare const PillClosable: React.FC<IPillClosable>;

package/dist/pillClosable/pillClosable.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PillClosable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const pill_1 = require("../oldPill/pill");
+const iconCrossThin_1 = require("../icons/deprecated/iconCrossThin");
+/**
+ * @deprecated - will be removed in the next releases.
+*/
+const PillClosable = (_a) => {
+    var { className = "", children, onClose, closeAriaText } = _a, rest = __rest(_a, ["className", "children", "onClose", "closeAriaText"]);
+    return (0, jsx_runtime_1.jsxs)(pill_1.Pill, Object.assign({ className: (0, classNames_1.classNames)(["zen-pill--closable", className]) }, rest, { children: [children, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-pill__close-button", onClick: onClose, title: closeAriaText, "aria-label": closeAriaText, children: (0, jsx_runtime_1.jsx)(iconCrossThin_1.IconCrossThin, { size: "small" }) })] }));
+};
+exports.PillClosable = PillClosable;
+//# sourceMappingURL=pillClosable.js.map

package/dist/pillClosable/pillClosable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillClosable.js","sourceRoot":"","sources":["../../pillClosable/pillClosable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,uEAAoE;AACpE,0CAA8C;AAC9C,qEAAkE;AAOlE;;EAEE;AACK,MAAM,YAAY,GAA4B,CAAC,EAA6D,EAAE,EAAE;QAAjE,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,OAAW,EAAN,IAAI,cAA3D,qDAA6D,CAAF;IAC7G,OAAA,wBAAC,WAAI,kBAAC,SAAS,EAAG,IAAA,uBAAU,EAAC,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,IAAQ,IAAI,eACrE,QAAQ,EACV,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAG,OAAO,EAAG,KAAK,EAAG,aAAa,gBAAgB,aAAa,YAC3H,uBAAC,6BAAa,IAAC,IAAI,EAAC,OAAO,GAAG,GACzB,KACN,CAAA;CAAA,CAAC;AANC,QAAA,YAAY,gBAMb"}

package/dist/pillClosable/pillClosable.test.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const pillClosable_1 = require("./pillClosable");
+require("../testHelpers/geotab-axe");
+const react_1 = require("@testing-library/react");
+describe("pillClosable", () => {
+    const getElement = (container) => container.querySelector(".zen-pill");
+    test("Test pillClosable", () => {
+        const clickMock = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillClosable_1.PillClosable, { closeAriaText: "Close pill", onClose: clickMock }));
+        const pill = getElement(container);
+        const closeButton = pill.querySelector(".zen-pill__close-button");
+        expect(pill).not.toBeNull();
+        expect(closeButton).not.toBeNull();
+        expect(pill.className).toStrictEqual("zen-pill zen-pill--closable");
+        expect(closeButton.title).toStrictEqual("Close pill");
+        expect(clickMock).toBeCalledTimes(0);
+        closeButton.click();
+        expect(clickMock).toBeCalledTimes(1);
+    });
+    test("Test pillClosable accessibility", async () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillClosable_1.PillClosable, { closeAriaText: "Close pill", onClose: () => null, className: "pillClosable" }));
+        await expect(getElement(container)).toBeAccessible();
+    }, 10000);
+});
+//# sourceMappingURL=pillClosable.test.js.map

package/dist/pillClosable/pillClosable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillClosable.test.js","sourceRoot":"","sources":["../../pillClosable/pillClosable.test.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,qCAAmC;AACnC,kDAAgD;AAEhD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC1B,MAAM,UAAU,GAAG,CAAC,SAAsB,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAgB,CAAC;IAEnG,IAAI,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,aAAa,EAAC,YAAY,EAAC,OAAO,EAAG,SAAS,GAAkB,CAAC,CAAC;QAC7G,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAsB,CAAC;QAEvF,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC5B,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAEnC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;QACpE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QAEtD,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACrC,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAEzC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,2BAAY,IAAC,aAAa,EAAC,YAAY,EAAC,OAAO,EAAG,GAAG,EAAE,CAAC,IAAI,EAAG,SAAS,EAAC,cAAc,GAAgB,CAAC,CAAC;QACvI,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;IACzD,CAAC,EAAE,KAAK,CAAC,CAAC;AAEd,CAAC,CAAC,CAAC"}

package/dist/pillExpandable/getProps.d.ts

@@ -0,0 +1,5 @@
+export type TViewMoreButton = (() => void) | string;
+export declare const getButtonMoreProps: (viewMore?: TViewMoreButton) => {
+    link: string | undefined;
+    onClick: (() => void) | undefined;
+};

package/dist/pillExpandable/getProps.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getButtonMoreProps = void 0;
+const getButtonMoreProps = (viewMore) => {
+    const isFunction = typeof viewMore === "function";
+    const isString = typeof viewMore === "string";
+    return {
+        link: isString ? viewMore : undefined,
+        onClick: isFunction ? viewMore : undefined
+    };
+};
+exports.getButtonMoreProps = getButtonMoreProps;
+//# sourceMappingURL=getProps.js.map

package/dist/pillExpandable/getProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProps.js","sourceRoot":"","sources":["../../pillExpandable/getProps.ts"],"names":[],"mappings":";;;AAEO,MAAM,kBAAkB,GAAG,CAAC,QAA0B,EAAE,EAAE;IAC7D,MAAM,UAAU,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC;IAE9C,OAAO;QACH,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACrC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;AACN,CAAC,CAAC;AARW,QAAA,kBAAkB,sBAQ7B"}

package/dist/pillExpandable/pillContent.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { IPillExpandableAction } from "./pillExpandable";
+import { TLazyContent } from "../skeleton/lazyContent";
+interface IPillContent {
+    date?: TLazyContent<string>;
+    count?: TLazyContent<number>;
+    descriptionText?: TLazyContent<ReactNode>;
+    mainAction?: TLazyContent<IPillExpandableAction>;
+    secondaryAction?: TLazyContent<IPillExpandableAction>;
+    onActionClick: () => void;
+    isVisible?: boolean;
+    errorHandler: (err: any) => ReactNode | undefined;
+}
+export declare const PillContent: React.FC<IPillContent>;
+export {};

package/dist/pillExpandable/pillContent.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PillContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("../button/button");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
+const lazyContent_1 = require("../skeleton/lazyContent");
+const sanitizeJSX_1 = require("./sanitizeJSX");
+const PillContent = ({ date, count, descriptionText, mainAction, secondaryAction, onActionClick, isVisible = true, errorHandler }) => {
+    const headerDriveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-status-pill-popup__header-text");
+    const descriptionDriveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-status-pill-popup__description");
+    const mainActionClick = (0, react_1.useCallback)((onClick) => () => {
+        onClick && onClick();
+        onActionClick();
+    }, [onActionClick]);
+    const secondaryActionClick = (0, react_1.useCallback)((onClick) => () => {
+        onClick && onClick();
+        onActionClick();
+    }, [onActionClick]);
+    const renderMainButton = (0, react_1.useCallback)((data) => (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ link: data.link }, data.linkOptions, { onClick: data.onClick ? mainActionClick(data.onClick) : undefined, type: "primary", children: data.text })), [mainActionClick]);
+    const renderSecondaryButton = (0, react_1.useCallback)((data) => (0, jsx_runtime_1.jsx)(button_1.Button, { link: data.link, onClick: data.onClick ? secondaryActionClick(data.onClick) : undefined, type: "tertiary", children: data.text }), [secondaryActionClick]);
+    const renderDescription = (0, react_1.useCallback)(data => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-status-pill-popup__description", descriptionDriveClassName || ""]), children: (0, sanitizeJSX_1.sanitaizeJSX)(data, ["span", "i", "b"]) }), [descriptionDriveClassName]);
+    const renderCount = (0, react_1.useCallback)((data) => data ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-status-pill-popup__header-text zen-status-pill-popup__header-text--left", headerDriveClassName || ""]), children: data }) : null, [headerDriveClassName]);
+    const renderDate = (0, react_1.useCallback)((data) => data ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-status-pill-popup__header-text", headerDriveClassName || ""]), children: data }) : null, [headerDriveClassName]);
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(date || count) && (0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill-popup__content-header", children: [date && (0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { width: 80, type: "text", content: date, isVisible: isVisible, errorHandler: errorHandler, render: renderDate }), count && (0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { width: 80, type: "text", content: count, isVisible: isVisible, errorHandler: errorHandler, render: renderCount })] }), descriptionText &&
+                (0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { width: 200, type: "text", content: descriptionText, isVisible: isVisible, errorHandler: errorHandler, render: renderDescription }), (mainAction || secondaryAction) && (0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill-popup__actions", children: [mainAction && (0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { type: "button", content: mainAction, errorHandler: errorHandler, render: renderMainButton, isVisible: isVisible }), secondaryAction && (0, jsx_runtime_1.jsx)(lazyContent_1.LazyContent, { type: "button", content: secondaryAction, errorHandler: errorHandler, render: renderSecondaryButton, isVisible: isVisible })] })] });
+};
+exports.PillContent = PillContent;
+//# sourceMappingURL=pillContent.js.map

package/dist/pillExpandable/pillContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillContent.js","sourceRoot":"","sources":["../../pillExpandable/pillContent.tsx"],"names":[],"mappings":"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"}

package/dist/pillExpandable/pillContent.test.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const pillContent_1 = require("./pillContent");
+describe("PillContent", () => {
+    test("renders without crashing", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { } }));
+        expect(container).not.toBeNull();
+    });
+    test("renders date and count when provided", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { }, date: "2024-09-22", count: 3 }));
+        expect(getByText("2024-09-22")).not.toBeNull();
+        expect(getByText("3")).not.toBeNull();
+    });
+    test("renders description text when provided", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { }, descriptionText: "This is a description." }));
+        expect(getByText("This is a description.")).not.toBeNull();
+    });
+    test("renders main action button when provided", () => {
+        const mainAction = { text: "Main Action", onClick: jest.fn() };
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { }, mainAction: mainAction }));
+        const button = getByText("Main Action");
+        expect(button).not.toBeNull();
+        react_1.fireEvent.click(button);
+        expect(mainAction.onClick).toHaveBeenCalledTimes(1);
+    });
+    test("renders secondary action button when provided", () => {
+        const secondaryAction = { text: "Secondary Action", onClick: jest.fn() };
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { }, secondaryAction: secondaryAction }));
+        const button = getByText("Secondary Action");
+        expect(button).not.toBeNull();
+        react_1.fireEvent.click(button);
+        expect(secondaryAction.onClick).toHaveBeenCalled();
+    });
+    test("does not render date or count if not provided", () => {
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { } }));
+        expect(queryByText("2024-09-22")).toBeNull();
+        expect(queryByText("3")).toBeNull();
+    });
+    test("does not render description text if not provided", () => {
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { } }));
+        expect(queryByText("This is a description.")).toBeNull();
+    });
+    test("does not render buttons if actions are not provided", () => {
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { errorHandler: () => null, onActionClick: () => { } }));
+        expect(queryByText("Main Action")).toBeNull();
+        expect(queryByText("Secondary Action")).toBeNull();
+    });
+});
+//# sourceMappingURL=pillContent.test.js.map

package/dist/pillExpandable/pillContent.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillContent.test.js","sourceRoot":"","sources":["../../pillExpandable/pillContent.test.tsx"],"names":[],"mappings":"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"}

package/dist/pillExpandable/pillExpandable.d.ts

@@ -0,0 +1,47 @@
+import "./pillExpandable.less";
+import { IZenComponentProps } from "../commonHelpers/zenComponent";
+import { FC, ReactNode } from "react";
+import { TViewMoreButton } from "./getProps";
+import { IIcon } from "../icons/icon";
+import { TLazyContent } from "../skeleton/lazyContent";
+export interface IPillExpandableAction {
+    text: string;
+    onClick?: () => void;
+    link?: string;
+    linkOptions?: {
+        target?: "_blank" | "_parent" | "_self" | "_top";
+    };
+}
+export interface IBaseData {
+    description?: TLazyContent<ReactNode>;
+    date?: TLazyContent<string>;
+    count?: TLazyContent<number>;
+    mainAction?: TLazyContent<IPillExpandableAction>;
+    secondaryAction?: TLazyContent<IPillExpandableAction>;
+    getData?: undefined;
+}
+export interface IPromisedBaseData {
+    getData: () => Promise<IBaseData>;
+    description?: undefined;
+    date?: undefined;
+    count?: undefined;
+    mainAction?: undefined;
+    secondaryAction?: undefined;
+}
+type TProps = IBaseData | IPromisedBaseData;
+export interface IPillExpandable extends IZenComponentProps {
+    uniquePills?: number;
+    text: string;
+    type?: "error" | "success" | "warning" | "info" | "default";
+    viewMoreAction?: TViewMoreButton;
+    className?: string;
+    popupClassName?: string;
+    icon?: FC<IIcon> | false;
+    isFlat?: boolean;
+    isLoading?: boolean;
+    errorHandler?: (e: any) => ReactNode;
+}
+type TPillExpandable = IPillExpandable & TProps;
+export declare const PillExpandable: import("react").NamedExoticComponent<TPillExpandable>;
+export declare const TRANSLATIONS: string[];
+export {};

package/dist/pillExpandable/pillExpandable.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRANSLATIONS = exports.PillExpandable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const absolute_1 = require("../absolute/absolute");
+const button_1 = require("../button/button");
+const pillContent_1 = require("./pillContent");
+const pillExpandableSimple_1 = require("./pillExpandableSimple");
+const pillExpandableAlignments_1 = require("./pillExpandableAlignments");
+const useLanguage_1 = require("../utils/localization/useLanguage");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const getProps_1 = require("./getProps");
+const skeleton_1 = require("../skeleton/skeleton");
+const reactHelpers_1 = require("../commonHelpers/reactHelpers/reactHelpers");
+const MAX_PILLS_TO_DISPLAY_IN_POPUP = 2;
+const PillContext = (0, react_1.createContext)({
+    level: 0,
+    onPillExpand: () => { },
+    expandId: undefined
+});
+const paddingX = 26;
+const paddingY = 52;
+const getDefaultContent = ({ description, date, count, secondaryAction, mainAction, getData }) => {
+    if (getData) {
+        return {
+            description: {
+                isLoading: true,
+                data: ""
+            },
+            date: {
+                isLoading: true,
+                data: ""
+            },
+            count: {
+                isLoading: true,
+                data: 0
+            },
+            secondaryAction: {
+                isLoading: true,
+                data: {
+                    text: ""
+                }
+            },
+            mainAction: {
+                isLoading: true,
+                data: {
+                    text: ""
+                }
+            },
+            getData
+        };
+    }
+    return {
+        description,
+        date,
+        count,
+        secondaryAction,
+        mainAction,
+        getData: undefined
+    };
+};
+const getValue = (parameter, setContent, paramName, errorHandler) => {
+    if (parameter instanceof Function) {
+        parameter()
+            .then((result) => {
+            setContent((prevValue) => (Object.assign(Object.assign({}, prevValue), { [paramName]: result })));
+        })
+            .catch((e) => {
+            errorHandler && errorHandler(e);
+        });
+    }
+};
+const PillExpandableBase = ({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon }) => {
+    const popupId = (0, react_1.useId)();
+    const pillId = (0, react_1.useId)();
+    const { translate } = (0, useLanguage_1.useLanguage)();
+    const [content, setContent] = (0, react_1.useState)(getDefaultContent({
+        description,
+        date,
+        count,
+        secondaryAction,
+        mainAction,
+        getData
+    }));
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const fetchData = function () {
+            if (!isOpen) {
+                return;
+            }
+            if ((0, reactHelpers_1.isFunction)(getData)) {
+                getData().then(result => {
+                    setContent(result);
+                }).catch(e => {
+                    errorHandler && errorHandler(e);
+                });
+            }
+        };
+        fetchData();
+    }, [getData, isOpen, errorHandler]);
+    (0, react_1.useEffect)(() => {
+        if (!isOpen) {
+            return;
+        }
+        getValue(description, setContent, "description", errorHandler);
+        getValue(date, setContent, "date", errorHandler);
+        getValue(count, setContent, "count", errorHandler);
+        getValue(secondaryAction, setContent, "secondaryAction", errorHandler);
+        getValue(mainAction, setContent, "mainAction", errorHandler);
+    }, [content, isOpen, description, date, count, secondaryAction, mainAction, errorHandler]);
+    const { level, expandId, onPillExpand } = (0, react_1.useContext)(PillContext);
+    const triggerRef = (0, react_1.useRef)(null);
+    const isChild = level !== 0;
+    const [currentExpand, setCurrentExpand] = (0, react_1.useState)(undefined);
+    const onExpandHandler = (0, react_1.useCallback)(() => {
+        var _a;
+        setIsOpen(!isOpen);
+        isOpen && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+        onPillExpand(pillId === expandId ? "" : pillId);
+    }, [isOpen, onPillExpand, pillId, expandId]);
+    const onChange = (0, react_1.useCallback)(() => {
+        setIsOpen(!isOpen);
+    }, [isOpen]);
+    const buttonMoreProps = (0, react_1.useMemo)(() => (0, getProps_1.getButtonMoreProps)(viewMoreAction), [viewMoreAction]);
+    const validChildren = (0, react_1.useMemo)(() => react_1.Children.toArray(children).filter(child => { var _a; return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "PillExpandable"; }), [children]);
+    const childToDisplay = (0, react_1.useMemo)(() => validChildren.slice(0, MAX_PILLS_TO_DISPLAY_IN_POPUP), [validChildren]);
+    const childCount = (0, react_1.useMemo)(() => validChildren.length, [validChildren]);
+    const flatVsChildCounter = isFlat ? `${childCount + 1}` : `${childCount}`;
+    const moreCounter = uniquePills ? `${uniquePills}` : flatVsChildCounter;
+    const uniqueChilds = uniquePills ? `${uniquePills}` : `${childCount || ""}`;
+    if (isLoading) {
+        return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { type: "pill", width: 200 });
+    }
+    if (isChild) {
+        return (0, jsx_runtime_1.jsxs)(PillContext.Provider, { value: { level: level + 1, onPillExpand: setCurrentExpand, expandId: currentExpand }, children: [(0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: expandId === pillId, onExpand: onExpandHandler, expandAriaText: translate("Expand"), type: type, errorHandler: errorHandler }), (0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onExpandHandler, descriptionText: content.description, date: content.date, count: content.count, mainAction: content.mainAction, secondaryAction: content.secondaryAction, isVisible: expandId === pillId, errorHandler: errorHandler })] });
+    }
+    return (0, jsx_runtime_1.jsx)(PillContext.Provider, { value: { level: level + 1, onPillExpand: setCurrentExpand, expandId: currentExpand }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-status-pill", className || ""]), "aria-haspopup": "true", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill__pill-container", children: [(0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: isOpen, onExpand: onExpandHandler, expandAriaText: translate("Expand"), ref: triggerRef, type: type, errorHandler: errorHandler }), uniqueChilds && (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: `${isFlat ? "+" : ""}${uniqueChilds}`, onExpand: onExpandHandler, includeExpandIcon: false, type: type, errorHandler: errorHandler })] }), (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { recalculateOnScroll: true, useTrapFocusWithTrigger: "on", className: popupClassName, id: popupId, onOpenChange: onChange, paddingX: paddingX, paddingY: paddingY, isOpen: isOpen, triggerRef: triggerRef, alignmentsFn: pillExpandableAlignments_1.alignments, children: (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup", children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill-popup__container", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__main-pill", children: (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: true, onExpand: onExpandHandler, expandAriaText: translate("Expand"), type: type, errorHandler: errorHandler }) }), (0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onExpandHandler, descriptionText: content.description, date: content.date, count: content.count, mainAction: content.mainAction, secondaryAction: content.secondaryAction, errorHandler: errorHandler }), childToDisplay, moreCounter && viewMoreAction && childCount > MAX_PILLS_TO_DISPLAY_IN_POPUP && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__divider" }), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({}, buttonMoreProps, { type: "tertiary", children: [translate("View all"), " (", moreCounter, ")"] }))] })] }) }) })] }) });
+};
+exports.PillExpandable = (0, react_1.memo)(PillExpandableBase);
+exports.PillExpandable.displayName = "PillExpandable";
+exports.TRANSLATIONS = [
+    "Expand",
+    "View all"
+];
+//# sourceMappingURL=pillExpandable.js.map

package/dist/pillExpandable/pillExpandable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillExpandable.js","sourceRoot":"","sources":["../../pillExpandable/pillExpandable.tsx"],"names":[],"mappings":"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"}