frst-components 0.28.4 → 0.28.5

package/dist/index.js

@@ -19011,36 +19011,40 @@ const pageButtonList = styled__default["default"].div `
     flex-direction: row;
     gap: 8px;
 `;
-const buttonPage = styled__default["default"].div `
+const ButtonPage = styled__default["default"].div `
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 40px;
     height: 40px;
-
     padding: 12px;
     border-radius: 6px;
     cursor: pointer;
 
     user-select: none;
-    font-family: 'PT Sans';
+    font-family: 'PT Sans', sans-serif;
     font-size: 16px;
     font-weight: 700;
-    color: ${(props) => props.selected ? props.theme.colors.shadeWhite : props.theme.colors.neutralsGrey1};
-    background-color: ${(props) => props.selected ? props.theme.colors.primary1 : props.theme.colors.neutralsGrey6};
-    
-    ${(props) => !props.disabled && styled.css `
-        &:hover{
-            color: ${({ theme }) => theme.colors.shadeWhite};
-            background-color: ${({ theme }) => theme.colors.primary3};
-        }
-    `};
 
-    ${(props) => props.disabled && styled.css `
-        color: ${({ theme }) => theme.colors.linkDisabled};
-        cursor: not-allowed
-    `};
+    color: ${({ selected, theme }) => selected ? theme.colors.shadeWhite : theme.colors.neutralsGrey1};
+
+    background-color: ${({ selected, theme, backgroundColor }) => selected
+    ? (backgroundColor || theme.colors.primary1)
+    : (backgroundColor || theme.colors.neutralsGrey6)};
+
+    ${({ disabled, theme }) => !disabled &&
+    styled.css `
+            &:hover {
+                color: ${theme.colors.shadeWhite};
+                background-color: ${theme.colors.primary3};
+            }
+        `}
     
+    ${({ disabled, theme }) => disabled &&
+    styled.css `
+            color: ${theme.colors.linkDisabled};
+            cursor: not-allowed;
+        `}
 `;
 
 function Pagination(props) {
@@ -19114,12 +19118,7 @@ function Pagination(props) {
         }
         setPaginationElements(elements);
     };
-    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(containerPagination, { style: { ...props.style }, id: 'container-pagination', children: [jsxRuntime.jsx(contentPagination, { id: 'content-pagination', children: props.children }), !IsLoading && Refresh > 0 &&
-                    jsxRuntime.jsxs(pageButtonList, { id: 'page-button-list', children: [props.showFirstLastButton ?
-                                jsxRuntime.jsx(buttonPage, { disabled: activePage === 0, onClick: () => activePage > 0 && handleSwitchPage(0), selected: false, children: props.textFirstButton ? props.textFirstButton : 'Primeiro' })
-                                : null, jsxRuntime.jsx(buttonPage, { disabled: activePage === 0, onClick: () => activePage > 0 && handleSwitchPage(activePage - 1), selected: false, children: jsxRuntime.jsx(BackArrow, { width: '16', height: '16', fill: 'currentColor' }) }), paginationElements.map((item, index) => jsxRuntime.jsx(buttonPage, { disabled: item === '...', onClick: () => item != '...' && handleSwitchPage(item - 1), selected: activePage === item - 1, children: item }, index)), jsxRuntime.jsx(buttonPage, { disabled: activePage === totalPages - 1, onClick: () => activePage < totalPages - 1 && handleSwitchPage(activePage + 1), selected: false, children: jsxRuntime.jsx(FowardArrow, { width: '18', height: '18', fill: 'currentColor' }) }), props.showFirstLastButton ?
-                                jsxRuntime.jsx(buttonPage, { disabled: activePage === totalPages - 1, onClick: () => activePage < totalPages - 1 && handleSwitchPage(totalPages - 1), selected: false, children: props.textLastButton ? props.textLastButton : 'Último' })
-                                : null] })] }) }));
+    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(containerPagination, { style: { ...props.style }, id: "container-pagination", children: [jsxRuntime.jsx(contentPagination, { id: "content-pagination", children: props.children }), !IsLoading && Refresh > 0 && (jsxRuntime.jsxs(pageButtonList, { id: "page-button-list", children: [props.showFirstLastButton ? (jsxRuntime.jsx(ButtonPage, { disabled: activePage === 0, onClick: () => activePage > 0 && handleSwitchPage(0), selected: false, backgroundColor: props.buttonBackgroundColor, children: props.textFirstButton ? props.textFirstButton : 'Primeiro' })) : null, jsxRuntime.jsx(ButtonPage, { disabled: activePage === 0, onClick: () => activePage > 0 && handleSwitchPage(activePage - 1), selected: false, backgroundColor: props.buttonBackgroundColor, children: jsxRuntime.jsx(BackArrow, { width: "16", height: "16", fill: "currentColor" }) }), paginationElements.map((item, index) => (jsxRuntime.jsx(ButtonPage, { disabled: item === '...', onClick: () => item != '...' && handleSwitchPage(item - 1), selected: activePage === item - 1, backgroundColor: props.buttonBackgroundColor, children: item }, index))), jsxRuntime.jsx(ButtonPage, { disabled: activePage === totalPages - 1, onClick: () => activePage < totalPages - 1 && handleSwitchPage(activePage + 1), selected: false, backgroundColor: props.buttonBackgroundColor, children: jsxRuntime.jsx(FowardArrow, { width: "18", height: "18", fill: "currentColor" }) }), props.showFirstLastButton ? (jsxRuntime.jsx(ButtonPage, { disabled: activePage === totalPages - 1, onClick: () => activePage < totalPages - 1 && handleSwitchPage(totalPages - 1), selected: false, backgroundColor: props.buttonBackgroundColor, children: props.textLastButton ? props.textLastButton : 'Último' })) : null] }))] }) }));
 }
 
 const containerThumbContent = styled__default["default"].div `

