@paubox/ui 0.16.0 → 0.16.1

package/index.esm.js

@@ -22275,6 +22275,10 @@ var DatePicker = function(_param) {
     });
 };
 
+var formatForId = function(str) {
+    return str.replace(' ', '-').replace(/[^a-zA-Z0-9\s]/g, '').toLowerCase();
+};
+
 function _array_like_to_array$h(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -22369,7 +22373,7 @@ function _unsupported_iterable_to_array$h(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
 }
 var DropdownMenu = function(param) {
-    var label = param.label, _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, iconLeft = param.iconLeft, align = param.align, _param_color = param.color, color = _param_color === void 0 ? 'primary' : _param_color;
+    var label = param.label, _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, iconLeft = param.iconLeft, align = param.align, _param_color = param.color, color = _param_color === void 0 ? 'primary' : _param_color, _param_testId = param.testId, testId = _param_testId === void 0 ? 'dropdown' : _param_testId;
     var _useState = _sliced_to_array$e(useState(false), 2), open = _useState[0], setOpen = _useState[1];
     var buttonRef = useRef(null);
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -22384,6 +22388,7 @@ var DropdownMenu = function(param) {
                         return !prev;
                     });
                 },
+                "data-testid": "".concat(testId, "-button"),
                 children: label
             }),
             /*#__PURE__*/ jsx(Popper, {
@@ -22405,7 +22410,8 @@ var DropdownMenu = function(param) {
                                 item.onClick(e);
                             }
                             setOpen(false);
-                        }
+                        },
+                        "data-testid": "".concat(testId, "-").concat(formatForId(item.label), "-menu-item")
                     }), item.label);
                 })
             })
@@ -28798,7 +28804,7 @@ function _templateObject2$5() {
 }
 function _templateObject3$4() {
     var data = _tagged_template_literal$9([
-        "\n  overflow-y: visible;\n"
+        "\n  overflow-y: scroll;\n"
     ]);
     _templateObject3$4 = function _templateObject() {
         return data;
@@ -28870,7 +28876,7 @@ var Modal = function(param) {
                             "label"
                         ]);
                         return /*#__PURE__*/ jsx(Button, _object_spread_props$7(_object_spread$9({
-                            "data-testid": "".concat(testId, "-").concat(label.replace(' ', '-').toLowerCase(), "-button")
+                            "data-testid": "".concat(testId, "-").concat(formatForId(label), "-button")
                         }, rest), {
                             children: label
                         }));
@@ -33577,7 +33583,7 @@ var TableHeader = function(param) {
                                     width: (actionHeaders === null || actionHeaders === void 0 ? void 0 : actionHeaders.includes(header === null || header === void 0 ? void 0 : header.id)) ? "".concat(header.getSize(), "px") : '100%',
                                     cursor: header.column.getCanSort() ? 'pointer' : 'default'
                                 },
-                                "data-testid": header.column.getCanSort() ? "".concat(testId, "-column-header-").concat(header.id.replace(' ', '-').toLowerCase(), "-sort-button") : undefined,
+                                "data-testid": header.column.getCanSort() ? "".concat(testId, "-column-header-").concat(formatForId(header.id), "-sort-button") : undefined,
                                 children: [
                                     flexRender(header.column.columnDef.header, header.getContext()),
                                     header.column.getCanSort() && /*#__PURE__*/ jsxs(SortIcon, {
@@ -33798,7 +33804,7 @@ var ContextMenuCell = function(param) {
                             }
                         },
                         label: action.label,
-                        "data-testid": "".concat(testId, "-row-").concat(row.id, "-context-menu-").concat(action.label.replace(' ', '-').toLowerCase(), "-button")
+                        "data-testid": "".concat(testId, "-row-").concat(row.id, "-context-menu-").concat(formatForId(action.label), "-button")
                     }, index);
                 })
             })

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/DropdownMenu/DropdownMenu.d.ts

@@ -5,5 +5,6 @@ export interface DropdownMenuProps {
     iconLeft?: React.ElementType;
     align?: 'left' | 'center' | 'right';
     color?: 'primary' | 'secondary';
+    testId?: string;
 }
-export declare const DropdownMenu: ({ label, items, iconLeft, align, color, }: DropdownMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DropdownMenu: ({ label, items, iconLeft, align, color, testId, }: DropdownMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './string';

package/src/utils/string.d.ts

@@ -0,0 +1 @@
+export declare const formatForId: (str: string) => string;