@wallarm-org/design-system 0.62.0 → 0.63.0

package/dist/utils/testId.d.ts

@@ -31,6 +31,9 @@ export declare const TestIdProvider: import("react").Provider<string | undefined
  * cascade base itself when no slot is provided.
  *
  * - `useTestId('close')` → `"{base}--close"` (sub-component pattern)
+ * - `useTestId('close', consumerTestId)` → `consumerTestId` when defined,
+ *   else the slot-derived value (consumer override pattern — keeps
+ *   `'data-testid': testIdProp ?? contextTestId` to a single call)
  * - `useTestId()` → `"{base}"` (transparent wrapper pattern — useful for
  *   compound roots that pass through their parent's cascade without
  *   adding their own slot segment)
@@ -39,4 +42,4 @@ export declare const TestIdProvider: import("react").Provider<string | undefined
  * when no `data-testid` was passed to the root component,
  * keeping the DOM clean.
  */
-export declare function useTestId(slot?: string): string | undefined;
+export declare function useTestId(slot?: string, override?: string): string | undefined;

package/dist/utils/testId.js

@@ -1,8 +1,9 @@
 import { createContext, useContext } from "react";
 const TestIdContext = createContext(void 0);
 const TestIdProvider = TestIdContext.Provider;
-function useTestId(slot) {
+function useTestId(slot, override) {
     const base = useContext(TestIdContext);
+    if (void 0 !== override) return override;
     if (!base) return;
     return slot ? `${base}--${slot}` : base;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.62.0",
+  "version": "0.63.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",

package/dist/components/CodeSnippet/internal/ShowMoreButton.d.ts

@@ -1,2 +0,0 @@
-import type { FC } from 'react';
-export declare const ShowMoreButton: FC;

package/dist/components/Selection/SelectionBulkBar/SelectionBulkBarSummary.d.ts

@@ -1,2 +0,0 @@
-import type { FC } from 'react';
-export declare const SelectionBulkBarSummary: FC;

package/dist/components/Selection/SelectionBulkBar/SelectionBulkBarSummary.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTestId } from "../../../utils/testId.js";
-import { BulkBarSummary } from "../../BulkBar/BulkBarSummary.js";
-import { useSelectionContext } from "../useSelectionContext.js";
-const SelectionBulkBarSummary = ()=>{
-    const { isAllSelected, selectedIds, selectAll, clear } = useSelectionContext();
-    const testId = useTestId('bulk-bar-summary');
-    return /*#__PURE__*/ jsx(BulkBarSummary, {
-        "data-testid": testId,
-        count: selectedIds.size,
-        isAllSelected: isAllSelected,
-        onSelectAll: selectAll,
-        onClear: clear,
-        nowrap: true
-    });
-};
-SelectionBulkBarSummary.displayName = 'SelectionBulkBarSummary';
-export { SelectionBulkBarSummary };

package/dist/components/Table/TableHeadCellMenu.d.ts

@@ -1,9 +0,0 @@
-import type { Column } from '@tanstack/react-table';
-interface TableColumnHeaderMenuProps<T> {
-    column: Column<T>;
-}
-export declare const TableHeadCellMenu: {
-    <T>({ column }: TableColumnHeaderMenuProps<T>): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export {};

package/dist/components/Table/TableHeadCellMenu.js

@@ -1,174 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { ArrowLeft, ArrowRight, Check, ChevronsDown, Ellipsis, EyeOff, Pin, PinOff } from "../../icons/index.js";
-import { Button } from "../Button/index.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem } from "../DropdownMenu/index.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
-import { SORT_LABELS } from "./lib/index.js";
-import { useTableContext } from "./TableContext/index.js";
-const getSortLabels = (column)=>{
-    const sortType = column.columnDef.meta?.sortType;
-    if (sortType && SORT_LABELS[sortType]) return SORT_LABELS[sortType];
-    return SORT_LABELS.text;
-};
-const TableHeadCellMenu = ({ column })=>{
-    const ctx = useTableContext();
-    const { table, sortingEnabled, pinningEnabled, visibilityEnabled, columnDndEnabled } = ctx;
-    const isPinned = column.getIsPinned();
-    const isAlwaysPinned = ctx.alwaysPinnedLeft.includes(column.id);
-    const canSort = sortingEnabled && column.getCanSort();
-    const canPin = pinningEnabled && column.getCanPin() && !isAlwaysPinned;
-    const canHide = visibilityEnabled && column.getCanHide();
-    const canReorder = columnDndEnabled && !isAlwaysPinned;
-    const [menuOpen, setMenuOpen] = useState(false);
-    if (!canSort && !canPin && !canHide && !canReorder) return null;
-    const allColumns = table.getAllLeafColumns();
-    const visibleColumns = table.getVisibleLeafColumns();
-    const columnIdx = visibleColumns.findIndex((c)=>c.id === column.id);
-    const isFirst = 0 === columnIdx;
-    const isLast = columnIdx === visibleColumns.length - 1;
-    const canMoveLeft = canReorder && !isFirst && !isPinned;
-    const canMoveRight = canReorder && !isLast && !isPinned;
-    const sortDirection = column.getIsSorted();
-    const [ascLabel, descLabel] = getSortLabels(column);
-    const handleSort = (desc)=>{
-        column.toggleSorting(desc);
-    };
-    const handlePin = (position)=>{
-        column.pin(position);
-    };
-    const handleHide = ()=>{
-        column.toggleVisibility(false);
-    };
-    const handleMove = (direction)=>{
-        const currentOrder = table.getState().columnOrder.length ? table.getState().columnOrder : allColumns.map((c)=>c.id);
-        const fromIdx = currentOrder.indexOf(column.id);
-        const toIdx = 'left' === direction ? fromIdx - 1 : fromIdx + 1;
-        if (toIdx < 0 || toIdx >= currentOrder.length) return;
-        const newOrder = [
-            ...currentOrder
-        ];
-        const temp = newOrder[fromIdx];
-        newOrder[fromIdx] = newOrder[toIdx];
-        newOrder[toIdx] = temp;
-        ctx.setColumnOrder(newOrder);
-    };
-    const hasMovement = canMoveLeft || canMoveRight;
-    return /*#__PURE__*/ jsxs(Tooltip, {
-        disabled: menuOpen,
-        children: [
-            /*#__PURE__*/ jsx(TooltipTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ jsx("span", {
-                    className: "inline-flex",
-                    children: /*#__PURE__*/ jsxs(DropdownMenu, {
-                        onOpenChange: setMenuOpen,
-                        children: [
-                            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
-                                asChild: true,
-                                children: /*#__PURE__*/ jsx(Button, {
-                                    variant: "ghost",
-                                    color: "neutral",
-                                    size: "small",
-                                    "aria-label": "More",
-                                    children: /*#__PURE__*/ jsx(Ellipsis, {})
-                                })
-                            }),
-                            /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                                children: [
-                                    canMoveLeft && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                        onSelect: ()=>handleMove('left'),
-                                        children: [
-                                            /*#__PURE__*/ jsx(ArrowLeft, {
-                                                size: "sm"
-                                            }),
-                                            "Move left"
-                                        ]
-                                    }),
-                                    canMoveRight && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                        onSelect: ()=>handleMove('right'),
-                                        children: [
-                                            /*#__PURE__*/ jsx(ArrowRight, {
-                                                size: "sm"
-                                            }),
-                                            "Move right"
-                                        ]
-                                    }),
-                                    hasMovement && (canSort || canPin || canHide) && /*#__PURE__*/ jsx(DropdownMenuSeparator, {}),
-                                    canSort && /*#__PURE__*/ jsxs(DropdownMenu, {
-                                        children: [
-                                            /*#__PURE__*/ jsxs(DropdownMenuTriggerItem, {
-                                                children: [
-                                                    /*#__PURE__*/ jsx(ChevronsDown, {
-                                                        size: "sm"
-                                                    }),
-                                                    "Sort"
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                                                children: [
-                                                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                                        onSelect: ()=>handleSort(false),
-                                                        children: [
-                                                            ascLabel,
-                                                            'asc' === sortDirection && /*#__PURE__*/ jsx(Check, {
-                                                                size: "sm",
-                                                                className: "ml-auto text-icon-primary"
-                                                            })
-                                                        ]
-                                                    }),
-                                                    /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                                        onSelect: ()=>handleSort(true),
-                                                        children: [
-                                                            descLabel,
-                                                            'desc' === sortDirection && /*#__PURE__*/ jsx(Check, {
-                                                                size: "sm",
-                                                                className: "ml-auto text-icon-primary"
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    }),
-                                    canPin && isPinned && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                        onSelect: ()=>handlePin(false),
-                                        children: [
-                                            /*#__PURE__*/ jsx(PinOff, {
-                                                size: "sm"
-                                            }),
-                                            "Unpin"
-                                        ]
-                                    }),
-                                    canPin && !isPinned && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                        onSelect: ()=>handlePin('left'),
-                                        children: [
-                                            /*#__PURE__*/ jsx(Pin, {
-                                                size: "sm"
-                                            }),
-                                            "Pin"
-                                        ]
-                                    }),
-                                    canHide && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                        onSelect: handleHide,
-                                        children: [
-                                            /*#__PURE__*/ jsx(EyeOff, {
-                                                size: "sm"
-                                            }),
-                                            "Hide"
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(TooltipContent, {
-                children: "More"
-            })
-        ]
-    });
-};
-TableHeadCellMenu.displayName = 'TableHeadCellMenu';
-export { TableHeadCellMenu };