componenteshospitais 4.5.5 → 4.5.7

package/dist/cjs/index.js

@@ -17006,7 +17006,7 @@ var TableStandardButtons = function (_a) {
                 React.createElement("thead", null,
                     React.createElement("tr", { className: "".concat(styles$2.row, " ").concat(borderColor ? styles$2.cellBorder : '') }, Object.keys(dados[0] || {})
                         .filter(function (key) { var _a; return ((_a = dados[0][key]) === null || _a === void 0 ? void 0 : _a.typeColumn) !== 'hidden'; }) // Filtra as colunas com 'hidden'
-                        .map(function (key) { return (React.createElement("th", { key: key, className: styles$2.header, style: { padding: cellsPadding ? "".concat(cellsPadding, "px") : '', borderColor: borderColor ? borderColor : '' } }, key !== 'menu' && key !== '' && key.charAt(0).toUpperCase() + key.slice(1))); }))),
+                        .map(function (key) { return (React.createElement("th", { key: key, className: styles$2.header, style: { padding: cellsPadding ? "".concat(cellsPadding, "px") : '', borderColor: borderColor ? borderColor : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' } }, key !== 'menu' && key !== '' && key.charAt(0).toUpperCase() + key.slice(1))); }))),
                 React.createElement("tbody", { className: "".concat(linhasZebradas || empresa === '6' ? styles$2.linhasZebradas : '') }, currentItems.map(function (row, index) { return (React.createElement("tr", { key: index, id: "id_".concat(index), className: "".concat(styles$2.row, " ").concat(selectedRow === row[idColumn] ? styles$2.activeRow : '', " ").concat(borderColor ? styles$2.cellBorder : ''), onClick: function () { return handleRowClick(row); }, style: { background: cor ? 'white' : '', cursor: onRowClick ? 'pointer' : '' } }, Object.keys(row).filter(function (key) { var _a; return ((_a = row[key]) === null || _a === void 0 ? void 0 : _a.typeColumn) !== 'hidden'; }).map(function (key, i) {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
                     return (React.createElement("td", { key: i, className: "".concat(styles$2.cell, " ").concat(row[key].typeColumn && row[key].typeColumn === 'img' ? styles$2.center : ''), style: { padding: cellsPadding ? "".concat(cellsPadding, "px") : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '', borderColor: borderColor ? borderColor : '', backgroundColor: row[key].backgroundCell ? row[key].backgroundCell : '' } },

package/dist/esm/index.js

@@ -17004,7 +17004,7 @@ var TableStandardButtons = function (_a) {
                 React.createElement("thead", null,
                     React.createElement("tr", { className: "".concat(styles$2.row, " ").concat(borderColor ? styles$2.cellBorder : '') }, Object.keys(dados[0] || {})
                         .filter(function (key) { var _a; return ((_a = dados[0][key]) === null || _a === void 0 ? void 0 : _a.typeColumn) !== 'hidden'; }) // Filtra as colunas com 'hidden'
-                        .map(function (key) { return (React.createElement("th", { key: key, className: styles$2.header, style: { padding: cellsPadding ? "".concat(cellsPadding, "px") : '', borderColor: borderColor ? borderColor : '' } }, key !== 'menu' && key !== '' && key.charAt(0).toUpperCase() + key.slice(1))); }))),
+                        .map(function (key) { return (React.createElement("th", { key: key, className: styles$2.header, style: { padding: cellsPadding ? "".concat(cellsPadding, "px") : '', borderColor: borderColor ? borderColor : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' } }, key !== 'menu' && key !== '' && key.charAt(0).toUpperCase() + key.slice(1))); }))),
                 React.createElement("tbody", { className: "".concat(linhasZebradas || empresa === '6' ? styles$2.linhasZebradas : '') }, currentItems.map(function (row, index) { return (React.createElement("tr", { key: index, id: "id_".concat(index), className: "".concat(styles$2.row, " ").concat(selectedRow === row[idColumn] ? styles$2.activeRow : '', " ").concat(borderColor ? styles$2.cellBorder : ''), onClick: function () { return handleRowClick(row); }, style: { background: cor ? 'white' : '', cursor: onRowClick ? 'pointer' : '' } }, Object.keys(row).filter(function (key) { var _a; return ((_a = row[key]) === null || _a === void 0 ? void 0 : _a.typeColumn) !== 'hidden'; }).map(function (key, i) {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
                     return (React.createElement("td", { key: i, className: "".concat(styles$2.cell, " ").concat(row[key].typeColumn && row[key].typeColumn === 'img' ? styles$2.center : ''), style: { padding: cellsPadding ? "".concat(cellsPadding, "px") : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '', borderColor: borderColor ? borderColor : '', backgroundColor: row[key].backgroundCell ? row[key].backgroundCell : '' } },

package/dist/types/components/Carregando.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface CarregandoProps {
+    empresa: '1' | '2' | '3' | '4' | '5' | '6';
+}
+declare const Carregando: React.FC<CarregandoProps>;
+export default Carregando;

package/dist/types/stories/Carregando.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CarregandoProps } from '../components/Carregando';
+declare const meta: Meta<CarregandoProps>;
+export default meta;
+export declare const Primary: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, CarregandoProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteshospitais",
-  "version": "4.5.5",
+  "version": "4.5.7",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/Carregando.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import styles from '../styles/carregando.module.css';
+import { GoDotFill } from 'react-icons/go';
+
+export interface CarregandoProps {
+    empresa: '1' | '2' | '3' | '4' | '5' | '6';
+}
+
+const Carregando: React.FC<CarregandoProps> = ({
+    empresa,
+}) => {
+
+    const empresaClass = empresa ? styles[`empresa${empresa}`] : '';
+
+    return (
+        <>
+            <div className={`${empresaClass} ${styles.gifCarregando}`}>
+                <GoDotFill fontSize={30} className={`${styles.dot} ${styles.dot1}`}/>
+                <GoDotFill fontSize={30} className={`${styles.dot} ${styles.dot2}`}/>
+                <GoDotFill fontSize={30} className={`${styles.dot} ${styles.dot3}`}/>
+                <GoDotFill fontSize={30} className={`${styles.dot} ${styles.dot4}`}/>
+                <GoDotFill fontSize={30} className={`${styles.dot} ${styles.dot5}`}/>
+            </div> 
+        </>
+    );
+};
+
+export default Carregando;

package/src/components/TableStandardButtons.tsx

@@ -309,7 +309,7 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
                                 <th 
                                     key={key} 
                                     className={styles.header}
-                                    style={{padding: cellsPadding ? `${cellsPadding}px` : '', borderColor: borderColor ? borderColor : ''}}
+                                    style={{padding: cellsPadding ? `${cellsPadding}px` : '', borderColor: borderColor ? borderColor : '',  borderRadius: borderRadius ? `${borderRadius}px` : ''}}
                                 >
                                     {key !== 'menu' && key !== '' && key.charAt(0).toUpperCase() + key.slice(1)}
                                 </th>

package/src/stories/Carregando.stories.tsx

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import { Meta, StoryFn } from '@storybook/react';
+import Carregando, {CarregandoProps} from '../components/Carregando';
+
+const meta: Meta<CarregandoProps> = {
+    title: 'Components/CarregandoField',
+    component: Carregando,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+            empresa: {
+            control: { type: 'radio', options: ['1', '3', '4', '5', '6'] },
+            description: 'Define o estilo da empresa aplicado ao botão',
+        },
+    },
+};
+
+export default meta;
+
+const Template: StoryFn<CarregandoProps> = (args: any) => {
+    const [value, setValue] = useState(args.value || '');
+
+    return <Carregando {...args} value={value} />;
+};
+
+// História principal (Primary)
+export const Primary = Template.bind({});
+Primary.args = {
+    empresa: '1'
+};

package/src/stories/TableStandardButtons.stories.tsx

@@ -120,7 +120,7 @@ const teste = (rowId:any, checked:any) => {
 
 }
 
-const Template: StoryFn<TableStandardButtonsProps> = (args: any) => <TableStandardButtons {...args} onCheckboxChange={teste} linhasZebradas empresa='6' onPageChange={2}/>;
+const Template: StoryFn<TableStandardButtonsProps> = (args: any) => <TableStandardButtons {...args} onCheckboxChange={teste} linhasZebradas empresa='1' onPageChange={2}/>;
 
 // Definição dos dados de exemplo para a tabela
 const sampleData: Data[] = [
@@ -138,7 +138,7 @@ const sampleData: Data[] = [
                 iconButton: '', 
                 colorButton: '', 
                 initialValue: '', 
-                borderRadius: '5', 
+                borderRadius: '20', 
                 menus: [
                     {nome: 'Preencher/Emitir AF', onClick: (rowId)=>alert(rowId), disabled: true}, 
                     {nome: 'hr'}, 
@@ -321,6 +321,7 @@ Primary.args = {
     dados: sampleData,
     numeroPaginas: 5,
     empresa: '1',
+    borderRadius: '0'
 };
 
 // História com botão de download do Excel

package/src/styles/carregando.module.css

@@ -0,0 +1,59 @@
+
+.gifCarregando{
+    margin: 10px 0;
+}
+
+.dot {
+    opacity: 0;
+    animation: fadeInOut 2s infinite;
+}
+
+.dot1 { 
+    animation-delay: 0s; 
+}
+
+.dot2 { 
+    animation-delay: 0.3s; 
+}
+
+.dot3 { 
+    animation-delay: 0.6s; 
+}
+
+.dot4 { 
+    animation-delay: 0.9s; 
+}
+
+.dot5 { 
+    animation-delay: 1.2s; 
+}
+
+/* Cores */
+.empresa1 .dot{
+    color: var(--blue);
+}
+
+.empresa2 .dot{
+    color: var(--regionalPrincipal);
+}
+
+.empresa3 .dot{
+    color: var(--green);
+}
+
+.empresa4 .dot{
+    color: var(--red);
+}
+
+.empresa5 .dot{
+    color: var(--cartaoGreen);
+}
+
+.empresa6 .dot{
+    color: var(--sistemaSaudeBlue);
+}
+
+@keyframes fadeInOut {
+    0%, 100% { opacity: 0; }
+    50% { opacity: 1; }
+}