plataforma-fundacao-componentes 2.25.6 → 2.25.7

package/dist/components/paginator/Paginator.stories.d.ts

@@ -9,6 +9,7 @@ export namespace Example {
         export const quantidadeDePaginas: number;
         export const limiter: number;
         export const maxLength: number;
+        export const loading: boolean;
     }
 }
 export function ExampleWithInteraction(): import("react").JSX.Element;

package/dist/index.css

@@ -5311,37 +5311,46 @@ header.component-header {
     justify-content: center;
     margin-left: auto;
     margin-right: auto; }
-    .component-paginator .component-paginator-center-content .component-paginator-numbers {
-      overflow-x: auto;
-      display: flex; }
-      .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number {
-        -webkit-user-select: none;
-           -moz-user-select: none;
-                user-select: none;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        -webkit-appearance: none;
-        -moz-appearance: none;
-             appearance: none;
-        border: none;
-        outline: none;
-        background-color: rgba(0, 0, 0, 0);
-        color: #323c32;
-        cursor: pointer;
-        padding: 2px;
-        border-radius: 200px;
-        width: 25px;
-        height: 25px;
-        font-size: 16px;
-        font-weight: 500;
-        transition: background-color 0.3s ease, color 0.3s ease; }
-        .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number:hover {
-          background-color: #f3f5f1; }
-        .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number.active {
-          cursor: default;
-          background-color: #3fa110;
-          color: #fefefe; }
+    .component-paginator .component-paginator-center-content > div {
+      display: flex;
+      align-items: center;
+      visibility: visible;
+      opacity: 1;
+      transition: 0.3s ease; }
+      .component-paginator .component-paginator-center-content > div.hidden {
+        visibility: hidden;
+        opacity: 0; }
+      .component-paginator .component-paginator-center-content > div .component-paginator-numbers {
+        overflow-x: auto;
+        display: flex; }
+        .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number {
+          -webkit-user-select: none;
+             -moz-user-select: none;
+                  user-select: none;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          -webkit-appearance: none;
+          -moz-appearance: none;
+               appearance: none;
+          border: none;
+          outline: none;
+          background-color: rgba(0, 0, 0, 0);
+          color: #323c32;
+          cursor: pointer;
+          padding: 2px;
+          border-radius: 200px;
+          width: 25px;
+          height: 25px;
+          font-size: 16px;
+          font-weight: 500;
+          transition: background-color 0.3s ease, color 0.3s ease; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number:hover {
+            background-color: #f3f5f1; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number.active {
+            cursor: default;
+            background-color: #3fa110;
+            color: #fefefe; }
     .component-paginator .component-paginator-center-content .component-paginator-loader {
       position: absolute;
       top: 0;
@@ -5351,8 +5360,8 @@ header.component-header {
       display: flex;
       align-items: center;
       justify-content: center;
-      background-color: #f8f9f7;
-      opacity: 1; }
+      opacity: 1;
+      transition: 0.3s ease; }
       .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter {
         opacity: 0; }
       .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter-active {
@@ -5598,12 +5607,18 @@ h5 {
   .pagination-component .paginationContainer {
     display: flex;
     align-items: center;
+    transition: 0.3s ease;
+    opacity: 1;
+    visibility: visible;
     list-style-type: none;
     gap: 12px;
     color: #3fa110;
     margin: 0;
     padding: 0;
     position: relative; }
+    .pagination-component .paginationContainer.hidden {
+      opacity: 0;
+      visibility: hidden; }
     .pagination-component .paginationContainer .paginationItem {
       display: flex;
       align-items: center;
@@ -5649,8 +5664,7 @@ h5 {
           width: 100%;
           background: #33820d;
           border-radius: 2px;
-          transition: 0.3s ease-in-out;
-          z-index: -1; }
+          transition: 0.3s ease-in-out; }
       .pagination-component .paginationContainer .paginationItem:active {
         transform: scale(0.9); }
       .pagination-component .paginationContainer .paginationItem.disabled {
@@ -5682,7 +5696,6 @@ h5 {
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: #f8f9f7;
     opacity: 1; }
     .pagination-component .paginationContainerLoader.enter {
       opacity: 0; }

package/dist/index.js

@@ -70,8 +70,8 @@ var AddIcon = function AddIcon() {
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
-    "fill-rule": 'evenodd',
-    "clip-rule": 'evenodd',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
     d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM17 11.5C17.2761 11.5 17.5 11.7239 17.5 12C17.5 12.2455 17.3231 12.4496 17.0899 12.4919L17 12.5H12.5V17C12.5 17.2761 12.2761 17.5 12 17.5C11.7545 17.5 11.5504 17.3231 11.5081 17.0899L11.5 17V12.5H7C6.72386 12.5 6.5 12.2761 6.5 12C6.5 11.7545 6.67688 11.5504 6.91012 11.5081L7 11.5H11.5V7C11.5 6.72386 11.7239 6.5 12 6.5C12.2455 6.5 12.4496 6.67688 12.4919 6.91012L12.5 7V11.5H17Z',
     fill: 'currentColor'
   }));
@@ -9028,11 +9028,14 @@ function Paginator(props) {
     }
     setArrOfNumbers(arr);
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
+  console.log(props.loading);
   return React$1__default.createElement("div", {
     id: props.id ? props.id : undefined,
     className: getMergedClassNames([rootClassName$2i, props.className || ''])
   }, React$1__default.createElement("div", {
     className: rootClassName$2i + "-center-content"
+  }, React$1__default.createElement("div", {
+    className: props.loading ? "hidden" : ''
   }, props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
     className: rootClassName$2i + "-left-arrow"
   }, React$1__default.createElement(IconButton$1, {
@@ -9065,7 +9068,7 @@ function Paginator(props) {
       }
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
-  })) : undefined, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
+  })) : undefined), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     classNames: rootClassName$2i + "-loader",
     "in": props.loading,
     timeout: 300,
@@ -9396,7 +9399,7 @@ var Pagination = function Pagination(props) {
     }
     return React$1__default.createElement("ul", {
       key: index,
-      className: 'paginationContainer'
+      className: getMergedClassNames(['paginationContainer', loading ? 'hidden' : ''])
     }, children);
   }), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": loading,
@@ -44129,8 +44132,8 @@ var DecreaseIcon = function DecreaseIcon() {
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
-    "fill-rule": 'evenodd',
-    "clip-rule": 'evenodd',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
     d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
     fill: 'currentColor'
   }));