@wallarm-org/design-system 2.1.3 → 2.2.0-rc-fix-overflow-list-api.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "2.1.3",
+  "version": "2.2.0-rc-fix-overflow-list-api.2",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",

package/dist/components/OverflowList/DefaultOverflowRenderer.d.ts

@@ -1,17 +0,0 @@
-import type { RefObject } from 'react';
-import type { ShowAllOverflowData } from './OverflowList.js';
-interface DefaultOverflowRendererProps<T> {
-    data: ShowAllOverflowData<T>;
-    itemRenderer: (item: T, index: number) => React.ReactNode;
-    overflowHeaderLabel?: string;
-    showAll: boolean;
-    overlayOrigin: boolean;
-    dimVisibleItems: boolean;
-    overlayOffset: number;
-    triggerRef: RefObject<HTMLDivElement | null>;
-}
-export declare function DefaultOverflowRenderer<T>({ data, itemRenderer, overflowHeaderLabel, showAll, overlayOrigin, dimVisibleItems, overlayOffset, triggerRef, }: DefaultOverflowRendererProps<T>): import("react").JSX.Element;
-export declare namespace DefaultOverflowRenderer {
-    var displayName: string;
-}
-export {};

package/dist/components/OverflowList/DefaultOverflowRenderer.js

@@ -1,179 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { cn } from "../../utils/cn.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../Popover/index.js";
-import { Tag } from "../Tag/index.js";
-import { Text } from "../Text/index.js";
-const DefaultOverflowRenderer = (t0)=>{
-    const $ = c(50);
-    const { data, itemRenderer, overflowHeaderLabel, showAll, overlayOrigin, dimVisibleItems, overlayOffset, triggerRef } = t0;
-    const { allItems, visibleCount, hiddenCount } = data;
-    let T0;
-    let T1;
-    let t1;
-    let t2;
-    let t3;
-    let t4;
-    let t5;
-    let t6;
-    let t7;
-    let t8;
-    let t9;
-    if ($[0] !== allItems || $[1] !== dimVisibleItems || $[2] !== hiddenCount || $[3] !== itemRenderer || $[4] !== overflowHeaderLabel || $[5] !== overlayOffset || $[6] !== overlayOrigin || $[7] !== showAll || $[8] !== triggerRef || $[9] !== visibleCount) {
-        const visibleItems = allItems.slice(0, visibleCount);
-        const hiddenItems = allItems.slice(visibleCount);
-        let t10;
-        if ($[21] !== overlayOffset || $[22] !== overlayOrigin) {
-            t10 = overlayOrigin ? {
-                placement: "bottom-start",
-                offset: {
-                    mainAxis: -32,
-                    crossAxis: overlayOffset
-                }
-            } : void 0;
-            $[21] = overlayOffset;
-            $[22] = overlayOrigin;
-            $[23] = t10;
-        } else t10 = $[23];
-        const overlayPositioning = t10;
-        T1 = Popover;
-        t8 = overlayPositioning;
-        if ($[24] !== hiddenCount || $[25] !== triggerRef) {
-            t9 = /*#__PURE__*/ jsx(PopoverTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ jsxs(Tag, {
-                    ref: triggerRef,
-                    children: [
-                        "+",
-                        hiddenCount,
-                        " more"
-                    ]
-                })
-            });
-            $[24] = hiddenCount;
-            $[25] = triggerRef;
-            $[26] = t9;
-        } else t9 = $[26];
-        T0 = PopoverContent;
-        t4 = "gap-4";
-        t5 = "360px";
-        t6 = overlayOrigin;
-        if ($[27] !== allItems.length || $[28] !== overflowHeaderLabel || $[29] !== showAll) {
-            t7 = overflowHeaderLabel && showAll && /*#__PURE__*/ jsxs(Text, {
-                size: "sm",
-                weight: "medium",
-                color: "secondary",
-                children: [
-                    allItems.length,
-                    " ",
-                    overflowHeaderLabel
-                ]
-            });
-            $[27] = allItems.length;
-            $[28] = overflowHeaderLabel;
-            $[29] = showAll;
-            $[30] = t7;
-        } else t7 = $[30];
-        t1 = "flex flex-row flex-wrap gap-4";
-        t2 = showAll && visibleItems.map((item, index)=>/*#__PURE__*/ jsx("div", {
-                className: cn(dimVisibleItems && "opacity-60"),
-                "data-visible": "true",
-                children: itemRenderer(item, index)
-            }, `visible-${index}`));
-        let t11;
-        if ($[31] !== itemRenderer || $[32] !== visibleCount) {
-            t11 = (item_0, index_0)=>/*#__PURE__*/ jsx("div", {
-                    "data-visible": "false",
-                    children: itemRenderer(item_0, visibleCount + index_0)
-                }, `hidden-${index_0}`);
-            $[31] = itemRenderer;
-            $[32] = visibleCount;
-            $[33] = t11;
-        } else t11 = $[33];
-        t3 = hiddenItems.map(t11);
-        $[0] = allItems;
-        $[1] = dimVisibleItems;
-        $[2] = hiddenCount;
-        $[3] = itemRenderer;
-        $[4] = overflowHeaderLabel;
-        $[5] = overlayOffset;
-        $[6] = overlayOrigin;
-        $[7] = showAll;
-        $[8] = triggerRef;
-        $[9] = visibleCount;
-        $[10] = T0;
-        $[11] = T1;
-        $[12] = t1;
-        $[13] = t2;
-        $[14] = t3;
-        $[15] = t4;
-        $[16] = t5;
-        $[17] = t6;
-        $[18] = t7;
-        $[19] = t8;
-        $[20] = t9;
-    } else {
-        T0 = $[10];
-        T1 = $[11];
-        t1 = $[12];
-        t2 = $[13];
-        t3 = $[14];
-        t4 = $[15];
-        t5 = $[16];
-        t6 = $[17];
-        t7 = $[18];
-        t8 = $[19];
-        t9 = $[20];
-    }
-    let t10;
-    if ($[34] !== t1 || $[35] !== t2 || $[36] !== t3) {
-        t10 = /*#__PURE__*/ jsxs("div", {
-            className: t1,
-            children: [
-                t2,
-                t3
-            ]
-        });
-        $[34] = t1;
-        $[35] = t2;
-        $[36] = t3;
-        $[37] = t10;
-    } else t10 = $[37];
-    let t11;
-    if ($[38] !== T0 || $[39] !== t10 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t7) {
-        t11 = /*#__PURE__*/ jsxs(T0, {
-            className: t4,
-            maxWidth: t5,
-            "data-overlay-origin": t6,
-            children: [
-                t7,
-                t10
-            ]
-        });
-        $[38] = T0;
-        $[39] = t10;
-        $[40] = t4;
-        $[41] = t5;
-        $[42] = t6;
-        $[43] = t7;
-        $[44] = t11;
-    } else t11 = $[44];
-    let t12;
-    if ($[45] !== T1 || $[46] !== t11 || $[47] !== t8 || $[48] !== t9) {
-        t12 = /*#__PURE__*/ jsxs(T1, {
-            positioning: t8,
-            children: [
-                t9,
-                t11
-            ]
-        });
-        $[45] = T1;
-        $[46] = t11;
-        $[47] = t8;
-        $[48] = t9;
-        $[49] = t12;
-    } else t12 = $[49];
-    return t12;
-};
-DefaultOverflowRenderer.displayName = "DefaultOverflowRenderer";
-export { DefaultOverflowRenderer };