@wallarm-org/design-system 0.78.0 → 0.78.1-rc-fix-table-body-cell-text-selection.2

package/dist/components/DropdownMenu/DropdownMenuContextTrigger.js

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@ark-ui/react/menu";
+import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
-const DropdownMenuContextTrigger = ({ children, 'data-testid': testIdProp, ...props })=>{
+const DropdownMenuContextTrigger = ({ children, className, 'data-testid': testIdProp, ...props })=>{
     const testId = useTestId('context-trigger', testIdProp);
     return /*#__PURE__*/ jsx(Menu.ContextTrigger, {
         ...props,
+        className: cn('[@media(pointer:fine)]:select-text!', className),
         "data-testid": testId,
         children: children
     });

package/dist/components/Table/TableHeadCell.js

@@ -33,7 +33,7 @@ const TableHeadCell = ({ header, hasTextDescription })=>{
     const sortDirection = column.getIsSorted();
     const pinningStyles = getPinningStyles(column);
     const lastLeft = isLastPinnedLeft(column, allLeafColumns, column.id);
-    const { canDnd, setNodeRef, dndStyle, attributes, listeners } = useColumnDnd(column);
+    const { canDnd, isDragging, setNodeRef, dndStyle, attributes, listeners } = useColumnDnd(column);
     const { hasOverflow } = useHorizontalScrollState(containerRef, isMasterColumn);
     const headerDef = header.column.columnDef.header;
     const headerCtx = header.getContext();
@@ -62,6 +62,7 @@ const TableHeadCell = ({ header, hasTextDescription })=>{
         pinned: 'left' === isPinned,
         lastPinnedLeft: lastLeft,
         draggable: canDnd,
+        dragging: isDragging,
         style: {
             ...pinningStyles,
             ...dndStyle,
@@ -74,10 +75,6 @@ const TableHeadCell = ({ header, hasTextDescription })=>{
             ...attributes
         } : {},
         tabIndex: -1,
-        onMouseDown: (e)=>{
-            const target = e.target;
-            if (!target.closest('button')) e.preventDefault();
-        },
         children: [
             isNotBasicColumn && content,
             !header.isPlaceholder && !isNotBasicColumn && /*#__PURE__*/ jsxs(HStack, {

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

@@ -4,6 +4,7 @@ export declare const tableHeadCellVariants: (props?: ({
     pinned?: boolean | null | undefined;
     lastPinnedLeft?: boolean | null | undefined;
     draggable?: boolean | null | undefined;
+    dragging?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableBodyCellVariants: (props?: ({
     pinned?: boolean | null | undefined;

package/dist/components/Table/classes.js

@@ -1,8 +1,8 @@
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
-const tableCellBase = cn('border-b border-r border-border-primary-light last:border-r-0', 'overlay overflow-visible', 'select-none font-sans');
+const tableCellBase = cn('border-b border-r border-border-primary-light last:border-r-0', 'overlay overflow-visible', 'font-sans');
 const pinnedLeftShadow = cn('group-data-[scrolled]/scroll:shadow-[0px_20px_25px_-5px_rgba(0,0,0,0.1)]', 'group-data-[scrolled]/scroll:[clip-path:inset(0px_-40px_0px_0px)]');
-const tableHeadCellVariants = cva(cn(tableCellBase, 'pl-16 pr-4 py-4 text-xs font-medium text-text-secondary', 'first:rounded-tl-12 last:rounded-tr-12', 'bg-bg-light-primary', 'whitespace-nowrap select-none outline-none'), {
+const tableHeadCellVariants = cva(cn(tableCellBase, 'pl-16 pr-4 py-4 text-xs font-medium text-text-secondary', 'first:rounded-tl-12 last:rounded-tr-12', 'bg-bg-light-primary', 'whitespace-nowrap outline-none'), {
     variants: {
         interactive: {
             true: 'hover:overlay-states-primary-hover',
@@ -23,6 +23,10 @@ const tableHeadCellVariants = cva(cn(tableCellBase, 'pl-16 pr-4 py-4 text-xs fon
         draggable: {
             true: 'cursor-grab active:cursor-grabbing',
             false: ''
+        },
+        dragging: {
+            true: 'select-none',
+            false: ''
         }
     },
     defaultVariants: {
@@ -30,7 +34,8 @@ const tableHeadCellVariants = cva(cn(tableCellBase, 'pl-16 pr-4 py-4 text-xs fon
         sorted: false,
         pinned: false,
         lastPinnedLeft: false,
-        draggable: false
+        draggable: false,
+        dragging: false
     }
 });
 const tableBodyCellVariants = cva(cn(tableCellBase, 'px-16 py-8 text-sm text-text-primary', 'bg-bg-surface-2', 'align-top', 'group-hover/row:overlay-states-primary-hover', 'group-data-[selected]/row:overlay-states-primary-active', 'group-data-[selected]/row:group-hover/row:overlay-states-primary-hover', 'group-data-[preview-active]/row:overlay-states-primary-active', 'group-data-[preview-active]/row:group-hover/row:overlay-states-primary-hover', '[&:has([data-state=open][data-part=context-trigger])]:ring-2', '[&:has([data-state=open][data-part=context-trigger])]:ring-inset', '[&:has([data-state=open][data-part=context-trigger])]:ring-border-strong-brand', '[&:has([data-part=context-trigger])]:p-0', '[&_[data-part=context-trigger]]:w-full', '[&_[data-part=context-trigger]]:px-16 [&_[data-part=context-trigger]]:py-8', '[&_[data-part=context-trigger]]:text-left [&_[data-part=context-trigger]]:outline-none'), {

package/dist/components/Table/primitives/Th.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../../utils/cn.js";
 import { tableHeadCellVariants } from "../classes.js";
-const Th = /*#__PURE__*/ forwardRef(({ className, interactive, sorted, pinned, lastPinnedLeft, draggable, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
+const Th = /*#__PURE__*/ forwardRef(({ className, interactive, sorted, pinned, lastPinnedLeft, draggable, dragging, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
         ref: ref,
         scope: "col",
         className: cn(tableHeadCellVariants({
@@ -10,7 +10,8 @@ const Th = /*#__PURE__*/ forwardRef(({ className, interactive, sorted, pinned, l
             sorted,
             pinned,
             lastPinnedLeft,
-            draggable
+            draggable,
+            dragging
         }), className),
         ...props
     }));

package/dist/components/Tag/Tag.js

@@ -4,7 +4,7 @@ import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
 import { TestIdProvider, useTestId } from "../../utils/testId.js";
 import { badgeVariants } from "../Badge/index.js";
-const tagVariants = cva(cn('inline-flex items-center', 'rounded-8 border border-border-primary overlay', 'focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-focus-primary', 'transition-colors cursor-pointer select-none', '[&_[data-slot=tag-close]]:cursor-pointer'), {
+const tagVariants = cva(cn('inline-flex items-center', 'rounded-8 border border-border-primary overlay', 'focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-focus-primary', 'transition-colors cursor-pointer', '[&_[data-slot=tag-close]]:cursor-pointer'), {
     variants: {
         disabled: {
             true: 'opacity-50 cursor-not-allowed pointer-events-none',

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.77.6",
-  "generatedAt": "2026-07-28T11:51:29.981Z",
+  "version": "0.78.0",
+  "generatedAt": "2026-07-30T08:54:41.721Z",
   "components": [
     {
       "name": "Accordion",
@@ -71484,6 +71484,14 @@
           ],
           "defaultValue": "false"
         },
+        {
+          "name": "dragging",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
         {
           "name": "expanded",
           "options": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.78.0",
+  "version": "0.78.1-rc-fix-table-body-cell-text-selection.2",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",