@oliasoft-open-source/react-ui-library 3.1.10 → 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`
       })
     }))]
   });
@@ -14880,7 +14884,6 @@ const ResizeHandle = React__default.forwardRef((props, ref2) => {
 const DrawerResizeWrapper = ({
   children,
   width,
-  minWidth,
   right: right2,
   onResize,
   open
@@ -14893,14 +14896,15 @@ const DrawerResizeWrapper = ({
     size: size2,
     handle
   }) => {
-    if (open && size2.width > MINIMUM_OPEN_WIDTH && size2.width < MAXIMUM_OPEN_WIDTH) {
+    if (open) {
       onResize(size2.width);
     }
   };
   return onResize ? /* @__PURE__ */ jsx(Resizable, {
     width,
     height: 100,
-    minConstraints: [minWidth, null],
+    minConstraints: [MINIMUM_OPEN_WIDTH, null],
+    maxConstraints: [MAXIMUM_OPEN_WIDTH, null],
     onResize: handleResize,
     handle: open ? /* @__PURE__ */ jsx(ResizeHandle, {}) : null,
     resizeHandles: right2 ? ["w"] : ["e"],
@@ -14916,14 +14920,12 @@ const DrawerResizeWrapper = ({
 DrawerResizeWrapper.defaultProps = {
   right: false,
   width: 400,
-  minWidth: null,
   children: null,
   onResize: null
 };
 DrawerResizeWrapper.propTypes = {
   right: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
-  minWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node,
   onResize: propTypes$1.exports.func
 };
@@ -14968,7 +14970,6 @@ const Drawer = ({
   };
   return /* @__PURE__ */ jsx(DrawerResizeWrapper, {
     width: currentWidth,
-    minWidth: tabs2 ? TABS_WIDTH : closedWidth,
     onResize,
     open,
     right: right2,
@@ -26807,7 +26808,8 @@ const Layer = ({
   focusedOptionIndex,
   width,
   firstSelectedOptionIndex,
-  closeLayer
+  closeLayer,
+  testId
 }) => {
   useEffect(() => {
     if (firstSelectedOptionIndex !== null && listRef.current !== null) {
@@ -26816,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", {
@@ -26845,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}`)
         })
       })
     })
@@ -27514,7 +27518,8 @@ const CustomSelect = ({
         triggerRect: triggerBounds,
         width: `max(${layerWidth}, ${triggerBounds.width}px)`,
         focusedOptionIndex: state.layerFocus.current,
-        firstSelectedOptionIndex
+        firstSelectedOptionIndex,
+        testId: testId && `${testId}-layer`
       })
     }))]
   });
@@ -35619,7 +35624,8 @@ const Row = (props) => {
     provided,
     snapshot,
     draggableTable,
-    width
+    width,
+    testId
   } = props;
   const targetRef = useRef();
   const columnHeaderAlignment = getHeaderAlignment(columnHeaderAlignments, isHeader, rowIndex);
@@ -35655,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, {
@@ -35758,7 +35764,8 @@ Row.defaultProps = {
   columnHeaderAlignments: [],
   draggableTable: false,
   snapshot: null,
-  provided: null
+  provided: null,
+  testId: void 0
 };
 Row.propTypes = {
   row: rowShape.isRequired,
@@ -35771,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(
@@ -35919,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", {
@@ -35938,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, {
@@ -35981,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", {
@@ -35992,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.10",
+  "version": "3.1.12",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",