@oliasoft-open-source/react-ui-library 3.1.11 → 3.1.12

package/dist/index.js

@@ -9892,7 +9892,8 @@ const Layer$2 = ({
   tree: tree2,
   path,
   maxHeight: maxHeight2,
-  showAllButton
+  showAllButton,
+  testId
 }) => {
   var _a, _b;
   if (isValidElement(sections)) {
@@ -9932,6 +9933,7 @@ const Layer$2 = ({
       maxHeight: maxHeight2 || "auto",
       overflowY: maxHeight2 ? "auto" : "default"
     },
+    "data-testid": testId,
     children: /* @__PURE__ */ jsx("ul", {
       children: localSections.map((section, i) => /* @__PURE__ */ jsx("li", {
         children: /* @__PURE__ */ jsx(Section$1, {
@@ -10405,7 +10407,8 @@ const useContextMenu = (sections, width, placement, possiblePlacements, closeOnO
       tree: tree2,
       path,
       groupOrder,
-      maxHeight: maxHeight2
+      maxHeight: maxHeight2,
+      testId: testId && `${testId}-layer`
     })
   }));
   return [layer2, handleMouseEvent];
@@ -10553,7 +10556,8 @@ const DropDownMenu = ({
         path,
         groupOrder,
         maxHeight: maxHeight2,
-        showAllButton
+        showAllButton,
+        testId: testId && `${testId}-layer`
       })
     }))]
   });
@@ -26804,7 +26808,8 @@ const Layer = ({
   focusedOptionIndex,
   width,
   firstSelectedOptionIndex,
-  closeLayer
+  closeLayer,
+  testId
 }) => {
   useEffect(() => {
     if (firstSelectedOptionIndex !== null && listRef.current !== null) {
@@ -26813,6 +26818,7 @@ const Layer = ({
   }, []);
   const optionHeight = 38;
   return /* @__PURE__ */ jsx("div", {
+    "data-testid": testId,
     className: cx(styles$k.layer),
     children: !sections.length ? /* @__PURE__ */ jsx("ul", {
       children: /* @__PURE__ */ jsx("li", {
@@ -26842,7 +26848,8 @@ const Layer = ({
           focused: focusedOptionIndex === index2,
           onSelectOption: (evt) => {
             onSelectOption(evt, sections[index2]);
-          }
+          },
+          testId: testId && (sections[index2].description ? `${testId}-${sections[index2].description}` : `${testId}-${sections[index2].label}`)
         })
       })
     })
@@ -27511,7 +27518,8 @@ const CustomSelect = ({
         triggerRect: triggerBounds,
         width: `max(${layerWidth}, ${triggerBounds.width}px)`,
         focusedOptionIndex: state.layerFocus.current,
-        firstSelectedOptionIndex
+        firstSelectedOptionIndex,
+        testId: testId && `${testId}-layer`
       })
     }))]
   });
@@ -35616,7 +35624,8 @@ const Row = (props) => {
     provided,
     snapshot,
     draggableTable,
-    width
+    width,
+    testId
   } = props;
   const targetRef = useRef();
   const columnHeaderAlignment = getHeaderAlignment(columnHeaderAlignments, isHeader, rowIndex);
@@ -35652,7 +35661,7 @@ const Row = (props) => {
       columnHeaderAlignment: columnHeaderAlignment[i],
       width: columnWidths ? columnWidths[i] : void 0,
       snapshot,
-      testId: c.testId
+      testId: testId ? `${testId}-${i}` : c.testId
     }, key);
   });
   const rowActions = hasRowActions2 && /* @__PURE__ */ jsx(Cell, {
@@ -35755,7 +35764,8 @@ Row.defaultProps = {
   columnHeaderAlignments: [],
   draggableTable: false,
   snapshot: null,
-  provided: null
+  provided: null,
+  testId: void 0
 };
 Row.propTypes = {
   row: rowShape.isRequired,
@@ -35768,7 +35778,8 @@ Row.propTypes = {
   hasRowActions: propTypes$1.exports.bool.isRequired,
   draggableTable: propTypes$1.exports.bool,
   snapshot: propTypes$1.exports.object,
-  provided: propTypes$1.exports.object
+  provided: propTypes$1.exports.object,
+  testId: propTypes$1.exports.string
 };
 const getMaxCellCount = (rows) => {
   const count2 = Math.max(
@@ -35916,7 +35927,8 @@ const Table = (props) => {
                     columnHeaderAlignments,
                     rowsMetaData: stickyHeaders ? rowsMetaData : void 0,
                     setRowsMetaData: stickyHeaders ? setRowsMetaData : void 0,
-                    draggableTable: draggable2
+                    draggableTable: draggable2,
+                    testId: testId && `${testId}-${rowIndex}`
                   }, `0_${rowIndex}`);
                 })]
               }), /* @__PURE__ */ jsxs("tbody", {
@@ -35935,7 +35947,8 @@ const Table = (props) => {
                     provided: provided2,
                     snapshot,
                     draggableTable: draggable2,
-                    width: dimensions.width
+                    width: dimensions.width,
+                    testId: testId && `${testId}-${rowIndex + 1}`
                   }, `1_${rowIndex}`)
                 }, `index_${rowIndex}`)), provided.placeholder]
               }), footer2 && /* @__PURE__ */ jsx(Footer, {
@@ -35978,7 +35991,8 @@ const Table = (props) => {
             columnAlignment,
             columnHeaderAlignments,
             rowsMetaData: stickyHeaders ? rowsMetaData : void 0,
-            setRowsMetaData: stickyHeaders ? setRowsMetaData : void 0
+            setRowsMetaData: stickyHeaders ? setRowsMetaData : void 0,
+            testId: testId && `${testId}-${rowIndex}`
           }, `0_${rowIndex}`);
         })]
       }), /* @__PURE__ */ jsx("tbody", {
@@ -35989,7 +36003,8 @@ const Table = (props) => {
           columnWidths,
           colSpan,
           hasRowActions: rowActions,
-          columnAlignment
+          columnAlignment,
+          testId: testId && `${testId}-${rowIndex + 1}`
         }, `1_${rowIndex}`))
       }), footer2 && /* @__PURE__ */ jsx(Footer, {
         colSpan,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",