@wallarm-org/design-system 2.3.3 → 2.4.0

package/dist/icons/GitCompareArrowsAlt.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon.js';
+export declare const GitCompareArrowsAlt: FC<SvgIconProps>;

package/dist/icons/GitCompareArrowsAlt.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const GitCompareArrowsAlt = (props)=>{
+    const $ = c(3);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx("path", {
+            d: "M18 17C19.1046 17 20 17.8954 20 19C20 20.1046 19.1046 21 18 21C16.8954 21 16 20.1046 16 19C16 17.8954 16.8954 17 18 17ZM6 3C7.10457 3 8 3.89543 8 5C8 6.10457 7.10457 7 6 7C4.89543 7 4 6.10457 4 5C4 3.89543 4.89543 3 6 3ZM6 1C3.79086 1 2 2.79086 2 5C2 7.20914 3.79086 9 6 9C7.86384 9 9.42998 7.72523 9.87402 6H16C16.2652 6 16.5195 6.10543 16.707 6.29297C16.8712 6.45711 16.9724 6.67237 16.9951 6.90137L17 7V9.58594L15.707 8.29297C15.3165 7.90244 14.6835 7.90244 14.293 8.29297C13.9024 8.68349 13.9024 9.31651 14.293 9.70703L17.293 12.707C17.6835 13.0976 18.3165 13.0976 18.707 12.707L21.707 9.70703C22.0976 9.31651 22.0976 8.68349 21.707 8.29297C21.3165 7.90244 20.6835 7.90244 20.293 8.29297L19 9.58594V7C19 6.20435 18.6837 5.44152 18.1211 4.87891C17.5585 4.3163 16.7956 4 16 4H9.87402C9.42998 2.27477 7.86384 1 6 1ZM18 15C16.1362 15 14.57 16.2748 14.126 18H8L7.90137 17.9951C7.67237 17.9724 7.45711 17.8712 7.29297 17.707C7.10543 17.5195 7 17.2652 7 17V14.4141L8.29297 15.707C8.68349 16.0976 9.31651 16.0976 9.70703 15.707C10.0976 15.3165 10.0976 14.6835 9.70703 14.293L6.70703 11.293C6.31651 10.9024 5.68349 10.9024 5.29297 11.293L2.29297 14.293C1.90244 14.6835 1.90244 15.3165 2.29297 15.707C2.68349 16.0976 3.31651 16.0976 3.70703 15.707L5 14.4141V17C5 17.7956 5.3163 18.5585 5.87891 19.1211C6.44152 19.6837 7.20435 20 8 20H14.126C14.57 21.7252 16.1362 23 18 23C20.2091 23 22 21.2091 22 19C22 16.7909 20.2091 15 18 15Z",
+            fill: "currentColor"
+        });
+        $[0] = t0;
+    } else t0 = $[0];
+    let t1;
+    if ($[1] !== props) {
+        t1 = /*#__PURE__*/ jsx(SvgIcon, {
+            ...props,
+            viewBox: "0 0 24 24",
+            children: t0
+        });
+        $[1] = props;
+        $[2] = t1;
+    } else t1 = $[2];
+    return t1;
+};
+GitCompareArrowsAlt.displayName = "GitCompareArrowsAltIcon";
+export { GitCompareArrowsAlt };

package/dist/icons/index.d.ts

@@ -17,6 +17,7 @@ export { ArrowDownLeft } from './ArrowDownLeft.js';
 export { ArrowDownRight } from './ArrowDownRight.js';
 export { ArrowLeft } from './ArrowLeft.js';
 export { ArrowRight } from './ArrowRight.js';
+export { ArrowRightAlt } from './ArrowRightAlt.js';
 export { ArrowUp } from './ArrowUp.js';
 export { ArrowUpDown } from './ArrowUpDown.js';
 export { ArrowUpLeft } from './ArrowUpLeft.js';
@@ -187,6 +188,7 @@ export { GitCommitHorizontal } from './GitCommitHorizontal.js';
 export { GitCommitVertical } from './GitCommitVertical.js';
 export { GitCompare } from './GitCompare.js';
 export { GitCompareArrows } from './GitCompareArrows.js';
+export { GitCompareArrowsAlt } from './GitCompareArrowsAlt.js';
 export { GitFork } from './GitFork.js';
 export { GitGraph } from './GitGraph.js';
 export { Github } from './Github.js';

package/dist/icons/index.js

@@ -17,6 +17,7 @@ export { ArrowDownLeft } from "./ArrowDownLeft.js";
 export { ArrowDownRight } from "./ArrowDownRight.js";
 export { ArrowLeft } from "./ArrowLeft.js";
 export { ArrowRight } from "./ArrowRight.js";
+export { ArrowRightAlt } from "./ArrowRightAlt.js";
 export { ArrowUp } from "./ArrowUp.js";
 export { ArrowUpDown } from "./ArrowUpDown.js";
 export { ArrowUpLeft } from "./ArrowUpLeft.js";
@@ -187,6 +188,7 @@ export { GitCommitHorizontal } from "./GitCommitHorizontal.js";
 export { GitCommitVertical } from "./GitCommitVertical.js";
 export { GitCompare } from "./GitCompare.js";
 export { GitCompareArrows } from "./GitCompareArrows.js";
