ar-design 0.4.58 → 0.4.60

package/dist/assets/css/components/data-display/table/styles.css

@@ -126,6 +126,11 @@
               z-index: 3;
             }
 
+            &.subrow-col {
+              width: 2rem;
+              z-index: 3;
+            }
+
             &.type-of-number {
               text-align: right;
             }
@@ -561,6 +566,11 @@
                 z-index: 3;
               }
 
+              &.subrow-col {
+                width: 2rem;
+                z-index: 3;
+              }
+
               &.type-of-number {
                 text-align: right;
               }

package/dist/components/charts/gantt/index.js

@@ -234,7 +234,7 @@ const Gantt = ({ title, description, data, pagination, config = { isSearchable:
                             React.createElement("text", { x: "10", y: y + ROW_HEIGHT / 2, className: "label-text" }, textContent.length * 7 > maxTextWidth
                                 ? `${textContent.substring(0, Math.floor(maxTextWidth / 7) - 3)}...`
                                 : textContent),
-                            React.createElement("line", { x1: "0", y1: y + ROW_HEIGHT, x2: LABEL_WIDTH, y2: y + ROW_HEIGHT, stroke: "var(--black)", strokeWidth: "0.5", opacity: 0.25 }),
+                            React.createElement("line", { x1: 0, y1: y + ROW_HEIGHT, x2: LABEL_WIDTH, y2: y + ROW_HEIGHT, opacity: 0.15, stroke: "var(--black)", strokeWidth: "0.5" }),
                             React.createElement("line", { x1: LABEL_WIDTH, y1: y + ROW_HEIGHT, x2: LABEL_WIDTH + TIMELINE.days.length * DAY_WIDTH, y2: y + ROW_HEIGHT, opacity: 0.25, stroke: "var(--black)", strokeWidth: STROKE_WIDTH, strokeDasharray: "5,5" })));
                     }))))),
         React.createElement("div", { className: "footer" },

package/dist/components/data-display/table/body/TBody.js

@@ -27,7 +27,7 @@ function TBody({ data, columns, refs, methods, states, config }) {
                 }, ...(methods.rowBackgroundColor ? { style: { backgroundColor: methods.rowBackgroundColor(item) } } : {}), ...(methods.onDnD && data.length > 1 ? { className: "draggable", draggable: true } : {}) },
                 methods.selections && (React.createElement("td", { ref: (element) => {
                         _tHeadTH.current[index] = element;
-                    }, className: "flex justify-content-center sticky-left", style: { display: "flex", alignItems: "center", height: rowHeights[index] ?? 0 }, "data-sticky-position": "left" },
+                    }, className: "flex justify-content-center sticky sticky-left", "data-sticky-position": "left" },
                     React.createElement(Checkbox, { key: Date.now(), ref: (element) => {
                             if (!element)
                                 return;
@@ -45,7 +45,7 @@ function TBody({ data, columns, refs, methods, states, config }) {
                             methods.selections?.(refs._selectionItems.current);
                             setTriggerForRender((prev) => !prev);
                         } }))),
-                isHasSubitems && _subrowButton ? (React.createElement("td", null, item[_subrowSelector] && (React.createElement("div", { className: "subitem-open-button-wrapper" },
+                isHasSubitems && _subrowButton ? (React.createElement("td", { className: "subrow-col sticky sticky-left", "data-sticky-position": "left" }, item[_subrowSelector] && (React.createElement("div", { className: "subitem-open-button-wrapper" },
                     React.createElement("span", { className: `subitem-open-button ${(states.showSubitems.get[key] && "opened") ?? ""}`, onClick: () => {
                             states.showSubitems.set((prev) => ({
                                 ...prev,

package/dist/components/data-display/table/index.js

@@ -606,8 +606,7 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
             React.createElement("table", { ref: _innerRef },
                 React.createElement("thead", null,
                     React.createElement("tr", { key: "selection" },
-                        data.some((item) => _subrowSelector in item) && _subrowButton && (React.createElement("td", { style: { width: 0, minWidth: 0 } })),
-                        selections && (React.createElement("th", { className: "selection-col sticky-left", "data-sticky-position": "left", style: { bottom: 0 } },
+                        selections && (React.createElement("th", { className: "selection-col sticky sticky-left", "data-sticky-position": "left", style: { bottom: 0 } },
                             React.createElement(Checkbox, { variant: "filled", color: "green", checked: selectAll, onChange: (event) => {
                                     if (_checkboxItems.current.length > 0) {
                                         setSelectAll(event.target.checked);
@@ -619,6 +618,7 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
                                         });
                                     }
                                 } }))),
+                        data.some((item) => _subrowSelector in item) && _subrowButton && (React.createElement("th", { className: "subrow-col sticky sticky-left", "data-sticky-position": "left", style: { bottom: 0 } })),
                         React.createElement(THeadCell, { refs: {
                                 propertiesButton: _propertiesButton,
                             }, states: {
@@ -629,6 +629,7 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
                             }, methods: { handleScroll }, columns: columns, config: config })),
                     config?.isSearchable && (React.createElement("tr", { key: "isSearchable" },
                         selections && (React.createElement("th", { key: `column-selections`, className: "selection-col sticky-left", "data-sticky-position": "left" })),
+                        data.some((item) => _subrowSelector in item) && _subrowButton && (React.createElement("th", { key: `column-selections`, className: "subrow-col sticky sticky-left", "data-sticky-position": "left" })),
                         columns.map((c, cIndex) => {
                             let _className = [];
                             const key = typeof c.key !== "object" ? String(c.key) : String(c.key.field);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.4.58",
+  "version": "0.4.60",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -42,11 +42,11 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@types/node": "^25.5.2",
-    "@types/react": "^19.2.14",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "ts-node": "^10.9.2",
     "tslib": "^2.8.1",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }