plataforma-fundacao-componentes 2.22.14 → 2.22.17

package/dist/index.modern.js

@@ -1342,7 +1342,7 @@ function Checkbox(props) {
   var fProps = useMemo(function () {
     var handleClick = function handleClick(evt) {
       if (typeof props.onChange === 'function' && !props.disabled) {
-        props.onChange(!props.value);
+        props.onChange(!props.value, evt);
         evt.stopPropagation();
       }
     };
@@ -9599,7 +9599,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
       var _props$spanProps3;
 
       if (props.anchorLabelToCheckbox) {
-        props.onChange(!props.value);
+        props.onChange(!props.value, evt);
       }
 
       if (props.spanProps && typeof props.spanProps.onClick === 'function') (_props$spanProps3 = props.spanProps) === null || _props$spanProps3 === void 0 ? void 0 : _props$spanProps3.onClick(evt);
@@ -9891,38 +9891,49 @@ function TableUpperHeader(props) {
   }, React.createElement("div", {
     className: rootClassName$1A + "-left"
   }, (_props$leftContent = props.leftContent) === null || _props$leftContent === void 0 ? void 0 : _props$leftContent.map(function (btn, i) {
-    return btn.type === 'Button' ? React.createElement("button", Object.assign({
-      key: i
-    }, btn, {
+    return btn.type === 'Button' ? React.createElement("button", {
+      key: i,
+      id: btn.id,
+      onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      type: 'button',
-      className: rootClassName$1A + "-btn"
-    }), btn.leftIcon && React.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
-      key: i
-    }), React.createElement("button", Object.assign({
+      className: rootClassName$1A + "-btn",
+      type: 'button'
+    }, btn.leftIcon && React.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
       key: i
-    }, btn.children, {
+    }), React.createElement("button", {
+      key: i,
+      id: btn.children.id,
+      onClick: btn.children.onClick,
       className: rootClassName$1A + "-btn",
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
       type: 'button'
-    }), btn.children.leftIcon && React.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
+    }, btn.children.leftIcon && React.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
   })), React.createElement("div", {
     className: rootClassName$1A + "-right"
   }, (_props$rightContent = props.rightContent) === null || _props$rightContent === void 0 ? void 0 : _props$rightContent.map(function (btn, i) {
-    return btn.type === 'Button' ? React.createElement("button", Object.assign({
-      key: i
-    }, btn, {
+    return btn.type === 'Button' ? React.createElement("button", {
+      key: i,
+      id: btn.id,
+      onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
       className: rootClassName$1A + "-btn",
       type: 'button'
-    }), btn.leftIcon && React.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn), React.createElement("button", Object.assign({
-      key: i
-    }, btn.children, {
+    }, btn.leftIcon && React.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
+      key: "children_" + i
+    }), React.createElement("button", {
+      key: i,
+      id: btn.children.id,
+      onClick: btn.children.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
       className: rootClassName$1A + "-btn",
       type: 'button'
-    }), btn.children.leftIcon && React.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
-  })));
+    }, btn.children.leftIcon && React.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
+  })), props.collapsedContent ? React.createElement(Collapse$1, {
+    opened: props.opened,
+    animateOpacity: true
+  }, React.createElement(Row$1, {
+    className: rootClassName$1A + "-collapsed"
+  }, props.collapsedContent)) : undefined);
 }
 
 var TableUpperHeader$1 = memo(TableUpperHeader);
