componenteshospitais 4.0.3 → 4.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +22 -22
- package/dist/esm/index.js +22 -22
- package/dist/types/components/TableStandard.d.ts +1 -0
- package/dist/types/stories/InputField.stories.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/TableStandard.tsx +5 -3
- package/src/components/TableStandardButtons.tsx +39 -38
- package/src/stories/InputField.stories.tsx +11 -0
- package/src/stories/TableStandardButtons.stories.tsx +2 -2
- package/src/styles/input.module.css +1 -0
- package/src/styles/tableStandard.module.css +2 -1
package/dist/cjs/index.js
CHANGED
|
@@ -116,7 +116,7 @@ var CardImage = function (_a) {
|
|
|
116
116
|
React.createElement("span", { className: styles$8.cardText }, fileName ? fileName : 'Selecione um arquivo'))) : (href ? (React.createElement("a", { href: href, target: externo ? "_blank" : "_self", rel: externo ? "noopener noreferrer" : undefined, className: "".concat(styles$8.botaoCert), title: href, style: { width: '100%', height: '100%' } }, content)) : (React.createElement("div", { className: "".concat(styles$8.botaoCert), onClick: handleActionClick, style: { width: '100%', height: '100%' } }, content)))));
|
|
117
117
|
};
|
|
118
118
|
|
|
119
|
-
var css_248z$7 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_iconInputRight__LNZuW{padding-right:10px;position:absolute;right:0;top:.9rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj{background-color:var(--sistemaSaudeBlue)}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj:hover{background-color:var(--sistemaSaudeBlueHover)}.input-module_empresa6__BijLK .input-module_iconInputRight__LNZuW,.input-module_empresa6__BijLK .input-module_iconInput__Vw-FI{color:var(--sistemaSaudeBlue)}.input-module_empresa6__BijLK .input-module_inputPadrao__jypjY{border:none;border-radius:0}.input-module_empresa1__bxBov .input-module_iconButton__o-C4y,.input-module_empresa3__RU89A .input-module_iconButton__o-C4y,.input-module_empresa4__rWmWH .input-module_iconButton__o-C4y,.input-module_empresa5__rJ8DJ .input-module_iconButton__o-C4y{color:#fff}";
|
|
119
|
+
var css_248z$7 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_iconInputRight__LNZuW{padding-right:10px;position:absolute;right:0;top:.9rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj{background-color:var(--sistemaSaudeBlue);border-radius:5px}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj:hover{background-color:var(--sistemaSaudeBlueHover)}.input-module_empresa6__BijLK .input-module_iconInputRight__LNZuW,.input-module_empresa6__BijLK .input-module_iconInput__Vw-FI{color:var(--sistemaSaudeBlue)}.input-module_empresa6__BijLK .input-module_inputPadrao__jypjY{border:none;border-radius:0}.input-module_empresa1__bxBov .input-module_iconButton__o-C4y,.input-module_empresa3__RU89A .input-module_iconButton__o-C4y,.input-module_empresa4__rWmWH .input-module_iconButton__o-C4y,.input-module_empresa5__rJ8DJ .input-module_iconButton__o-C4y{color:#fff}";
|
|
120
120
|
var styles$7 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputWrapper":"input-module_inputWrapper__oqH8F","inputPadrao":"input-module_inputPadrao__jypjY","searchIcon":"input-module_searchIcon__miuBI","passwordToggleIcon":"input-module_passwordToggleIcon__D8cEc","iconInput":"input-module_iconInput__Vw-FI","iconInputRight":"input-module_iconInputRight__LNZuW","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH","empresa5":"input-module_empresa5__rJ8DJ","empresa6":"input-module_empresa6__BijLK","iconButton":"input-module_iconButton__o-C4y"};
|
|
121
121
|
styleInject(css_248z$7);
|
|
122
122
|
|
|
@@ -16369,12 +16369,12 @@ var utils/*:any*/ = {
|
|
|
16369
16369
|
}
|
|
16370
16370
|
};
|
|
16371
16371
|
|
|
16372
|
-
var css_248z$2 = ".tableStandard-module_tableContainer__W2g84{margin-bottom:1rem;width:100%}.tableStandard-module_tableResponsive__Y1o-v{overflow-x:auto}.tableStandard-module_row__Y-JlA{background-color:#e2e2e2;border-radius:10px;margin-bottom:.5rem;width:100%}.tableStandard-module_header__csH11{border-radius:7px;color:#fff;padding:1rem}.tableStandard-module_cell__EuhF4{border-radius:7px;flex:1;max-width:200rem;padding:1rem;text-align:center}.tableStandard-module_cellBorder__NWT-Y td,.tableStandard-module_cellBorder__NWT-Y th{border-style:solid;border-width:0 0 1px 1px}.tableStandard-module_cellBorder__NWT-Y td:last-child{border-right-width:1px}.tableStandard-module_semResultados__vwxkQ{justify-content:center}.tableStandard-module_center__F69HU{align-items:center;display:flex;justify-content:center;text-align:center}.tableStandard-module_tableNormal__ycOqt{display:block}.tableStandard-module_cellIconEye__JG88z{display:flex;justify-content:center}.tableStandard-module_icon__OiGeS{color:#fff;cursor:pointer;font-size:25px}.tableStandard-module_iconEye__3Jo-8{cursor:pointer;font-size:15px;position:absolute;right:-5px}.tableStandard-module_boxFiltros__nzimU{display:flex;width:100%}.tableStandard-module_boxFiltros__nzimU div{background-color:#e2e2e2;border-radius:8px;color:var(--sistemaSaudeBlue);display:flex;margin-bottom:5px;margin-right:5px;padding:10px;width:100%}.tableStandard-module_boxFiltros__nzimU div label{align-items:center;display:flex;flex-grow:1;font-size:1em;font-weight:700;margin-left:8px;width:50%}.tableStandard-module_boxFiltros__nzimU img{height:auto;vertical-align:middle}.tableStandard-module_formFiltros__SZ6Jj{margin:1rem}.tableStandard-module_excelWrapper__eRjJM{display:flex;justify-content:flex-start;margin-bottom:1rem}.tableStandard-module_actionButton__KCnWY,.tableStandard-module_trashButton__CjJDh{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_trashButton__CjJDh{background-color:var(--red)}.tableStandard-module_trashButton__CjJDh:hover{background-color:var(--blue)}.tableStandard-module_downloadButton__cpITl{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_downloadButton__cpITl:hover{background-color:#038d03}.tableStandard-module_formGroupRadio__4x2bh{align-items:center;display:flex;gap:10px;justify-content:center}.tableStandard-module_formGroupRadio__4x2bh input[type=checkbox]{cursor:pointer}.tableStandard-module_formGroupRadio__4x2bh div{width:auto}.tableStandard-module_img__Ot8rP{max-width:20rem;width:100px}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(2n){background-color:#fff}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(odd){background-color:#e2e2e2}.tableStandard-module_tooltip__uBBJu{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;max-width:
|
|
16372
|
+
var css_248z$2 = ".tableStandard-module_tableContainer__W2g84{margin-bottom:1rem;width:100%}.tableStandard-module_tableResponsive__Y1o-v{overflow-x:auto}.tableStandard-module_row__Y-JlA{background-color:#e2e2e2;border-radius:10px;margin-bottom:.5rem;width:100%}.tableStandard-module_header__csH11{border-radius:7px;color:#fff;padding:1rem}.tableStandard-module_cell__EuhF4{border-radius:7px;flex:1;max-width:200rem;padding:1rem;text-align:center}.tableStandard-module_cellBorder__NWT-Y td,.tableStandard-module_cellBorder__NWT-Y th{border-style:solid;border-width:0 0 1px 1px}.tableStandard-module_cellBorder__NWT-Y td:last-child{border-right-width:1px}.tableStandard-module_semResultados__vwxkQ{justify-content:center}.tableStandard-module_center__F69HU{align-items:center;display:flex;justify-content:center;text-align:center}.tableStandard-module_tableNormal__ycOqt{display:block}.tableStandard-module_cellIconEye__JG88z{display:flex;justify-content:center}.tableStandard-module_icon__OiGeS{color:#fff;cursor:pointer;font-size:25px}.tableStandard-module_iconEye__3Jo-8{cursor:pointer;font-size:15px;position:absolute;right:-5px}.tableStandard-module_boxFiltros__nzimU{display:flex;width:100%}.tableStandard-module_boxFiltros__nzimU div{background-color:#e2e2e2;border-radius:8px;color:var(--sistemaSaudeBlue);display:flex;margin-bottom:5px;margin-right:5px;padding:10px;width:100%}.tableStandard-module_boxFiltros__nzimU div label{align-items:center;display:flex;flex-grow:1;font-size:1em;font-weight:700;margin-left:8px;width:50%}.tableStandard-module_boxFiltros__nzimU img{height:auto;vertical-align:middle}.tableStandard-module_formFiltros__SZ6Jj{margin:1rem}.tableStandard-module_excelWrapper__eRjJM{display:flex;justify-content:flex-start;margin-bottom:1rem}.tableStandard-module_actionButton__KCnWY,.tableStandard-module_trashButton__CjJDh{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_trashButton__CjJDh{background-color:var(--red)}.tableStandard-module_trashButton__CjJDh:hover{background-color:var(--blue)}.tableStandard-module_downloadButton__cpITl{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_downloadButton__cpITl:hover{background-color:#038d03}.tableStandard-module_formGroupRadio__4x2bh{align-items:center;display:flex;gap:10px;justify-content:center}.tableStandard-module_formGroupRadio__4x2bh input[type=checkbox]{cursor:pointer}.tableStandard-module_formGroupRadio__4x2bh div{width:auto}.tableStandard-module_img__Ot8rP{max-width:20rem;width:100px}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(2n){background-color:#fff}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(odd){background-color:#e2e2e2}.tableStandard-module_tooltip__uBBJu{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;max-width:500px;padding:15px;position:absolute;white-space:pre-wrap;z-index:1000}.tableStandard-module_tooltip__uBBJu span{cursor:pointer;display:flex;justify-content:flex-end}.tableStandard-module_tooltip__uBBJu p{font-size:14px;margin:0}.tableStandard-module_menuWrapper__o-dVQ{display:inline-block;position:relative}.tableStandard-module_menuContainer__P2TJ4{background-color:#fff;display:flex;flex-direction:column;min-width:150px;padding:10px;position:absolute;right:100%;top:0;z-index:1001}.tableStandard-module_menu__TOGlS{border-radius:4px;color:var(--principal);cursor:pointer;padding:5px;text-align:left}.tableStandard-module_menuDisabled__wGPxc{color:#d3d3d3;cursor:default}.tableStandard-module_hr__qokcx{border:1px solid #bdbcbc;width:100%}.tableStandard-module_pagination__oaWb4{display:flex;margin-top:20px;max-width:100%;overflow-x:auto;padding-bottom:20px}.tableStandard-module_pageButton__lfOmY{background-color:#e2e2e2;border-color:transparent;border-radius:5px;cursor:pointer;margin:0 5px;padding:5px 10px}.tableStandard-module_activePage__qVqau{border-color:transparent;border-radius:5px;color:#fff;font-weight:700}.tableStandard-module_empresa1__c7Oac .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa1__c7Oac .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa1__c7Oac .tableStandard-module_header__csH11{background-color:var(--blue)}.tableStandard-module_empresa1__c7Oac .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa1__c7Oac .tableStandard-module_activePage__qVqau:hover{background-color:var(--red)}.tableStandard-module_empresa3__yaVfZ .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa3__yaVfZ .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa3__yaVfZ .tableStandard-module_header__csH11{background-color:var(--green)}.tableStandard-module_empresa3__yaVfZ .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa3__yaVfZ .tableStandard-module_activePage__qVqau:hover{background-color:var(--lightblue)}.tableStandard-module_empresa4__B-BBN .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa4__B-BBN .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa4__B-BBN .tableStandard-module_header__csH11{background-color:var(--red)}.tableStandard-module_empresa4__B-BBN .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa4__B-BBN .tableStandard-module_activePage__qVqau:hover{background-color:var(--blue)}.tableStandard-module_empresa5__2eHcX .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa5__2eHcX .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa5__2eHcX .tableStandard-module_header__csH11{background-color:var(--cartaoBlue)}.tableStandard-module_empresa5__2eHcX .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa5__2eHcX .tableStandard-module_activePage__qVqau:hover{background-color:var(--cartaoGreen)}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa6__u-Cqi .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa6__u-Cqi .tableStandard-module_header__csH11{background-color:var(--sistemaSaudeBlue)}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa6__u-Cqi .tableStandard-module_activePage__qVqau:hover{background-color:var(--sistemaSaudeRed)}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_cell__EuhF4{border-radius:0;padding:6px}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_header__csH11{border-radius:0;padding:10px}@media (max-width:1200px){.tableStandard-module_boxFiltros__nzimU,.tableStandard-module_campoFiltrar__d9juT{flex-direction:column;margin-right:1rem;width:auto}.tableStandard-module_caixaCadastroPadrao__3R2vG{width:100%}.tableStandard-module_conteudo__TK-TS{margin:4rem 0 4rem 8rem}.tableStandard-module_tableNormal__ycOqt{display:none}.tableStandard-module_tableResponsive__Y1o-v{display:block}}@media (max-width:950px){.tableStandard-module_campoFiltrar__d9juT{flex-direction:column;width:110%}.tableStandard-module_caixaCadastroPadrao__3R2vG{width:70%}.tableStandard-module_groupInputs__LF8sZ{width:auto}}@media (max-width:850px){.tableStandard-module_iconEye__3Jo-8{font-size:14px}}@media (max-width:600px){.tableStandard-module_caixaCadastroPadrao__3R2vG{width:100%}}@media (max-width:500px){.tableStandard-module_boxFiltros__nzimU div label,.tableStandard-module_labelCadastroPadrao__bfB4n{font-size:12px}.tableStandard-module_caixaCadastroPadrao__3R2vG{width:auto}}";
|
|
16373
16373
|
var styles$2 = {"tableContainer":"tableStandard-module_tableContainer__W2g84","tableResponsive":"tableStandard-module_tableResponsive__Y1o-v","row":"tableStandard-module_row__Y-JlA","header":"tableStandard-module_header__csH11","cell":"tableStandard-module_cell__EuhF4","cellBorder":"tableStandard-module_cellBorder__NWT-Y","semResultados":"tableStandard-module_semResultados__vwxkQ","center":"tableStandard-module_center__F69HU","tableNormal":"tableStandard-module_tableNormal__ycOqt","cellIconEye":"tableStandard-module_cellIconEye__JG88z","icon":"tableStandard-module_icon__OiGeS","iconEye":"tableStandard-module_iconEye__3Jo-8","boxFiltros":"tableStandard-module_boxFiltros__nzimU","formFiltros":"tableStandard-module_formFiltros__SZ6Jj","excelWrapper":"tableStandard-module_excelWrapper__eRjJM","actionButton":"tableStandard-module_actionButton__KCnWY","trashButton":"tableStandard-module_trashButton__CjJDh","downloadButton":"tableStandard-module_downloadButton__cpITl","formGroupRadio":"tableStandard-module_formGroupRadio__4x2bh","img":"tableStandard-module_img__Ot8rP","linhasZebradas":"tableStandard-module_linhasZebradas__vIFYK","tooltip":"tableStandard-module_tooltip__uBBJu","menuWrapper":"tableStandard-module_menuWrapper__o-dVQ","menuContainer":"tableStandard-module_menuContainer__P2TJ4","menu":"tableStandard-module_menu__TOGlS","menuDisabled":"tableStandard-module_menuDisabled__wGPxc","hr":"tableStandard-module_hr__qokcx","pagination":"tableStandard-module_pagination__oaWb4","pageButton":"tableStandard-module_pageButton__lfOmY","activePage":"tableStandard-module_activePage__qVqau","empresa1":"tableStandard-module_empresa1__c7Oac","empresa3":"tableStandard-module_empresa3__yaVfZ","empresa4":"tableStandard-module_empresa4__B-BBN","empresa5":"tableStandard-module_empresa5__2eHcX","empresa6":"tableStandard-module_empresa6__u-Cqi","campoFiltrar":"tableStandard-module_campoFiltrar__d9juT","caixaCadastroPadrao":"tableStandard-module_caixaCadastroPadrao__3R2vG","conteudo":"tableStandard-module_conteudo__TK-TS","groupInputs":"tableStandard-module_groupInputs__LF8sZ","labelCadastroPadrao":"tableStandard-module_labelCadastroPadrao__bfB4n"};
|
|
16374
16374
|
styleInject(css_248z$2);
|
|
16375
16375
|
|
|
16376
16376
|
var TableStandard = function (_a) {
|
|
16377
|
-
var dados = _a.dados, onRowClick = _a.onRowClick, _b = _a.idColumn, idColumn = _b === void 0 ? 'id' : _b, onActionClick = _a.onActionClick, onDownloadClick = _a.onDownloadClick, onViewClick = _a.onViewClick, _c = _a.showActionColumn, showActionColumn = _c === void 0 ? false : _c, _d = _a.showDownloadButton, showDownloadButton = _d === void 0 ? false : _d, _e = _a.showExcelDownloadButton, showExcelDownloadButton = _e === void 0 ? false : _e, _f = _a.showViewButton, showViewButton = _f === void 0 ? false : _f, _g = _a.cor, cor = _g === void 0 ? false : _g, _h = _a.numeroPaginas, numeroPaginas = _h === void 0 ? 10 : _h, empresa = _a.empresa, _j = _a.paginacao, paginacao = _j === void 0 ? true : _j, borderRadius = _a.borderRadius, borderColor = _a.borderColor, cellsPadding = _a.cellsPadding, cellSpacing = _a.cellSpacing, _k = _a.linhasZebradas, linhasZebradas = _k === void 0 ? false : _k, _l = _a.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, _m = _a.currentPage, currentPage = _m === void 0 ? 1 : _m, onPageChange = _a.onPageChange, _o = _a.showTrash, showTrash = _o === void 0 ? false : _o, onTrashClick = _a.onTrashClick, minWidth = _a.minWidth;
|
|
16377
|
+
var dados = _a.dados, onRowClick = _a.onRowClick, _b = _a.idColumn, idColumn = _b === void 0 ? 'id' : _b, onActionClick = _a.onActionClick, onDownloadClick = _a.onDownloadClick, onViewClick = _a.onViewClick, _c = _a.showActionColumn, showActionColumn = _c === void 0 ? false : _c, _d = _a.showDownloadButton, showDownloadButton = _d === void 0 ? false : _d, _e = _a.showExcelDownloadButton, showExcelDownloadButton = _e === void 0 ? false : _e, _f = _a.showViewButton, showViewButton = _f === void 0 ? false : _f, _g = _a.cor, cor = _g === void 0 ? false : _g, _h = _a.numeroPaginas, numeroPaginas = _h === void 0 ? 10 : _h, empresa = _a.empresa, _j = _a.paginacao, paginacao = _j === void 0 ? true : _j, borderRadius = _a.borderRadius, borderColor = _a.borderColor, cellsPadding = _a.cellsPadding, cellSpacing = _a.cellSpacing, _k = _a.linhasZebradas, linhasZebradas = _k === void 0 ? false : _k, _l = _a.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, _m = _a.currentPage, currentPage = _m === void 0 ? 1 : _m, onPageChange = _a.onPageChange, _o = _a.showTrash, showTrash = _o === void 0 ? false : _o, onTrashClick = _a.onTrashClick, minWidth = _a.minWidth, minHeight = _a.minHeight;
|
|
16378
16378
|
var _p = React.useState(null), selectedRow = _p[0], setSelectedRow = _p[1];
|
|
16379
16379
|
var _q = React.useState(currentPage), localPage = _q[0], setLocalPage = _q[1];
|
|
16380
16380
|
React.useEffect(function () {
|
|
@@ -16415,7 +16415,7 @@ var TableStandard = function (_a) {
|
|
|
16415
16415
|
for (var i = 1; i <= Math.ceil(dados.length / numeroPaginas); i++) {
|
|
16416
16416
|
pageNumbers.push(i);
|
|
16417
16417
|
}
|
|
16418
|
-
return (React.createElement("div", { className: styles$2.tableResponsive },
|
|
16418
|
+
return (React.createElement("div", { className: styles$2.tableResponsive, style: { minHeight: minHeight ? minHeight : '' } },
|
|
16419
16419
|
React.createElement("div", { style: { minWidth: minWidth ? "".concat(minWidth, "px") : '' }, className: empresaClass },
|
|
16420
16420
|
showExcelDownloadButton && (React.createElement("div", { className: styles$2.excelWrapper },
|
|
16421
16421
|
React.createElement("button", { onClick: handleDownloadClick, className: styles$2.downloadButton, type: 'button' },
|
|
@@ -16472,7 +16472,7 @@ var TableStandard = function (_a) {
|
|
|
16472
16472
|
onTrashClick(row[idColumn]);
|
|
16473
16473
|
}, className: styles$2.trashButton, title: "Excluir", type: 'button' },
|
|
16474
16474
|
React.createElement(FaRegTrashAlt, null)))))))); }))),
|
|
16475
|
-
paginacao && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, onClick: function () { return handlePageChange(number); }, className: "".concat(styles$2.pageButton, " ").concat(localPage === number ? styles$2.activePage : ''), type: 'button' }, number)); }))))));
|
|
16475
|
+
paginacao && dados.length >= numeroPaginas && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, onClick: function () { return handlePageChange(number); }, className: "".concat(styles$2.pageButton, " ").concat(localPage === number ? styles$2.activePage : ''), type: 'button' }, number)); }))))));
|
|
16476
16476
|
};
|
|
16477
16477
|
|
|
16478
16478
|
var TextAreaField = function (_a) {
|
|
@@ -16741,11 +16741,11 @@ var TableStandardButtons = function (_a) {
|
|
|
16741
16741
|
var initialState = {};
|
|
16742
16742
|
var initialStateInput = {};
|
|
16743
16743
|
// Itera sobre os dados para criar o estado inicial com as chaves compostas
|
|
16744
|
-
dados.forEach(function (row) {
|
|
16744
|
+
dados.forEach(function (row, index) {
|
|
16745
16745
|
Object.keys(row).forEach(function (key) {
|
|
16746
16746
|
var _a, _b, _c, _d, _e;
|
|
16747
16747
|
if (row[key].typeColumn === 'checkbox' && row[key].value) {
|
|
16748
|
-
var uniqueKey = "".concat(
|
|
16748
|
+
var uniqueKey = "".concat(index, "_").concat(row.id.value, "_").concat(key); // Cria a chave composta
|
|
16749
16749
|
initialState[uniqueKey] = row[key].initialValue === '1'; // Define o estado inicial com base no initialValue
|
|
16750
16750
|
}
|
|
16751
16751
|
if (((_a = row[key]) === null || _a === void 0 ? void 0 : _a.typeColumn) === 'input' && ((_b = row[key]) === null || _b === void 0 ? void 0 : _b.value)) {
|
|
@@ -16761,14 +16761,14 @@ var TableStandardButtons = function (_a) {
|
|
|
16761
16761
|
// Atualiza o estado com o estado inicial
|
|
16762
16762
|
setInputStates(function (prevState) { return (__assign(__assign({}, prevState), initialStateInput)); });
|
|
16763
16763
|
}, [dados]);
|
|
16764
|
-
var handleCheckboxChange = function (index, rowId,
|
|
16765
|
-
var newId = "".concat(index, "_").concat(rowId, "_").concat(
|
|
16764
|
+
var handleCheckboxChange = function (index, rowId, key) {
|
|
16765
|
+
var newId = "".concat(index, "_").concat(rowId, "_").concat(key);
|
|
16766
16766
|
setCheckboxStates(function (prevState) {
|
|
16767
16767
|
var _a;
|
|
16768
16768
|
var newState = __assign(__assign({}, prevState), (_a = {}, _a[newId] = !prevState[newId], _a));
|
|
16769
16769
|
// Chama a função passada por parâmetro (se existir)
|
|
16770
16770
|
if (onCheckboxChange) {
|
|
16771
|
-
onCheckboxChange(rowId, newState[newId],
|
|
16771
|
+
onCheckboxChange(rowId, newState[newId], key);
|
|
16772
16772
|
}
|
|
16773
16773
|
return newState; // Retorna o novo estado
|
|
16774
16774
|
});
|
|
@@ -16821,7 +16821,7 @@ var TableStandardButtons = function (_a) {
|
|
|
16821
16821
|
React.createElement(React.Fragment, null,
|
|
16822
16822
|
React.createElement("button", { type: 'button', id: row[idColumn].value, className: styles$2.actionButton, title: key.charAt(0).toUpperCase() + key.slice(1), onClick: function () { return handleClick(row, key); }, style: { borderRadius: row[key].borderRadius ? row[key].borderRadius : '', background: row[key].colorButton ? row[key].colorButton : '' }, "data-inativo": row[key].inativo ? row[key].inativo : false },
|
|
16823
16823
|
row[key].iconButton &&
|
|
16824
|
-
React.createElement("i", { className: "".concat(styles$2.icon, " ").concat(row[key].iconButton) }),
|
|
16824
|
+
React.createElement("i", { className: "".concat(styles$2.icon, " ").concat(row[key].iconButton), style: { fontSize: '15px' } }),
|
|
16825
16825
|
row[key].value && row[key].value)),
|
|
16826
16826
|
((_a = row[key]) === null || _a === void 0 ? void 0 : _a.typeColumn) && row[key].typeColumn === 'menu' &&
|
|
16827
16827
|
React.createElement("div", { className: styles$2.menuWrapper },
|
|
@@ -16843,9 +16843,9 @@ var TableStandardButtons = function (_a) {
|
|
|
16843
16843
|
// </i>
|
|
16844
16844
|
,
|
|
16845
16845
|
row[key].typeColumn && row[key].typeColumn === 'checkbox' && (React.createElement("div", { className: styles$2.formGroupRadio },
|
|
16846
|
-
React.createElement(InputField, { type: "checkbox", id: "
|
|
16847
|
-
? checkboxStates["".concat(String(index), "_").concat(String(row.id.value), "_").concat(
|
|
16848
|
-
: row[key].initialValue === '1', onChange: function () { return handleCheckboxChange(String(index), String(row.id.value),
|
|
16846
|
+
React.createElement(InputField, { type: "checkbox", id: "".concat(index, "_").concat(String(row.id.value), "_").concat(key), placeholder: "", value: row.id.value, checked: checkboxStates["".concat(String(index), "_").concat(String(row.id.value), "_").concat(key)] !== undefined
|
|
16847
|
+
? checkboxStates["".concat(String(index), "_").concat(String(row.id.value), "_").concat(key)]
|
|
16848
|
+
: row[key].initialValue === '1', onChange: function () { return handleCheckboxChange(String(index), String(row.id.value), key); }, disabled: row[key].disabled, "data-inativo": row[key].inativo ? row[key].inativo : false }))),
|
|
16849
16849
|
row[key].typeColumn && row[key].typeColumn === 'input' && (React.createElement("div", { className: styles$2.formGroupRadio },
|
|
16850
16850
|
React.createElement(InputField, { type: row[key].typeInput || 'text', id: "input_".concat(String(row[key].value), "_").concat(String(row.id.value)), value: inputStates["".concat(String(row[key].value), "_").concat(String(row.id.value))] || '', disabled: row[key].disabled, onChange: function (e) {
|
|
16851
16851
|
return row[key].value !== undefined && handleInputChange(String(row[key].value), String(row.id.value), e.target.value);
|
|
@@ -16858,15 +16858,15 @@ var TableStandardButtons = function (_a) {
|
|
|
16858
16858
|
React.createElement("div", null, row[key].maxLength ? limitaTexto(row[key].value, row[key].maxLength) : row[key].value),
|
|
16859
16859
|
row[key].maxLength &&
|
|
16860
16860
|
React.createElement("div", { className: styles$2.iconEye, onClick: function () { return handleShowTooltip(row[idColumn].value, row[key] && row[key].value ? row[key].value : '', key); } },
|
|
16861
|
-
React.createElement(FaRegEye, null)),
|
|
16862
|
-
|
|
16863
|
-
|
|
16864
|
-
|
|
16865
|
-
|
|
16866
|
-
|
|
16867
|
-
|
|
16861
|
+
React.createElement(FaRegEye, null))),
|
|
16862
|
+
row[key].maxLength &&
|
|
16863
|
+
tooltips.some(function (tooltip) { return tooltip.idTool === "".concat(row.id.value, "_").concat(key); }) && (React.createElement("div", { className: styles$2.tooltip },
|
|
16864
|
+
React.createElement("span", { onClick: function () { return handleHideTooltip("".concat(row.id.value, "_").concat(key)); }, title: "Fechar" },
|
|
16865
|
+
React.createElement("b", null, "X")),
|
|
16866
|
+
React.createElement("p", null, (_k = tooltips.find(function (tooltip) { return tooltip.idTool === "".concat(row.id.value, "_").concat(key); })) === null || _k === void 0 ? void 0 : _k.text),
|
|
16867
|
+
React.createElement(Button, { texto: "Fechar", empresa: "4", borderRadius: 5, type: "button", onClick: function () { return handleHideTooltip("".concat(row.id.value, "_").concat(key)); } })))));
|
|
16868
16868
|
}))); }))),
|
|
16869
|
-
paginacao === true && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, type: 'button', "data-paginacao": true, onClick: function () { return setCurrentPage(number); }, className: "".concat(styles$2.pageButton, " ").concat(currentPage === number ? styles$2.activePage : '') }, number)); }))))));
|
|
16869
|
+
paginacao === true && dados.length >= numeroPaginas && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, type: 'button', "data-paginacao": true, onClick: function () { return setCurrentPage(number); }, className: "".concat(styles$2.pageButton, " ").concat(currentPage === number ? styles$2.activePage : '') }, number)); }))))));
|
|
16870
16870
|
};
|
|
16871
16871
|
|
|
16872
16872
|
exports.ActionBar = ActionBar;
|
package/dist/esm/index.js
CHANGED
|
@@ -114,7 +114,7 @@ var CardImage = function (_a) {
|
|
|
114
114
|
React.createElement("span", { className: styles$8.cardText }, fileName ? fileName : 'Selecione um arquivo'))) : (href ? (React.createElement("a", { href: href, target: externo ? "_blank" : "_self", rel: externo ? "noopener noreferrer" : undefined, className: "".concat(styles$8.botaoCert), title: href, style: { width: '100%', height: '100%' } }, content)) : (React.createElement("div", { className: "".concat(styles$8.botaoCert), onClick: handleActionClick, style: { width: '100%', height: '100%' } }, content)))));
|
|
115
115
|
};
|
|
116
116
|
|
|
117
|
-
var css_248z$7 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_iconInputRight__LNZuW{padding-right:10px;position:absolute;right:0;top:.9rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj{background-color:var(--sistemaSaudeBlue)}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj:hover{background-color:var(--sistemaSaudeBlueHover)}.input-module_empresa6__BijLK .input-module_iconInputRight__LNZuW,.input-module_empresa6__BijLK .input-module_iconInput__Vw-FI{color:var(--sistemaSaudeBlue)}.input-module_empresa6__BijLK .input-module_inputPadrao__jypjY{border:none;border-radius:0}.input-module_empresa1__bxBov .input-module_iconButton__o-C4y,.input-module_empresa3__RU89A .input-module_iconButton__o-C4y,.input-module_empresa4__rWmWH .input-module_iconButton__o-C4y,.input-module_empresa5__rJ8DJ .input-module_iconButton__o-C4y{color:#fff}";
|
|
117
|
+
var css_248z$7 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_iconInputRight__LNZuW{padding-right:10px;position:absolute;right:0;top:.9rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj{background-color:var(--sistemaSaudeBlue);border-radius:5px}.input-module_empresa6__BijLK .input-module_inputSubmit__21-Pj:hover{background-color:var(--sistemaSaudeBlueHover)}.input-module_empresa6__BijLK .input-module_iconInputRight__LNZuW,.input-module_empresa6__BijLK .input-module_iconInput__Vw-FI{color:var(--sistemaSaudeBlue)}.input-module_empresa6__BijLK .input-module_inputPadrao__jypjY{border:none;border-radius:0}.input-module_empresa1__bxBov .input-module_iconButton__o-C4y,.input-module_empresa3__RU89A .input-module_iconButton__o-C4y,.input-module_empresa4__rWmWH .input-module_iconButton__o-C4y,.input-module_empresa5__rJ8DJ .input-module_iconButton__o-C4y{color:#fff}";
|
|
118
118
|
var styles$7 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputWrapper":"input-module_inputWrapper__oqH8F","inputPadrao":"input-module_inputPadrao__jypjY","searchIcon":"input-module_searchIcon__miuBI","passwordToggleIcon":"input-module_passwordToggleIcon__D8cEc","iconInput":"input-module_iconInput__Vw-FI","iconInputRight":"input-module_iconInputRight__LNZuW","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH","empresa5":"input-module_empresa5__rJ8DJ","empresa6":"input-module_empresa6__BijLK","iconButton":"input-module_iconButton__o-C4y"};
|
|
119
119
|
styleInject(css_248z$7);
|
|
120
120
|
|
|
@@ -16367,12 +16367,12 @@ var utils/*:any*/ = {
|
|
|
16367
16367
|
}
|
|
16368
16368
|
};
|
|
16369
16369
|
|
|
16370
|
-
var css_248z$2 = ".tableStandard-module_tableContainer__W2g84{margin-bottom:1rem;width:100%}.tableStandard-module_tableResponsive__Y1o-v{overflow-x:auto}.tableStandard-module_row__Y-JlA{background-color:#e2e2e2;border-radius:10px;margin-bottom:.5rem;width:100%}.tableStandard-module_header__csH11{border-radius:7px;color:#fff;padding:1rem}.tableStandard-module_cell__EuhF4{border-radius:7px;flex:1;max-width:200rem;padding:1rem;text-align:center}.tableStandard-module_cellBorder__NWT-Y td,.tableStandard-module_cellBorder__NWT-Y th{border-style:solid;border-width:0 0 1px 1px}.tableStandard-module_cellBorder__NWT-Y td:last-child{border-right-width:1px}.tableStandard-module_semResultados__vwxkQ{justify-content:center}.tableStandard-module_center__F69HU{align-items:center;display:flex;justify-content:center;text-align:center}.tableStandard-module_tableNormal__ycOqt{display:block}.tableStandard-module_cellIconEye__JG88z{display:flex;justify-content:center}.tableStandard-module_icon__OiGeS{color:#fff;cursor:pointer;font-size:25px}.tableStandard-module_iconEye__3Jo-8{cursor:pointer;font-size:15px;position:absolute;right:-5px}.tableStandard-module_boxFiltros__nzimU{display:flex;width:100%}.tableStandard-module_boxFiltros__nzimU div{background-color:#e2e2e2;border-radius:8px;color:var(--sistemaSaudeBlue);display:flex;margin-bottom:5px;margin-right:5px;padding:10px;width:100%}.tableStandard-module_boxFiltros__nzimU div label{align-items:center;display:flex;flex-grow:1;font-size:1em;font-weight:700;margin-left:8px;width:50%}.tableStandard-module_boxFiltros__nzimU img{height:auto;vertical-align:middle}.tableStandard-module_formFiltros__SZ6Jj{margin:1rem}.tableStandard-module_excelWrapper__eRjJM{display:flex;justify-content:flex-start;margin-bottom:1rem}.tableStandard-module_actionButton__KCnWY,.tableStandard-module_trashButton__CjJDh{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_trashButton__CjJDh{background-color:var(--red)}.tableStandard-module_trashButton__CjJDh:hover{background-color:var(--blue)}.tableStandard-module_downloadButton__cpITl{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_downloadButton__cpITl:hover{background-color:#038d03}.tableStandard-module_formGroupRadio__4x2bh{align-items:center;display:flex;gap:10px;justify-content:center}.tableStandard-module_formGroupRadio__4x2bh input[type=checkbox]{cursor:pointer}.tableStandard-module_formGroupRadio__4x2bh div{width:auto}.tableStandard-module_img__Ot8rP{max-width:20rem;width:100px}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(2n){background-color:#fff}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(odd){background-color:#e2e2e2}.tableStandard-module_tooltip__uBBJu{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;max-width:
|
|
16370
|
+
var css_248z$2 = ".tableStandard-module_tableContainer__W2g84{margin-bottom:1rem;width:100%}.tableStandard-module_tableResponsive__Y1o-v{overflow-x:auto}.tableStandard-module_row__Y-JlA{background-color:#e2e2e2;border-radius:10px;margin-bottom:.5rem;width:100%}.tableStandard-module_header__csH11{border-radius:7px;color:#fff;padding:1rem}.tableStandard-module_cell__EuhF4{border-radius:7px;flex:1;max-width:200rem;padding:1rem;text-align:center}.tableStandard-module_cellBorder__NWT-Y td,.tableStandard-module_cellBorder__NWT-Y th{border-style:solid;border-width:0 0 1px 1px}.tableStandard-module_cellBorder__NWT-Y td:last-child{border-right-width:1px}.tableStandard-module_semResultados__vwxkQ{justify-content:center}.tableStandard-module_center__F69HU{align-items:center;display:flex;justify-content:center;text-align:center}.tableStandard-module_tableNormal__ycOqt{display:block}.tableStandard-module_cellIconEye__JG88z{display:flex;justify-content:center}.tableStandard-module_icon__OiGeS{color:#fff;cursor:pointer;font-size:25px}.tableStandard-module_iconEye__3Jo-8{cursor:pointer;font-size:15px;position:absolute;right:-5px}.tableStandard-module_boxFiltros__nzimU{display:flex;width:100%}.tableStandard-module_boxFiltros__nzimU div{background-color:#e2e2e2;border-radius:8px;color:var(--sistemaSaudeBlue);display:flex;margin-bottom:5px;margin-right:5px;padding:10px;width:100%}.tableStandard-module_boxFiltros__nzimU div label{align-items:center;display:flex;flex-grow:1;font-size:1em;font-weight:700;margin-left:8px;width:50%}.tableStandard-module_boxFiltros__nzimU img{height:auto;vertical-align:middle}.tableStandard-module_formFiltros__SZ6Jj{margin:1rem}.tableStandard-module_excelWrapper__eRjJM{display:flex;justify-content:flex-start;margin-bottom:1rem}.tableStandard-module_actionButton__KCnWY,.tableStandard-module_trashButton__CjJDh{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_trashButton__CjJDh{background-color:var(--red)}.tableStandard-module_trashButton__CjJDh:hover{background-color:var(--blue)}.tableStandard-module_downloadButton__cpITl{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.tableStandard-module_downloadButton__cpITl:hover{background-color:#038d03}.tableStandard-module_formGroupRadio__4x2bh{align-items:center;display:flex;gap:10px;justify-content:center}.tableStandard-module_formGroupRadio__4x2bh input[type=checkbox]{cursor:pointer}.tableStandard-module_formGroupRadio__4x2bh div{width:auto}.tableStandard-module_img__Ot8rP{max-width:20rem;width:100px}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(2n){background-color:#fff}.tableStandard-module_linhasZebradas__vIFYK tr:nth-child(odd){background-color:#e2e2e2}.tableStandard-module_tooltip__uBBJu{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;max-width:500px;padding:15px;position:absolute;white-space:pre-wrap;z-index:1000}.tableStandard-module_tooltip__uBBJu span{cursor:pointer;display:flex;justify-content:flex-end}.tableStandard-module_tooltip__uBBJu p{font-size:14px;margin:0}.tableStandard-module_menuWrapper__o-dVQ{display:inline-block;position:relative}.tableStandard-module_menuContainer__P2TJ4{background-color:#fff;display:flex;flex-direction:column;min-width:150px;padding:10px;position:absolute;right:100%;top:0;z-index:1001}.tableStandard-module_menu__TOGlS{border-radius:4px;color:var(--principal);cursor:pointer;padding:5px;text-align:left}.tableStandard-module_menuDisabled__wGPxc{color:#d3d3d3;cursor:default}.tableStandard-module_hr__qokcx{border:1px solid #bdbcbc;width:100%}.tableStandard-module_pagination__oaWb4{display:flex;margin-top:20px;max-width:100%;overflow-x:auto;padding-bottom:20px}.tableStandard-module_pageButton__lfOmY{background-color:#e2e2e2;border-color:transparent;border-radius:5px;cursor:pointer;margin:0 5px;padding:5px 10px}.tableStandard-module_activePage__qVqau{border-color:transparent;border-radius:5px;color:#fff;font-weight:700}.tableStandard-module_empresa1__c7Oac .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa1__c7Oac .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa1__c7Oac .tableStandard-module_header__csH11{background-color:var(--blue)}.tableStandard-module_empresa1__c7Oac .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa1__c7Oac .tableStandard-module_activePage__qVqau:hover{background-color:var(--red)}.tableStandard-module_empresa3__yaVfZ .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa3__yaVfZ .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa3__yaVfZ .tableStandard-module_header__csH11{background-color:var(--green)}.tableStandard-module_empresa3__yaVfZ .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa3__yaVfZ .tableStandard-module_activePage__qVqau:hover{background-color:var(--lightblue)}.tableStandard-module_empresa4__B-BBN .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa4__B-BBN .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa4__B-BBN .tableStandard-module_header__csH11{background-color:var(--red)}.tableStandard-module_empresa4__B-BBN .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa4__B-BBN .tableStandard-module_activePage__qVqau:hover{background-color:var(--blue)}.tableStandard-module_empresa5__2eHcX .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa5__2eHcX .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa5__2eHcX .tableStandard-module_header__csH11{background-color:var(--cartaoBlue)}.tableStandard-module_empresa5__2eHcX .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa5__2eHcX .tableStandard-module_activePage__qVqau:hover{background-color:var(--cartaoGreen)}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_actionButton__KCnWY,.tableStandard-module_empresa6__u-Cqi .tableStandard-module_activePage__qVqau,.tableStandard-module_empresa6__u-Cqi .tableStandard-module_header__csH11{background-color:var(--sistemaSaudeBlue)}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_actionButton__KCnWY:hover,.tableStandard-module_empresa6__u-Cqi .tableStandard-module_activePage__qVqau:hover{background-color:var(--sistemaSaudeRed)}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_cell__EuhF4{border-radius:0;padding:6px}.tableStandard-module_empresa6__u-Cqi .tableStandard-module_header__csH11{border-radius:0;padding:10px}@media (max-width:1200px){.tableStandard-module_boxFiltros__nzimU,.tableStandard-module_campoFiltrar__d9juT{flex-direction:column;margin-right:1rem;width:auto}.tableStandard-module_caixaCadastroPadrao__3R2vG{width:100%}.tableStandard-module_conteudo__TK-TS{margin:4rem 0 4rem 8rem}.tableStandard-module_tableNormal__ycOqt{display:none}.tableStandard-module_tableResponsive__Y1o-v{display:block}}@media (max-width:950px){.tableStandard-module_campoFiltrar__d9juT{flex-direction:column;width:110%}.tableStandard-module_caixaCadastroPadrao__3R2vG{width:70%}.tableStandard-module_groupInputs__LF8sZ{width:auto}}@media (max-width:850px){.tableStandard-module_iconEye__3Jo-8{font-size:14px}}@media (max-width:600px){.tableStandard-module_caixaCadastroPadrao__3R2vG{width:100%}}@media (max-width:500px){.tableStandard-module_boxFiltros__nzimU div label,.tableStandard-module_labelCadastroPadrao__bfB4n{font-size:12px}.tableStandard-module_caixaCadastroPadrao__3R2vG{width:auto}}";
|
|
16371
16371
|
var styles$2 = {"tableContainer":"tableStandard-module_tableContainer__W2g84","tableResponsive":"tableStandard-module_tableResponsive__Y1o-v","row":"tableStandard-module_row__Y-JlA","header":"tableStandard-module_header__csH11","cell":"tableStandard-module_cell__EuhF4","cellBorder":"tableStandard-module_cellBorder__NWT-Y","semResultados":"tableStandard-module_semResultados__vwxkQ","center":"tableStandard-module_center__F69HU","tableNormal":"tableStandard-module_tableNormal__ycOqt","cellIconEye":"tableStandard-module_cellIconEye__JG88z","icon":"tableStandard-module_icon__OiGeS","iconEye":"tableStandard-module_iconEye__3Jo-8","boxFiltros":"tableStandard-module_boxFiltros__nzimU","formFiltros":"tableStandard-module_formFiltros__SZ6Jj","excelWrapper":"tableStandard-module_excelWrapper__eRjJM","actionButton":"tableStandard-module_actionButton__KCnWY","trashButton":"tableStandard-module_trashButton__CjJDh","downloadButton":"tableStandard-module_downloadButton__cpITl","formGroupRadio":"tableStandard-module_formGroupRadio__4x2bh","img":"tableStandard-module_img__Ot8rP","linhasZebradas":"tableStandard-module_linhasZebradas__vIFYK","tooltip":"tableStandard-module_tooltip__uBBJu","menuWrapper":"tableStandard-module_menuWrapper__o-dVQ","menuContainer":"tableStandard-module_menuContainer__P2TJ4","menu":"tableStandard-module_menu__TOGlS","menuDisabled":"tableStandard-module_menuDisabled__wGPxc","hr":"tableStandard-module_hr__qokcx","pagination":"tableStandard-module_pagination__oaWb4","pageButton":"tableStandard-module_pageButton__lfOmY","activePage":"tableStandard-module_activePage__qVqau","empresa1":"tableStandard-module_empresa1__c7Oac","empresa3":"tableStandard-module_empresa3__yaVfZ","empresa4":"tableStandard-module_empresa4__B-BBN","empresa5":"tableStandard-module_empresa5__2eHcX","empresa6":"tableStandard-module_empresa6__u-Cqi","campoFiltrar":"tableStandard-module_campoFiltrar__d9juT","caixaCadastroPadrao":"tableStandard-module_caixaCadastroPadrao__3R2vG","conteudo":"tableStandard-module_conteudo__TK-TS","groupInputs":"tableStandard-module_groupInputs__LF8sZ","labelCadastroPadrao":"tableStandard-module_labelCadastroPadrao__bfB4n"};
|
|
16372
16372
|
styleInject(css_248z$2);
|
|
16373
16373
|
|
|
16374
16374
|
var TableStandard = function (_a) {
|
|
16375
|
-
var dados = _a.dados, onRowClick = _a.onRowClick, _b = _a.idColumn, idColumn = _b === void 0 ? 'id' : _b, onActionClick = _a.onActionClick, onDownloadClick = _a.onDownloadClick, onViewClick = _a.onViewClick, _c = _a.showActionColumn, showActionColumn = _c === void 0 ? false : _c, _d = _a.showDownloadButton, showDownloadButton = _d === void 0 ? false : _d, _e = _a.showExcelDownloadButton, showExcelDownloadButton = _e === void 0 ? false : _e, _f = _a.showViewButton, showViewButton = _f === void 0 ? false : _f, _g = _a.cor, cor = _g === void 0 ? false : _g, _h = _a.numeroPaginas, numeroPaginas = _h === void 0 ? 10 : _h, empresa = _a.empresa, _j = _a.paginacao, paginacao = _j === void 0 ? true : _j, borderRadius = _a.borderRadius, borderColor = _a.borderColor, cellsPadding = _a.cellsPadding, cellSpacing = _a.cellSpacing, _k = _a.linhasZebradas, linhasZebradas = _k === void 0 ? false : _k, _l = _a.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, _m = _a.currentPage, currentPage = _m === void 0 ? 1 : _m, onPageChange = _a.onPageChange, _o = _a.showTrash, showTrash = _o === void 0 ? false : _o, onTrashClick = _a.onTrashClick, minWidth = _a.minWidth;
|
|
16375
|
+
var dados = _a.dados, onRowClick = _a.onRowClick, _b = _a.idColumn, idColumn = _b === void 0 ? 'id' : _b, onActionClick = _a.onActionClick, onDownloadClick = _a.onDownloadClick, onViewClick = _a.onViewClick, _c = _a.showActionColumn, showActionColumn = _c === void 0 ? false : _c, _d = _a.showDownloadButton, showDownloadButton = _d === void 0 ? false : _d, _e = _a.showExcelDownloadButton, showExcelDownloadButton = _e === void 0 ? false : _e, _f = _a.showViewButton, showViewButton = _f === void 0 ? false : _f, _g = _a.cor, cor = _g === void 0 ? false : _g, _h = _a.numeroPaginas, numeroPaginas = _h === void 0 ? 10 : _h, empresa = _a.empresa, _j = _a.paginacao, paginacao = _j === void 0 ? true : _j, borderRadius = _a.borderRadius, borderColor = _a.borderColor, cellsPadding = _a.cellsPadding, cellSpacing = _a.cellSpacing, _k = _a.linhasZebradas, linhasZebradas = _k === void 0 ? false : _k, _l = _a.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, _m = _a.currentPage, currentPage = _m === void 0 ? 1 : _m, onPageChange = _a.onPageChange, _o = _a.showTrash, showTrash = _o === void 0 ? false : _o, onTrashClick = _a.onTrashClick, minWidth = _a.minWidth, minHeight = _a.minHeight;
|
|
16376
16376
|
var _p = useState(null), selectedRow = _p[0], setSelectedRow = _p[1];
|
|
16377
16377
|
var _q = useState(currentPage), localPage = _q[0], setLocalPage = _q[1];
|
|
16378
16378
|
useEffect(function () {
|
|
@@ -16413,7 +16413,7 @@ var TableStandard = function (_a) {
|
|
|
16413
16413
|
for (var i = 1; i <= Math.ceil(dados.length / numeroPaginas); i++) {
|
|
16414
16414
|
pageNumbers.push(i);
|
|
16415
16415
|
}
|
|
16416
|
-
return (React.createElement("div", { className: styles$2.tableResponsive },
|
|
16416
|
+
return (React.createElement("div", { className: styles$2.tableResponsive, style: { minHeight: minHeight ? minHeight : '' } },
|
|
16417
16417
|
React.createElement("div", { style: { minWidth: minWidth ? "".concat(minWidth, "px") : '' }, className: empresaClass },
|
|
16418
16418
|
showExcelDownloadButton && (React.createElement("div", { className: styles$2.excelWrapper },
|
|
16419
16419
|
React.createElement("button", { onClick: handleDownloadClick, className: styles$2.downloadButton, type: 'button' },
|
|
@@ -16470,7 +16470,7 @@ var TableStandard = function (_a) {
|
|
|
16470
16470
|
onTrashClick(row[idColumn]);
|
|
16471
16471
|
}, className: styles$2.trashButton, title: "Excluir", type: 'button' },
|
|
16472
16472
|
React.createElement(FaRegTrashAlt, null)))))))); }))),
|
|
16473
|
-
paginacao && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, onClick: function () { return handlePageChange(number); }, className: "".concat(styles$2.pageButton, " ").concat(localPage === number ? styles$2.activePage : ''), type: 'button' }, number)); }))))));
|
|
16473
|
+
paginacao && dados.length >= numeroPaginas && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, onClick: function () { return handlePageChange(number); }, className: "".concat(styles$2.pageButton, " ").concat(localPage === number ? styles$2.activePage : ''), type: 'button' }, number)); }))))));
|
|
16474
16474
|
};
|
|
16475
16475
|
|
|
16476
16476
|
var TextAreaField = function (_a) {
|
|
@@ -16739,11 +16739,11 @@ var TableStandardButtons = function (_a) {
|
|
|
16739
16739
|
var initialState = {};
|
|
16740
16740
|
var initialStateInput = {};
|
|
16741
16741
|
// Itera sobre os dados para criar o estado inicial com as chaves compostas
|
|
16742
|
-
dados.forEach(function (row) {
|
|
16742
|
+
dados.forEach(function (row, index) {
|
|
16743
16743
|
Object.keys(row).forEach(function (key) {
|
|
16744
16744
|
var _a, _b, _c, _d, _e;
|
|
16745
16745
|
if (row[key].typeColumn === 'checkbox' && row[key].value) {
|
|
16746
|
-
var uniqueKey = "".concat(
|
|
16746
|
+
var uniqueKey = "".concat(index, "_").concat(row.id.value, "_").concat(key); // Cria a chave composta
|
|
16747
16747
|
initialState[uniqueKey] = row[key].initialValue === '1'; // Define o estado inicial com base no initialValue
|
|
16748
16748
|
}
|
|
16749
16749
|
if (((_a = row[key]) === null || _a === void 0 ? void 0 : _a.typeColumn) === 'input' && ((_b = row[key]) === null || _b === void 0 ? void 0 : _b.value)) {
|
|
@@ -16759,14 +16759,14 @@ var TableStandardButtons = function (_a) {
|
|
|
16759
16759
|
// Atualiza o estado com o estado inicial
|
|
16760
16760
|
setInputStates(function (prevState) { return (__assign(__assign({}, prevState), initialStateInput)); });
|
|
16761
16761
|
}, [dados]);
|
|
16762
|
-
var handleCheckboxChange = function (index, rowId,
|
|
16763
|
-
var newId = "".concat(index, "_").concat(rowId, "_").concat(
|
|
16762
|
+
var handleCheckboxChange = function (index, rowId, key) {
|
|
16763
|
+
var newId = "".concat(index, "_").concat(rowId, "_").concat(key);
|
|
16764
16764
|
setCheckboxStates(function (prevState) {
|
|
16765
16765
|
var _a;
|
|
16766
16766
|
var newState = __assign(__assign({}, prevState), (_a = {}, _a[newId] = !prevState[newId], _a));
|
|
16767
16767
|
// Chama a função passada por parâmetro (se existir)
|
|
16768
16768
|
if (onCheckboxChange) {
|
|
16769
|
-
onCheckboxChange(rowId, newState[newId],
|
|
16769
|
+
onCheckboxChange(rowId, newState[newId], key);
|
|
16770
16770
|
}
|
|
16771
16771
|
return newState; // Retorna o novo estado
|
|
16772
16772
|
});
|
|
@@ -16819,7 +16819,7 @@ var TableStandardButtons = function (_a) {
|
|
|
16819
16819
|
React.createElement(React.Fragment, null,
|
|
16820
16820
|
React.createElement("button", { type: 'button', id: row[idColumn].value, className: styles$2.actionButton, title: key.charAt(0).toUpperCase() + key.slice(1), onClick: function () { return handleClick(row, key); }, style: { borderRadius: row[key].borderRadius ? row[key].borderRadius : '', background: row[key].colorButton ? row[key].colorButton : '' }, "data-inativo": row[key].inativo ? row[key].inativo : false },
|
|
16821
16821
|
row[key].iconButton &&
|
|
16822
|
-
React.createElement("i", { className: "".concat(styles$2.icon, " ").concat(row[key].iconButton) }),
|
|
16822
|
+
React.createElement("i", { className: "".concat(styles$2.icon, " ").concat(row[key].iconButton), style: { fontSize: '15px' } }),
|
|
16823
16823
|
row[key].value && row[key].value)),
|
|
16824
16824
|
((_a = row[key]) === null || _a === void 0 ? void 0 : _a.typeColumn) && row[key].typeColumn === 'menu' &&
|
|
16825
16825
|
React.createElement("div", { className: styles$2.menuWrapper },
|
|
@@ -16841,9 +16841,9 @@ var TableStandardButtons = function (_a) {
|
|
|
16841
16841
|
// </i>
|
|
16842
16842
|
,
|
|
16843
16843
|
row[key].typeColumn && row[key].typeColumn === 'checkbox' && (React.createElement("div", { className: styles$2.formGroupRadio },
|
|
16844
|
-
React.createElement(InputField, { type: "checkbox", id: "
|
|
16845
|
-
? checkboxStates["".concat(String(index), "_").concat(String(row.id.value), "_").concat(
|
|
16846
|
-
: row[key].initialValue === '1', onChange: function () { return handleCheckboxChange(String(index), String(row.id.value),
|
|
16844
|
+
React.createElement(InputField, { type: "checkbox", id: "".concat(index, "_").concat(String(row.id.value), "_").concat(key), placeholder: "", value: row.id.value, checked: checkboxStates["".concat(String(index), "_").concat(String(row.id.value), "_").concat(key)] !== undefined
|
|
16845
|
+
? checkboxStates["".concat(String(index), "_").concat(String(row.id.value), "_").concat(key)]
|
|
16846
|
+
: row[key].initialValue === '1', onChange: function () { return handleCheckboxChange(String(index), String(row.id.value), key); }, disabled: row[key].disabled, "data-inativo": row[key].inativo ? row[key].inativo : false }))),
|
|
16847
16847
|
row[key].typeColumn && row[key].typeColumn === 'input' && (React.createElement("div", { className: styles$2.formGroupRadio },
|
|
16848
16848
|
React.createElement(InputField, { type: row[key].typeInput || 'text', id: "input_".concat(String(row[key].value), "_").concat(String(row.id.value)), value: inputStates["".concat(String(row[key].value), "_").concat(String(row.id.value))] || '', disabled: row[key].disabled, onChange: function (e) {
|
|
16849
16849
|
return row[key].value !== undefined && handleInputChange(String(row[key].value), String(row.id.value), e.target.value);
|
|
@@ -16856,15 +16856,15 @@ var TableStandardButtons = function (_a) {
|
|
|
16856
16856
|
React.createElement("div", null, row[key].maxLength ? limitaTexto(row[key].value, row[key].maxLength) : row[key].value),
|
|
16857
16857
|
row[key].maxLength &&
|
|
16858
16858
|
React.createElement("div", { className: styles$2.iconEye, onClick: function () { return handleShowTooltip(row[idColumn].value, row[key] && row[key].value ? row[key].value : '', key); } },
|
|
16859
|
-
React.createElement(FaRegEye, null)),
|
|
16860
|
-
|
|
16861
|
-
|
|
16862
|
-
|
|
16863
|
-
|
|
16864
|
-
|
|
16865
|
-
|
|
16859
|
+
React.createElement(FaRegEye, null))),
|
|
16860
|
+
row[key].maxLength &&
|
|
16861
|
+
tooltips.some(function (tooltip) { return tooltip.idTool === "".concat(row.id.value, "_").concat(key); }) && (React.createElement("div", { className: styles$2.tooltip },
|
|
16862
|
+
React.createElement("span", { onClick: function () { return handleHideTooltip("".concat(row.id.value, "_").concat(key)); }, title: "Fechar" },
|
|
16863
|
+
React.createElement("b", null, "X")),
|
|
16864
|
+
React.createElement("p", null, (_k = tooltips.find(function (tooltip) { return tooltip.idTool === "".concat(row.id.value, "_").concat(key); })) === null || _k === void 0 ? void 0 : _k.text),
|
|
16865
|
+
React.createElement(Button, { texto: "Fechar", empresa: "4", borderRadius: 5, type: "button", onClick: function () { return handleHideTooltip("".concat(row.id.value, "_").concat(key)); } })))));
|
|
16866
16866
|
}))); }))),
|
|
16867
|
-
paginacao === true && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, type: 'button', "data-paginacao": true, onClick: function () { return setCurrentPage(number); }, className: "".concat(styles$2.pageButton, " ").concat(currentPage === number ? styles$2.activePage : '') }, number)); }))))));
|
|
16867
|
+
paginacao === true && dados.length >= numeroPaginas && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$2.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, type: 'button', "data-paginacao": true, onClick: function () { return setCurrentPage(number); }, className: "".concat(styles$2.pageButton, " ").concat(currentPage === number ? styles$2.activePage : '') }, number)); }))))));
|
|
16868
16868
|
};
|
|
16869
16869
|
|
|
16870
16870
|
export { ActionBar, Busca, Button, Card, CardImage, CheckboxGroup, FluxoProcesso as FluxoProcessos, InputField, MenuPage, SelectField, TableStandard, TableStandardButtons, TextAreaField as TextArea, TextPage, TituloPagina };
|
|
@@ -5,3 +5,4 @@ export default meta;
|
|
|
5
5
|
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, InputFieldProps>;
|
|
6
6
|
export declare const Password: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, InputFieldProps>;
|
|
7
7
|
export declare const Disabled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, InputFieldProps>;
|
|
8
|
+
export declare const Checkbox: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, InputFieldProps>;
|
package/package.json
CHANGED
|
@@ -33,6 +33,7 @@ export interface TableStandardProps {
|
|
|
33
33
|
showTrash?: boolean;
|
|
34
34
|
onTrashClick?: (rowId: string) => void;
|
|
35
35
|
minWidth?: string;
|
|
36
|
+
minHeight?: string;
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
const TableStandard: React.FC<TableStandardProps> = ({
|
|
@@ -60,7 +61,8 @@ const TableStandard: React.FC<TableStandardProps> = ({
|
|
|
60
61
|
onPageChange,
|
|
61
62
|
showTrash = false,
|
|
62
63
|
onTrashClick,
|
|
63
|
-
minWidth
|
|
64
|
+
minWidth,
|
|
65
|
+
minHeight
|
|
64
66
|
}) => {
|
|
65
67
|
const [selectedRow, setSelectedRow] = useState<string | null>(null);
|
|
66
68
|
const [localPage, setLocalPage] = useState(currentPage);
|
|
@@ -112,7 +114,7 @@ const TableStandard: React.FC<TableStandardProps> = ({
|
|
|
112
114
|
}
|
|
113
115
|
|
|
114
116
|
return (
|
|
115
|
-
<div className={styles.tableResponsive}>
|
|
117
|
+
<div className={styles.tableResponsive} style={{minHeight: minHeight ? minHeight : ''}}>
|
|
116
118
|
<div style={{minWidth: minWidth ? `${minWidth}px` : ''}} className={empresaClass}>
|
|
117
119
|
{showExcelDownloadButton && (
|
|
118
120
|
<div className={styles.excelWrapper}>
|
|
@@ -250,7 +252,7 @@ const TableStandard: React.FC<TableStandardProps> = ({
|
|
|
250
252
|
))}
|
|
251
253
|
</tbody>
|
|
252
254
|
</table>
|
|
253
|
-
{paginacao && (
|
|
255
|
+
{paginacao && dados.length >= numeroPaginas && (
|
|
254
256
|
<div className={`${empresaClass} ${styles.pagination}`}>
|
|
255
257
|
{pageNumbers.map(number => (
|
|
256
258
|
<button
|
|
@@ -139,10 +139,10 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
139
139
|
const initialStateInput: { [key: string]: string | undefined} = {};
|
|
140
140
|
|
|
141
141
|
// Itera sobre os dados para criar o estado inicial com as chaves compostas
|
|
142
|
-
dados.forEach((row) => {
|
|
142
|
+
dados.forEach((row, index) => {
|
|
143
143
|
Object.keys(row).forEach((key) => {
|
|
144
144
|
if (row[key].typeColumn === 'checkbox' && row[key].value) {
|
|
145
|
-
const uniqueKey = `${
|
|
145
|
+
const uniqueKey = `${index}_${row.id.value}_${key}`; // Cria a chave composta
|
|
146
146
|
initialState[uniqueKey] = row[key].initialValue === '1'; // Define o estado inicial com base no initialValue
|
|
147
147
|
}
|
|
148
148
|
|
|
@@ -168,8 +168,8 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
168
168
|
}));
|
|
169
169
|
}, [dados]);
|
|
170
170
|
|
|
171
|
-
const handleCheckboxChange = (index: string, rowId: string,
|
|
172
|
-
let newId = `${index}_${rowId}_${
|
|
171
|
+
const handleCheckboxChange = (index: string, rowId: string, key: string) => {
|
|
172
|
+
let newId = `${index}_${rowId}_${key}`;
|
|
173
173
|
setCheckboxStates((prevState) => {
|
|
174
174
|
const newState = {
|
|
175
175
|
...prevState,
|
|
@@ -178,7 +178,7 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
178
178
|
|
|
179
179
|
// Chama a função passada por parâmetro (se existir)
|
|
180
180
|
if (onCheckboxChange) {
|
|
181
|
-
onCheckboxChange(rowId, newState[newId],
|
|
181
|
+
onCheckboxChange(rowId, newState[newId], key);
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
return newState; // Retorna o novo estado
|
|
@@ -283,7 +283,7 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
283
283
|
data-inativo={row[key].inativo ? row[key].inativo : false}
|
|
284
284
|
>
|
|
285
285
|
{row[key].iconButton &&
|
|
286
|
-
<i className={`${styles.icon} ${row[key].iconButton}`}></i>
|
|
286
|
+
<i className={`${styles.icon} ${row[key].iconButton}`} style={{fontSize:'15px'}}></i>
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
{row[key].value && row[key].value}
|
|
@@ -352,15 +352,15 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
352
352
|
<div className={styles.formGroupRadio}>
|
|
353
353
|
<InputField
|
|
354
354
|
type="checkbox"
|
|
355
|
-
id={
|
|
355
|
+
id={`${index}_${String(row.id.value)}_${key}`}
|
|
356
356
|
placeholder=""
|
|
357
357
|
value={row.id.value}
|
|
358
358
|
checked={
|
|
359
|
-
checkboxStates[`${String(index)}_${String(row.id.value)}_${
|
|
360
|
-
? checkboxStates[`${String(index)}_${String(row.id.value)}_${
|
|
359
|
+
checkboxStates[`${String(index)}_${String(row.id.value)}_${key}`] !== undefined
|
|
360
|
+
? checkboxStates[`${String(index)}_${String(row.id.value)}_${key}`]
|
|
361
361
|
: row[key].initialValue === '1'
|
|
362
362
|
}
|
|
363
|
-
onChange={() => handleCheckboxChange(String(index), String(row.id.value),
|
|
363
|
+
onChange={() => handleCheckboxChange(String(index), String(row.id.value), key)
|
|
364
364
|
}// Passa o rowId para identificar o checkbox
|
|
365
365
|
disabled={row[key].disabled}
|
|
366
366
|
data-inativo={row[key].inativo ? row[key].inativo : false}
|
|
@@ -368,8 +368,8 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
368
368
|
</div>
|
|
369
369
|
)}
|
|
370
370
|
|
|
371
|
-
|
|
372
|
-
|
|
371
|
+
{/* Colunas do tipo input */}
|
|
372
|
+
{row[key].typeColumn && row[key].typeColumn === 'input' && (
|
|
373
373
|
<div className={styles.formGroupRadio}>
|
|
374
374
|
<InputField
|
|
375
375
|
type={row[key].typeInput || 'text'}
|
|
@@ -420,33 +420,34 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
420
420
|
<FaRegEye />
|
|
421
421
|
</div>
|
|
422
422
|
}
|
|
423
|
-
|
|
424
|
-
{/* Renderiza tooltips abertos */}
|
|
425
|
-
{row[key].maxLength &&
|
|
426
|
-
tooltips.some((tooltip: any) => tooltip.idTool === `${row.id.value}_${key}`) && (
|
|
427
|
-
<div className={styles.tooltip}>
|
|
428
|
-
<span
|
|
429
|
-
onClick={() => handleHideTooltip(`${row.id.value}_${key}`)}
|
|
430
|
-
title="Fechar"
|
|
431
|
-
>
|
|
432
|
-
<b>X</b>
|
|
433
|
-
</span>
|
|
434
|
-
<p>
|
|
435
|
-
{
|
|
436
|
-
tooltips.find((tooltip: any) => tooltip.idTool === `${row.id.value}_${key}`)?.text
|
|
437
|
-
}
|
|
438
|
-
</p>
|
|
439
|
-
<Button
|
|
440
|
-
texto="Fechar"
|
|
441
|
-
empresa="4"
|
|
442
|
-
borderRadius={5}
|
|
443
|
-
type="button"
|
|
444
|
-
onClick={() => handleHideTooltip(`${row.id.value}_${key}`)}
|
|
445
|
-
/>
|
|
446
|
-
</div>
|
|
447
|
-
)}
|
|
448
423
|
</div>
|
|
449
424
|
}
|
|
425
|
+
|
|
426
|
+
{/* Renderiza tooltips abertos */}
|
|
427
|
+
{row[key].maxLength &&
|
|
428
|
+
tooltips.some((tooltip: any) => tooltip.idTool === `${row.id.value}_${key}`) && (
|
|
429
|
+
<div className={styles.tooltip}>
|
|
430
|
+
<span
|
|
431
|
+
onClick={() => handleHideTooltip(`${row.id.value}_${key}`)}
|
|
432
|
+
title="Fechar"
|
|
433
|
+
>
|
|
434
|
+
<b>X</b>
|
|
435
|
+
</span>
|
|
436
|
+
<p>
|
|
437
|
+
{
|
|
438
|
+
tooltips.find((tooltip: any) => tooltip.idTool === `${row.id.value}_${key}`)?.text
|
|
439
|
+
}
|
|
440
|
+
</p>
|
|
441
|
+
<Button
|
|
442
|
+
texto="Fechar"
|
|
443
|
+
empresa="4"
|
|
444
|
+
borderRadius={5}
|
|
445
|
+
type="button"
|
|
446
|
+
onClick={() => handleHideTooltip(`${row.id.value}_${key}`)}
|
|
447
|
+
/>
|
|
448
|
+
</div>
|
|
449
|
+
)
|
|
450
|
+
}
|
|
450
451
|
</td>
|
|
451
452
|
))}
|
|
452
453
|
</tr>
|
|
@@ -454,7 +455,7 @@ const TableStandardButtons: React.FC<TableStandardButtonsProps> = ({
|
|
|
454
455
|
</tbody>
|
|
455
456
|
</table>
|
|
456
457
|
{/******************* Paginação ********************************/}
|
|
457
|
-
{paginacao === true && (
|
|
458
|
+
{paginacao === true && dados.length >= numeroPaginas && (
|
|
458
459
|
<div className={`${empresaClass} ${styles.pagination}`}>
|
|
459
460
|
{pageNumbers.map(number => (
|
|
460
461
|
<button
|
|
@@ -178,4 +178,15 @@ Disabled.args = {
|
|
|
178
178
|
disabled: true,
|
|
179
179
|
corFundo: '#e5e5e5',
|
|
180
180
|
corLabel: '#888888',
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
// História chebckox
|
|
184
|
+
export const Checkbox = Template.bind({});
|
|
185
|
+
Checkbox.args = {
|
|
186
|
+
label: 'Option 1',
|
|
187
|
+
type: 'checkbox',
|
|
188
|
+
id: 'campo-checkbox',
|
|
189
|
+
value: 'Não editável',
|
|
190
|
+
corLabel: '#888888',
|
|
191
|
+
checked: true
|
|
181
192
|
};
|
|
@@ -110,10 +110,10 @@ const Template: StoryFn<TableStandardButtonsProps> = (args) => <TableStandardBut
|
|
|
110
110
|
const sampleData: Data[] = [
|
|
111
111
|
{
|
|
112
112
|
id: {value: 'batata', typeColumn: 'hidden', iconButton: '', colorButton: 'var(--red)', initialValue: ''},
|
|
113
|
-
nome: {value: 'Carlos Souza SilvaCarlos Souza Silva', typeColumn: '', iconButton: '', colorButton: 'var(--red)', initialValue: '', maxLength: 20},
|
|
113
|
+
nome: {value: 'Carlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza SilvaCarlos Souza Silva', typeColumn: '', iconButton: '', colorButton: 'var(--red)', initialValue: '', maxLength: 20},
|
|
114
114
|
historico: {value: '40', typeColumn: 'icon', iconButton: 'fa fa-users', colorButton: 'var(--red)', initialValue: ''},
|
|
115
115
|
idade: {value: '40', typeColumn: '', iconButton: '', colorButton: 'var(--red)', initialValue: ''},
|
|
116
|
-
visualizar: {value: '
|
|
116
|
+
visualizar: {value: '', typeColumn: 'button', iconButton: 'fa fa-refresh', colorButton: 'var(--red)', initialValue: '', borderRadius: '5', inativo: true},
|
|
117
117
|
cargo: {value: 'Analista', typeColumn: '', iconButton: '', colorButton: 'var(--red)', initialValue: '',},
|
|
118
118
|
padrao: {value: '1', typeColumn: 'checkbox', iconButton: '', colorButton: 'var(--red)', initialValue: '1',},
|
|
119
119
|
menu: {value: 'Menu',
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
186
186
|
z-index: 1000;
|
|
187
187
|
white-space: pre-wrap; /* Permite quebra de linha */
|
|
188
|
-
max-width:
|
|
188
|
+
max-width: 500px; /* Limita a largura */
|
|
189
189
|
display: flex;
|
|
190
190
|
flex-direction: column;
|
|
191
191
|
gap:8px;
|
|
@@ -225,6 +225,7 @@
|
|
|
225
225
|
border-radius: 4px;
|
|
226
226
|
text-align: left;
|
|
227
227
|
cursor: pointer;
|
|
228
|
+
padding: 5px;
|
|
228
229
|
}
|
|
229
230
|
|
|
230
231
|
.menuDisabled {
|