@lanaco/lnc-react-ui 3.11.19 → 3.11.21

package/lib/index.esm.js

@@ -72797,7 +72797,7 @@ KanbanView.propTypes = {
   color: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "gray"])
 };
 
-var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
+var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "actionDropdownProps", "actionsDropdownZIndex", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
 var _templateObject$A;
 var StyledToolbar = newStyled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-radius: 8px;\n  padding: 6px;\n  margin-bottom: 12px;\n  font-weight: 700;\n  font-size: 0.875rem;\n  color: rgba(15, 23, 42, 100%);\n  background-color: ", ";\n  border: ", ";\n  gap: 6px;\n  justify-content: space-between;\n  & > div {\n    display: flex;\n    gap: 0.5rem;\n  }\n}\n"])), function (props) {
   return getColorRgbaValue(props.theme, "Toolbar", props.color, "enabled", "background", "backgroundOpacity");
@@ -72821,6 +72821,8 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
     customActions = props.customActions,
     selectedRowsLength = props.selectedRowsLength,
     readOnly = props.readOnly,
+    actionDropdownProps = props.actionDropdownProps,
+    actionsDropdownZIndex = props.actionsDropdownZIndex,
     onCreate = props.onCreate,
     onEdit = props.onEdit,
     onDelete = props.onDelete,
@@ -72836,7 +72838,7 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
     ref: ref,
     theme: theme,
     color: color,
-    className: className,
+    className: "lnc-table-view-actions-toolbar ".concat(className),
     style: style
   }, rest), /*#__PURE__*/React__default.createElement("div", null, showCreate && readOnly == false && /*#__PURE__*/React__default.createElement(Button$1, {
     leadingIcon: "plus",
@@ -72848,9 +72850,12 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
     disabled: !enableCreate,
     onClick: onCreate,
     text: createText
-  })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DropdownMenu, {
+  })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DropdownMenu, _extends$4({
+    className: "lnc-table-view-actions-toolbar-dropdown",
     color: color,
     size: size,
+    actionsDropdownZIndex: actionsDropdownZIndex
+  }, actionDropdownProps, {
     control: /*#__PURE__*/React__default.createElement(Button$1, {
       text: actionsText,
       btnType: "outline",
@@ -72859,23 +72864,23 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
       size: size,
       type: "button"
     })
-  }, showCopy && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
+  }), showCopy && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
     icon: "copy",
-    disabled: !(enableCopyOnSelection && selectedRowsLength == 1),
+    disabled: !(enableCopyOnSelection && selectedRowsLength > 0),
     onClick: onCopy
   }, copyText), showEdit && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
     icon: "pen",
-    disabled: !(enableEditOnSelection && selectedRowsLength == 1),
+    disabled: !(enableEditOnSelection && selectedRowsLength > 0),
     onClick: onEdit
   }, editText), showDelete && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
     icon: "trash",
-    disabled: !(enableDeleteOnSelection && selectedRowsLength == 1),
+    disabled: !(enableDeleteOnSelection && selectedRowsLength > 0),
     onClick: onDelete
   }, deleteText), /*#__PURE__*/React__default.createElement(Separator$1, null), customActions === null || customActions === void 0 ? void 0 : customActions.map(function (action, index) {
     if ((action === null || action === void 0 ? void 0 : action.show) != false) return /*#__PURE__*/React__default.createElement(DropdownItem, {
       key: index,
       icon: action.icon,
-      disabled: !(action.enableOnSelection == true && selectedRowsLength == 1 || action.enable == true && action.enableOnSelection == false),
+      disabled: !(action.enableOnSelection == true && selectedRowsLength > 0 || action.enable == true && action.enableOnSelection == false),
       onClick: action.onAction
     }, action.name);
   }))));
@@ -73232,7 +73237,7 @@ Pagination.propTypes = {
   color: PropTypes.oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral", "gray"])
 };
 
-var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "className", "style", "size", "color", "children"];
+var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "actionsDropdownZIndex", "actionDropdownProps", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "onEmptyRowsSelection", "className", "style", "size", "color", "children"];
 var _templateObject$x, _TableView$defaultPro;
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$y(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -73258,6 +73263,8 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     customActions = props.customActions,
     pagination = props.pagination,
     readOnly = props.readOnly,
+    actionsDropdownZIndex = props.actionsDropdownZIndex,
+    actionDropdownProps = props.actionDropdownProps,
     onCreate = props.onCreate,
     onEdit = props.onEdit,
     onDelete = props.onDelete,
@@ -73266,6 +73273,7 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     props.onFilter;
     props.onSort;
     var onPageChange = props.onPageChange;
+    props.onEmptyRowsSelection;
     props.className;
     props.style;
     var size = props.size,
@@ -73318,9 +73326,11 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   };
   var handleEdit = function handleEdit(e) {
     onEdit(selectedRows, e);
+    setSelectedRows([]);
   };
   var handleDelete = function handleDelete(e) {
     onDelete(selectedRows, e);
+    setSelectedRows([]);
   };
   var handlePageChange = function handlePageChange(page) {
     onPageChange(page);
@@ -73338,7 +73348,9 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onCreate: handleCreate,
       onCopy: handleCopy,
       onEdit: handleEdit,
-      onDelete: handleDelete
+      onDelete: handleDelete,
+      actionsDropdownZIndex: actionsDropdownZIndex,
+      actionDropdownProps: actionDropdownProps
     }));
   };
   var renderTable = function renderTable() {

package/lib/index.js

@@ -72846,7 +72846,7 @@ KanbanView.propTypes = {
   color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "gray"])
 };
 
-var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
+var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "actionDropdownProps", "actionsDropdownZIndex", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
 var _templateObject$A;
 var StyledToolbar = newStyled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  align-items: center;\n  border-radius: 8px;\n  padding: 6px;\n  margin-bottom: 12px;\n  font-weight: 700;\n  font-size: 0.875rem;\n  color: rgba(15, 23, 42, 100%);\n  background-color: ", ";\n  border: ", ";\n  gap: 6px;\n  justify-content: space-between;\n  & > div {\n    display: flex;\n    gap: 0.5rem;\n  }\n}\n"])), function (props) {
   return getColorRgbaValue(props.theme, "Toolbar", props.color, "enabled", "background", "backgroundOpacity");
@@ -72870,6 +72870,8 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
     customActions = props.customActions,
     selectedRowsLength = props.selectedRowsLength,
     readOnly = props.readOnly,
+    actionDropdownProps = props.actionDropdownProps,
+    actionsDropdownZIndex = props.actionsDropdownZIndex,
     onCreate = props.onCreate,
     onEdit = props.onEdit,
     onDelete = props.onDelete,
@@ -72885,7 +72887,7 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
     ref: ref,
     theme: theme,
     color: color,
-    className: className,
+    className: "lnc-table-view-actions-toolbar ".concat(className),
     style: style
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", null, showCreate && readOnly == false && /*#__PURE__*/React__default["default"].createElement(Button$1, {
     leadingIcon: "plus",
@@ -72897,9 +72899,12 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
     disabled: !enableCreate,
     onClick: onCreate,
     text: createText
-  })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
+  })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(DropdownMenu, _extends__default$1["default"]({
+    className: "lnc-table-view-actions-toolbar-dropdown",
     color: color,
     size: size,
+    actionsDropdownZIndex: actionsDropdownZIndex
+  }, actionDropdownProps, {
     control: /*#__PURE__*/React__default["default"].createElement(Button$1, {
       text: actionsText,
       btnType: "outline",
@@ -72908,23 +72913,23 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
       size: size,
       type: "button"
     })
-  }, showCopy && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
+  }), showCopy && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
     icon: "copy",
-    disabled: !(enableCopyOnSelection && selectedRowsLength == 1),
+    disabled: !(enableCopyOnSelection && selectedRowsLength > 0),
     onClick: onCopy
   }, copyText), showEdit && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
     icon: "pen",
-    disabled: !(enableEditOnSelection && selectedRowsLength == 1),
+    disabled: !(enableEditOnSelection && selectedRowsLength > 0),
     onClick: onEdit
   }, editText), showDelete && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
     icon: "trash",
-    disabled: !(enableDeleteOnSelection && selectedRowsLength == 1),
+    disabled: !(enableDeleteOnSelection && selectedRowsLength > 0),
     onClick: onDelete
   }, deleteText), /*#__PURE__*/React__default["default"].createElement(Separator$1, null), customActions === null || customActions === void 0 ? void 0 : customActions.map(function (action, index) {
     if ((action === null || action === void 0 ? void 0 : action.show) != false) return /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
       key: index,
       icon: action.icon,
-      disabled: !(action.enableOnSelection == true && selectedRowsLength == 1 || action.enable == true && action.enableOnSelection == false),
+      disabled: !(action.enableOnSelection == true && selectedRowsLength > 0 || action.enable == true && action.enableOnSelection == false),
       onClick: action.onAction
     }, action.name);
   }))));
@@ -73281,7 +73286,7 @@ Pagination.propTypes = {
   color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral", "gray"])
 };
 
-var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "className", "style", "size", "color", "children"];
+var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "actionsDropdownZIndex", "actionDropdownProps", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "onEmptyRowsSelection", "className", "style", "size", "color", "children"];
 var _templateObject$x, _TableView$defaultPro;
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -73307,6 +73312,8 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     customActions = props.customActions,
     pagination = props.pagination,
     readOnly = props.readOnly,
+    actionsDropdownZIndex = props.actionsDropdownZIndex,
+    actionDropdownProps = props.actionDropdownProps,
     onCreate = props.onCreate,
     onEdit = props.onEdit,
     onDelete = props.onDelete,
@@ -73315,6 +73322,7 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     props.onFilter;
     props.onSort;
     var onPageChange = props.onPageChange;
+    props.onEmptyRowsSelection;
     props.className;
     props.style;
     var size = props.size,
@@ -73367,9 +73375,11 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
   };
   var handleEdit = function handleEdit(e) {
     onEdit(selectedRows, e);
+    setSelectedRows([]);
   };
   var handleDelete = function handleDelete(e) {
     onDelete(selectedRows, e);
+    setSelectedRows([]);
   };
   var handlePageChange = function handlePageChange(page) {
     onPageChange(page);
@@ -73387,7 +73397,9 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
       onCreate: handleCreate,
       onCopy: handleCopy,
       onEdit: handleEdit,
-      onDelete: handleDelete
+      onDelete: handleDelete,
+      actionsDropdownZIndex: actionsDropdownZIndex,
+      actionDropdownProps: actionDropdownProps
     }));
   };
   var renderTable = function renderTable() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lanaco/lnc-react-ui",
   "type": "module",
-  "version": "3.11.19",
+  "version": "3.11.21",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",