plataforma-fundacao-componentes 2.22.4 → 2.22.7

package/dist/index.modern.js

@@ -36,7 +36,7 @@ var ChevronArrowDownIcon = function ChevronArrowDownIcon() {
 
 var getMergedClassNames = function getMergedClassNames(arr) {
   return arr.filter(function (el) {
-    return el !== '';
+    return Boolean(el);
   }).join(' ');
 };
 var getUniqueKey = function getUniqueKey() {
@@ -3961,7 +3961,7 @@ function Col(props) {
     });
 
     var rp = _extends({}, props, {
-      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '']))
+      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
     });
 
     delete rp.noPadding;
@@ -3969,6 +3969,8 @@ function Col(props) {
     delete rp.end;
     delete rp.cols;
     delete rp.children;
+    delete rp.buttonActionsCol;
+    delete rp.noPaddingTop;
     return rp;
   }, [props]);
   return React.createElement("div", Object.assign({}, p), props.children);
@@ -4307,6 +4309,7 @@ function DatePicker(props) {
   return React.createElement("div", {
     className: rootClassName$P
   }, props.initialValue ? React.createElement(IconButton$1, {
+    disabled: props.disabled,
     className: rootClassName$P + "-clear-button",
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
@@ -8435,7 +8438,7 @@ function Modal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$1k, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$1k, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.footer;
@@ -8447,6 +8450,7 @@ function Modal(props) {
     delete p.mobileOnXS;
     delete p.preventEscExit;
     delete p.preventMaskExit;
+    delete p.compenseColPaddingContent;
     delete p.modalKey;
     return p;
   }, [props]);
@@ -8478,7 +8482,7 @@ function Modal(props) {
     onClick: handleClose,
     icon: React.createElement(CloseIcon, null)
   }))), React.createElement("div", {
-    className: rootClassName$1k + "-content"
+    className: getMergedClassNames([rootClassName$1k + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React.createElement("div", {
     className: rootClassName$1k + "-footer"
   }, footer) : undefined);
@@ -9545,6 +9549,8 @@ ActionsColumn.defaultProps = {
 
 var rootClassName$1w = 'component-table-left-checkbox-with-label';
 var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
+  var _props$spanProps2;
+
   var style = useMemo(function () {
     var _props$spanProps;
 
@@ -9564,25 +9570,28 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
   }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
   return React.createElement("div", {
     className: rootClassName$1w
-  }, React.createElement(Checkbox, {
+  }, React.createElement("span", {
+    className: rootClassName$1w + "-checkbox-wrapper",
     "tooltip-position": props['tooltip-position'],
-    "tooltip-text": props['tooltip-text'],
+    "tooltip-text": props['tooltip-text']
+  }, React.createElement(Checkbox, {
     value: props.value,
     disabled: props.disabled,
     onChange: props.onChange,
     theme: props.theme
-  }), typeof props.label === 'string' ? React.createElement("span", Object.assign({}, props.spanProps, {
+  })), React.createElement("span", Object.assign({}, props.spanProps, {
+    className: getMergedClassNames([rootClassName$1w + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
     style: style,
     onClick: function onClick(evt) {
-      var _props$spanProps2;
+      var _props$spanProps3;
 
       if (props.anchorLabelToCheckbox) {
         props.onChange(!props.value);
       }
 
-      (_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.onClick(evt);
+      (_props$spanProps3 = props.spanProps) === null || _props$spanProps3 === void 0 ? void 0 : _props$spanProps3.onClick(evt);
     }
-  }), props.label) : props.label);
+  }), props.label));
 };
 
 var rootClassName$1x = 'component-table';
@@ -9836,7 +9845,7 @@ function TableWithOverflow(props) {
     body();
     midWith();
   }, [props.lines, props.columns]);
-  useLayoutEffect(function () {
+  useEffect(function () {
     var func = function func() {
       attWidth();
       header();
@@ -9849,7 +9858,7 @@ function TableWithOverflow(props) {
       window.removeEventListener('resize', func);
     };
   }, []);
-  useLayoutEffect(function () {
+  useEffect(function () {
     var element = document.querySelector("#" + id + " ." + rootClassName$1A + "-table ." + rootClassName$1A + "-mid");
     var pos = {
       left: 0,
@@ -9909,7 +9918,9 @@ function TableWithOverflow(props) {
       var column = Array.from(props.columns).find(function (c) {
         return c.key === cell[0];
       });
-      return (column === null || column === void 0 ? void 0 : column.key) === 'actions' ? React.createElement("td", null) : React.createElement("td", Object.assign({
+      return (column === null || column === void 0 ? void 0 : column.key) === 'actions' ? React.createElement("td", {
+        key: fakeId + "-actions"
+      }) : React.createElement("td", Object.assign({
         key: cell[1].key ? cell[1].key : valueIndex
       }, column === null || column === void 0 ? void 0 : column.props, cell[1].props), cell[1]);
     }), React.createElement("td", null));