package/dist/src/components/IJ/pagination/index.d.ts

@@ -1,16 +1,7 @@
 /// <reference types="react" />
 interface IPagination {
-    /**
-     * @prop {number} totalRegistry: Quantidade total de registros a serem paginados
-     */
     totalRegistry: number;
-    /**
-     * @prop {number} registryPerPage: Quantidade de registros a serem exibidos por página
-     */
     registryPerPage: number;
-    /**
-     * @prop {number} qtdNumberShowPagination: Quantidade de botões a serem exibidos na paginação
-     */
     qtdNumberShowPagination: number;
     showFirstLastButton?: boolean;
     isLoading?: boolean;
@@ -19,6 +10,7 @@ interface IPagination {
     children: React.ReactNode;
     onLoadPage: (page: number) => void;
     style?: React.CSSProperties;
+    buttonBackgroundColor?: string;
 }
 export default function Pagination(props: IPagination): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/IJ/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/pagination/index.tsx"],"names":[],"mappings":";AAMA,UAAU,WAAW;IACjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,uBAAuB,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,CAAC,IAAI,EAAG,MAAM,KAAK,IAAI,CAAA;IAEnC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAE9B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,KAAK,EAAG,WAAW,2CA0HtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/pagination/index.tsx"],"names":[],"mappings":";AAMA,UAAU,WAAW;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,WAAW,2CAyIpD"}

package/dist/src/components/IJ/pagination/paginationStyles.d.ts

@@ -1,10 +1,11 @@
-interface buttonProps {
+interface ButtonProps {
     selected: boolean;
     disabled: boolean;
+    backgroundColor?: string;
 }
 export declare const containerPagination: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const contentPagination: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const pageButtonList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const buttonPage: import("styled-components").StyledComponent<"div", any, buttonProps, never>;
+export declare const ButtonPage: import("styled-components").StyledComponent<"div", any, ButtonProps, never>;
 export {};
 //# sourceMappingURL=paginationStyles.d.ts.map

package/dist/src/components/IJ/pagination/paginationStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/pagination/paginationStyles.ts"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,oEAK/B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAM1B,CAAA;AAED,eAAO,MAAM,UAAU,6EA8BtB,CAAA"}
+{"version":3,"file":"paginationStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/pagination/paginationStyles.ts"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,oEAK/B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAM1B,CAAA;AAED,eAAO,MAAM,UAAU,6EAsCtB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "frst-components",
     "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-    "version": "0.28.4",
+    "version": "0.28.5",
     "private": false,
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",