@@ -9934,8 +9945,8 @@ function TableWithOverflow(props) {
 
   var mediaQuery = useScreenSize();
   var wrapperClassName = useMemo(function () {
-    return getMergedClassNames([rootClassName$1B + "-wrapper", props.hasActionsCol ? 'has-actions-col' : '', props.upperHeader ? 'has-upper-header' : '', 'left-columns-padding']);
-  }, [props.hasActionsCol, props.upperHeader]);
+    return getMergedClassNames([rootClassName$1B + "-wrapper", props.upperHeader ? 'has-upper-header' : '', 'left-columns-padding']);
+  }, [props.upperHeader]);
   var outerTableRef = createRef();
   useDraggableScroll(outerTableRef, {
     mouseDownCondition: function mouseDownCondition(el) {
@@ -9960,22 +9971,27 @@ function TableWithOverflow(props) {
     }
   };
 
+  var atLeastOneStaticColumn = useMemo(function () {
+    return props.columns.some(function (c) {
+      return !c.absolute;
+    });
+  }, [props.columns]);
   var paddingLeft = useMemo(function () {
-    return props.columns.reduce(function (prev, atual) {
+    return atLeastOneStaticColumn ? props.columns.reduce(function (prev, atual) {
       var _atual$absolute;
 
       var n = (_atual$absolute = atual.absolute) !== null && _atual$absolute !== void 0 && _atual$absolute.left ? parseInt(atual.absolute.width) : 0;
       return prev + n;
-    }, 8) + "px";
-  }, [props.columns]);
+    }, 8) + "px" : '8px';
+  }, [props.columns, atLeastOneStaticColumn]);
   var paddingRight = useMemo(function () {
-    return props.columns.reduce(function (prev, atual) {
+    return atLeastOneStaticColumn ? props.columns.reduce(function (prev, atual) {
       var _atual$absolute2;
 
       var n = (_atual$absolute2 = atual.absolute) !== null && _atual$absolute2 !== void 0 && _atual$absolute2.right ? parseInt(atual.absolute.width) : 0;
       return prev + n;
-    }, 8) + "px";
-  }, [props.columns]);
+    }, 8) + "px" : '8px';
+  }, [props.columns, atLeastOneStaticColumn]);
   return React.createElement("div", {
     className: rootClassName$1B
   }, props.upperHeader ? React.createElement("div", {
@@ -10006,12 +10022,13 @@ function TableWithOverflow(props) {
   }), (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map(function (column) {
     var _column$props;
 
+    var absoluteObj = atLeastOneStaticColumn && column.absolute ? column.absolute : {};
     return React.createElement("th", Object.assign({
       key: "header-" + column.key,
-      "data-draggable": !Boolean(column.absolute)
+      "data-draggable": atLeastOneStaticColumn && !Boolean(absoluteObj)
     }, column.props, {
-      style: _extends({}, (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.style, column.absolute),
-      className: getMergedClassNames([column.key + "-cell", column.absolute ? 'absolute' : ''])
+      style: _extends({}, (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.style, absoluteObj),
+      className: getMergedClassNames([column.key + "-cell", atLeastOneStaticColumn && column.absolute ? 'absolute' : ''])
     }), column.value);
   }), React.createElement("th", {
     className: 'absolute right-0'
@@ -10027,12 +10044,13 @@ function TableWithOverflow(props) {
     }), (_props$columns2 = props.columns) === null || _props$columns2 === void 0 ? void 0 : _props$columns2.map(function (column) {
       var _column$props2, _column$props3;
 
+      var absoluteObj = atLeastOneStaticColumn && column.absolute ? column.absolute : {};
       return React.createElement("td", Object.assign({
-        "data-draggable": !Boolean(column.absolute),
+        "data-draggable": atLeastOneStaticColumn && !Boolean(column.absolute),
         key: lineIndex + "-" + column.key
       }, column.props, {
-        style: _extends({}, (_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.style, column.absolute),
-        className: getMergedClassNames([(_column$props3 = column.props) === null || _column$props3 === void 0 ? void 0 : _column$props3.className, column.key + "-cell", column.absolute ? 'absolute' : ''])
+        style: _extends({}, (_column$props2 = column.props) === null || _column$props2 === void 0 ? void 0 : _column$props2.style, absoluteObj),
+        className: getMergedClassNames([(_column$props3 = column.props) === null || _column$props3 === void 0 ? void 0 : _column$props3.className, column.key + "-cell", atLeastOneStaticColumn && column.absolute ? 'absolute' : ''])
       }), line[column.key]);
     }), React.createElement("td", {
       className: 'absolute right-0'
@@ -10041,8 +10059,6 @@ function TableWithOverflow(props) {
 }
 
 TableWithOverflow.defaultProps = {
-  showArrowControl: true,
-  hasActionsCol: true,
   showTopNavigator: true
 };
 var TableWithOverflow$1 = memo(TableWithOverflow);