+export { GitCompareArrowsAlt } from "./GitCompareArrowsAlt.js";
 export { GitFork } from "./GitFork.js";
 export { GitGraph } from "./GitGraph.js";
 export { Github } from "./Github.js";

package/dist/icons/module/const.js

@@ -7,6 +7,7 @@ const iconCategories = {
         'ArrowDownRight',
         'ArrowLeft',
         'ArrowRight',
+        'ArrowRightAlt',
         'ArrowUp',
         'ArrowUpDown',
         'ArrowUpLeft',
@@ -110,6 +111,7 @@ const iconCategories = {
         'GitCommitVertical',
         'GitCompare',
         'GitCompareArrows',
+        'GitCompareArrowsAlt',
         'GitFork',
         'GitGraph',
         'GitMerge',

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.3.2",
-  "generatedAt": "2026-10-12T07:35:18.331Z",
+  "version": "2.3.3",
+  "generatedAt": "2026-10-13T07:49:15.152Z",
   "components": [
     {
       "name": "Accordion",
@@ -101526,6 +101526,12 @@
           "required": false,
           "description": "Sub-row accessor for hierarchical/tree data (used with renderGroupRow)"
         },
+        {
+          "name": "showEmptyGroups",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Render a top-level row whose `getSubRows` returns an empty array as an\n(empty) group row instead of a plain row — for groups that stay visible\nwith nothing in them yet. Return `undefined` for rows that are not groups."
+        },
         {
           "name": "expanded",
           "type": "TableExpandedState | undefined",
@@ -107783,6 +107789,11 @@
           "code": "() => {\n  const [data, setData] = useState(() => securityEvents.slice(0, 6));\n\n  const handleRowReorder = useCallback((event: TableRowReorderEvent) => {\n    setData(prev => {\n      const oldIndex = prev.findIndex(row => row.id === event.activeRowId);\n      const newIndex = prev.findIndex(row => row.id === event.overRowId);\n      if (oldIndex === -1 || newIndex === -1) return prev;\n      return arrayMove(prev, oldIndex, newIndex);\n    });\n  }, []);\n\n  return (\n    <Table\n      data={data}\n      columns={securityColumns}\n      getRowId={row => row.id}\n      onRowReorder={handleRowReorder}\n      data-testid='row-reorder-table'\n    />\n  );\n}",
           "description": "`EditableTextCell` and `EditableSelectCell` in the plain columns, with the master column\ndeliberately read-only — editing in place suits a value the user owns, not one the system\nreports. Hovering highlights the whole cell, clicking opens it without the content shifting,\nand Enter or blur commits while Escape reverts."
         },
+        {
+          "name": "RowReorderingInGroups",
+          "code": "() => {\n  const [data, setData] = useState<SecurityHeaderEntry[]>(() => [\n    ...groupedHeaderData,\n    { ...groupedHeaderData[0]!, id: 'group-empty', objectName: 'Nothing here yet', children: [] },\n  ]);\n  const [expanded, setExpanded] = useState<TableExpandedState>(true);\n\n  const handleRowReorder = useCallback((event: TableRowReorderEvent) => {\n    setData(prev =>\n      prev.map(group => {\n        const children = group.children ?? [];\n        const oldIndex = children.findIndex(row => row.id === event.activeRowId);\n        const newIndex = children.findIndex(row => row.id === event.overRowId);\n        if (oldIndex === -1 || newIndex === -1) return group;\n        return { ...group, children: arrayMove(children, oldIndex, newIndex) };\n      }),\n    );\n  }, []);\n\n  return (\n    <Table<SecurityHeaderEntry>\n      data={data}\n      columns={headerColumns}\n      getRowId={row => row.id}\n      getSubRows={row => row.children}\n      showEmptyGroups\n      expanded={expanded}\n      onExpandedChange={setExpanded}\n      onRowReorder={handleRowReorder}\n      data-testid='row-reorder-groups-table'\n    />\n  );\n}",
+          "description": "With `getSubRows` grouping, a row moves only among the rows of its own group; group rows stay\nput. `showEmptyGroups` keeps a group whose `getSubRows` returns `[]` on screen as a group row."
+        },
         {
           "name": "RowReorderingWithSelection",
           "code": "() => {\n  const [data, setData] = useState(() => securityEvents.slice(0, 6));\n  const [rowSelection, setRowSelection] = useState<TableRowSelectionState>({});\n\n  const handleRowReorder = useCallback((event: TableRowReorderEvent) => {\n    setData(prev => {\n      const oldIndex = prev.findIndex(row => row.id === event.activeRowId);\n      const newIndex = prev.findIndex(row => row.id === event.overRowId);\n      if (oldIndex === -1 || newIndex === -1) return prev;\n      return arrayMove(prev, oldIndex, newIndex);\n    });\n  }, []);\n\n  return (\n    <Table\n      data={data}\n      columns={securityColumns}\n      getRowId={row => row.id}\n      onRowReorder={handleRowReorder}\n      rowSelection={rowSelection}\n      onRowSelectionChange={setRowSelection}\n    />\n  );\n}",

package/package.json

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