@charlesgomes/leafcode-shared-lib-react 1.0.6 → 1.0.8

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +61 -18
  4. package/dist/index.mjs +61 -18
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -43,7 +43,7 @@ interface PaginatedResponse<T> {
43
43
  }
44
44
 
45
45
  interface ColumnCustom<T> {
46
- field: keyof T | "acoes" | string; // "acoes" não existe no User, então adicionamos manualmente
46
+ field: keyof T | "acoes" | "actions" | string;
47
47
  header: string;
48
48
  enableSorting?: boolean;
49
49
  size?: number;
package/dist/index.d.ts CHANGED
@@ -43,7 +43,7 @@ interface PaginatedResponse<T> {
43
43
  }
44
44
 
45
45
  interface ColumnCustom<T> {
46
- field: keyof T | "acoes" | string; // "acoes" não existe no User, então adicionamos manualmente
46
+ field: keyof T | "acoes" | "actions" | string;
47
47
  header: string;
48
48
  enableSorting?: boolean;
49
49
  size?: number;
package/dist/index.js CHANGED
@@ -82,13 +82,17 @@ var import_api = require("primereact/api");
82
82
 
83
83
  // src/components/DataTableAdvancedFilter/TableHeader.tsx
84
84
  var import_jsx_runtime2 = require("react/jsx-runtime");
85
- var TableHeader = ({ globalFilterValue, onGlobalFilterChange }) => {
85
+ var TableHeader = ({
86
+ globalFilterValue,
87
+ onGlobalFilterChange,
88
+ isLanguagePtBr
89
+ }) => {
86
90
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
87
91
  import_inputtext.InputText,
88
92
  {
89
93
  value: globalFilterValue,
90
94
  onChange: onGlobalFilterChange,
91
- placeholder: "Pesquisar...",
95
+ placeholder: isLanguagePtBr ? "Pesquisar..." : "Search...",
92
96
  className: "custom-input"
93
97
  }
94
98
  );
@@ -143,7 +147,8 @@ function TableActions({
143
147
  onEdit,
144
148
  onDelete,
145
149
  selectedRows,
146
- customActions = []
150
+ customActions = [],
151
+ isLanguagePtBr
147
152
  }) {
148
153
  const disableButtonsNotMultiplesSelecteds = selectedRows?.length !== 1 ? true : false;
149
154
  const enableButtonsNotMultiplesSelecteds = selectedRows?.length > 0 ? true : false;
@@ -163,7 +168,13 @@ function TableActions({
163
168
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.Plus, { size: 18 })
164
169
  }
165
170
  ),
166
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id: "add", label: "Adicionar" })
171
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
172
+ TooltipCustom,
173
+ {
174
+ id: "add",
175
+ label: isLanguagePtBr ? "Adicionar" : "Add"
176
+ }
177
+ )
167
178
  ] }),
168
179
  onEdit && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
169
180
  "button",
@@ -177,7 +188,13 @@ function TableActions({
177
188
  disabled: disableButtonsNotMultiplesSelecteds,
178
189
  children: [
179
190
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.PencilSimple, { size: 18 }),
180
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id: "edit", label: "Editar" })
191
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
192
+ TooltipCustom,
193
+ {
194
+ id: "edit",
195
+ label: isLanguagePtBr ? "Editar" : "Edit"
196
+ }
197
+ )
181
198
  ]
182
199
  }
183
200
  ) }),
@@ -193,7 +210,13 @@ function TableActions({
193
210
  disabled: !enableButtonsNotMultiplesSelecteds,
194
211
  children: [
195
212
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.Trash, { size: 18 }),
196
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id: "delete", label: "Excluir" })
213
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
214
+ TooltipCustom,
215
+ {
216
+ id: "delete",
217
+ label: isLanguagePtBr ? "Excluir" : "Delete"
218
+ }
219
+ )
197
220
  ]
198
221
  }
199
222
  ) }),
@@ -223,7 +246,8 @@ function ActionsColumn({
223
246
  row,
224
247
  onEdit,
225
248
  onDelete,
226
- customActionsColums
249
+ customActionsColums,
250
+ isLanguagePtBr
227
251
  }) {
228
252
  const resolvedCustomActions = typeof customActionsColums === "function" ? customActionsColums(row) : customActionsColums;
229
253
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "box-icones-actions-column", children: [
@@ -237,7 +261,13 @@ function ActionsColumn({
237
261
  },
238
262
  children: [
239
263
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react2.PencilSimple, { size: 17, weight: "regular" }),
240
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipCustom, { id: "edit-column", label: "Editar" })
264
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
265
+ TooltipCustom,
266
+ {
267
+ id: "edit-column",
268
+ label: isLanguagePtBr ? "Editar" : "Edit"
269
+ }
270
+ )
241
271
  ]
242
272
  }
243
273
  ) }),
@@ -251,7 +281,13 @@ function ActionsColumn({
251
281
  },
252
282
  children: [
253
283
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react2.Trash, { size: 17, weight: "regular" }),
254
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipCustom, { id: "delete-column", label: "Excluir" })
284
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
285
+ TooltipCustom,
286
+ {
287
+ id: "delete-column",
288
+ label: isLanguagePtBr ? "Excluir" : "Delete"
289
+ }
290
+ )
255
291
  ]
256
292
  }
257
293
  ) }),
@@ -300,7 +336,7 @@ function DynamicColumns({
300
336
  );
301
337
  }
302
338
  columns.forEach((col, idx) => {
303
- const isActionsCol = col.field === "acoes";
339
+ const isActionsCol = col.field === "acoes" || col.field === "actions";
304
340
  const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
305
341
  const placeholder = isLanguagePtBr ? "Procurar" : "Search";
306
342
  array.push(
@@ -316,7 +352,7 @@ function DynamicColumns({
316
352
  filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
317
353
  filterMatchModeOptions: col.filterMatchModeOptions,
318
354
  filterPlaceholder: !isActionsCol ? placeholder : void 0,
319
- ...col.field !== "acoes" && {
355
+ ...(col.field !== "acoes" || col.field !== "actions") && {
320
356
  resizeable: col.enableResizeable ?? true
321
357
  },
322
358
  style: isActionsCol ? { width, minWidth: width, position: "relative" } : {},
@@ -326,7 +362,8 @@ function DynamicColumns({
326
362
  row: rowData,
327
363
  onEdit,
328
364
  onDelete,
329
- customActionsColums
365
+ customActionsColums,
366
+ isLanguagePtBr
330
367
  }
331
368
  ) : col.body ? col.body(rowData) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: String(rowData[col.field]) }),
332
369
  sortable: !isActionsCol ? col.enableSorting ?? true : false
@@ -417,7 +454,7 @@ function DataTableAdvancedFilterWrapper({
417
454
  const filtersKey = JSON.stringify(debouncedFilters);
418
455
  const globalFilterFields = (0, import_react4.useMemo)(() => {
419
456
  return columns?.filter(
420
- (col) => col.filterGlobal === true && col.field !== "acoes"
457
+ (col) => col.filterGlobal === true && (col.field !== "acoes" || col.field !== "actions")
421
458
  ).map((col) => col.field) ?? [];
422
459
  }, [columns]);
423
460
  const { data: customers, isLoading } = (0, import_react_query.useQuery)({
@@ -491,6 +528,7 @@ function DataTableAdvancedFilterWrapper({
491
528
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
492
529
  TableHeader_default,
493
530
  {
531
+ isLanguagePtBr,
494
532
  globalFilterValue: searchText,
495
533
  onGlobalFilterChange
496
534
  }
@@ -502,7 +540,8 @@ function DataTableAdvancedFilterWrapper({
502
540
  onNew,
503
541
  onEdit,
504
542
  onDelete,
505
- customActions
543
+ customActions,
544
+ isLanguagePtBr
506
545
  }
507
546
  )
508
547
  ] }),
@@ -566,11 +605,15 @@ function DataTableAdvancedFilterWrapper({
566
605
  }
567
606
  ),
568
607
  CurrentPageReport: (options) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "pageReport", children: [
569
- "Mostrando ",
608
+ isLanguagePtBr ? "Mostrando" : "Showing",
609
+ " ",
570
610
  options.first,
571
- " a ",
611
+ " ",
612
+ isLanguagePtBr ? "a" : "the",
613
+ " ",
572
614
  options.last,
573
- " de",
615
+ " ",
616
+ isLanguagePtBr ? "de" : "of",
574
617
  " ",
575
618
  options.totalRecords
576
619
  ] }),
@@ -587,7 +630,7 @@ function DataTableAdvancedFilterWrapper({
587
630
  paginatorPosition: "top",
588
631
  paginatorLeft: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "paginatorLeft", children: globalFilterFields.length > 0 && TableHeaderAndTableActions }),
589
632
  currentPageReportTemplate: "Mostrando {first} a {last} de {totalRecords}",
590
- emptyMessage: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "Nenhum dado encontrado" }) }),
633
+ emptyMessage: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: isLanguagePtBr ? "Nenhum dado encontrado" : "No data found" }) }),
591
634
  onFilter: (e) => setFilters(e.filters),
592
635
  rowsPerPageOptions: [10, 25, 50, 100],
593
636
  className: "p-datatable-sm",
package/dist/index.mjs CHANGED
@@ -37,13 +37,17 @@ import { FilterMatchMode } from "primereact/api";
37
37
 
38
38
  // src/components/DataTableAdvancedFilter/TableHeader.tsx
39
39
  import { jsx as jsx2 } from "react/jsx-runtime";
40
- var TableHeader = ({ globalFilterValue, onGlobalFilterChange }) => {
40
+ var TableHeader = ({
41
+ globalFilterValue,
42
+ onGlobalFilterChange,
43
+ isLanguagePtBr
44
+ }) => {
41
45
  return /* @__PURE__ */ jsx2(
42
46
  InputText,
43
47
  {
44
48
  value: globalFilterValue,
45
49
  onChange: onGlobalFilterChange,
46
- placeholder: "Pesquisar...",
50
+ placeholder: isLanguagePtBr ? "Pesquisar..." : "Search...",
47
51
  className: "custom-input"
48
52
  }
49
53
  );
@@ -98,7 +102,8 @@ function TableActions({
98
102
  onEdit,
99
103
  onDelete,
100
104
  selectedRows,
101
- customActions = []
105
+ customActions = [],
106
+ isLanguagePtBr
102
107
  }) {
103
108
  const disableButtonsNotMultiplesSelecteds = selectedRows?.length !== 1 ? true : false;
104
109
  const enableButtonsNotMultiplesSelecteds = selectedRows?.length > 0 ? true : false;
@@ -118,7 +123,13 @@ function TableActions({
118
123
  children: /* @__PURE__ */ jsx4(Plus, { size: 18 })
119
124
  }
120
125
  ),
121
- /* @__PURE__ */ jsx4(TooltipCustom, { id: "add", label: "Adicionar" })
126
+ /* @__PURE__ */ jsx4(
127
+ TooltipCustom,
128
+ {
129
+ id: "add",
130
+ label: isLanguagePtBr ? "Adicionar" : "Add"
131
+ }
132
+ )
122
133
  ] }),
123
134
  onEdit && /* @__PURE__ */ jsx4(Fragment, { children: /* @__PURE__ */ jsxs(
124
135
  "button",
@@ -132,7 +143,13 @@ function TableActions({
132
143
  disabled: disableButtonsNotMultiplesSelecteds,
133
144
  children: [
134
145
  /* @__PURE__ */ jsx4(PencilSimple, { size: 18 }),
135
- /* @__PURE__ */ jsx4(TooltipCustom, { id: "edit", label: "Editar" })
146
+ /* @__PURE__ */ jsx4(
147
+ TooltipCustom,
148
+ {
149
+ id: "edit",
150
+ label: isLanguagePtBr ? "Editar" : "Edit"
151
+ }
152
+ )
136
153
  ]
137
154
  }
138
155
  ) }),
@@ -148,7 +165,13 @@ function TableActions({
148
165
  disabled: !enableButtonsNotMultiplesSelecteds,
149
166
  children: [
150
167
  /* @__PURE__ */ jsx4(Trash, { size: 18 }),
151
- /* @__PURE__ */ jsx4(TooltipCustom, { id: "delete", label: "Excluir" })
168
+ /* @__PURE__ */ jsx4(
169
+ TooltipCustom,
170
+ {
171
+ id: "delete",
172
+ label: isLanguagePtBr ? "Excluir" : "Delete"
173
+ }
174
+ )
152
175
  ]
153
176
  }
154
177
  ) }),
@@ -178,7 +201,8 @@ function ActionsColumn({
178
201
  row,
179
202
  onEdit,
180
203
  onDelete,
181
- customActionsColums
204
+ customActionsColums,
205
+ isLanguagePtBr
182
206
  }) {
183
207
  const resolvedCustomActions = typeof customActionsColums === "function" ? customActionsColums(row) : customActionsColums;
184
208
  return /* @__PURE__ */ jsxs2("div", { className: "box-icones-actions-column", children: [
@@ -192,7 +216,13 @@ function ActionsColumn({
192
216
  },
193
217
  children: [
194
218
  /* @__PURE__ */ jsx5(PencilSimple2, { size: 17, weight: "regular" }),
195
- /* @__PURE__ */ jsx5(TooltipCustom, { id: "edit-column", label: "Editar" })
219
+ /* @__PURE__ */ jsx5(
220
+ TooltipCustom,
221
+ {
222
+ id: "edit-column",
223
+ label: isLanguagePtBr ? "Editar" : "Edit"
224
+ }
225
+ )
196
226
  ]
197
227
  }
198
228
  ) }),
@@ -206,7 +236,13 @@ function ActionsColumn({
206
236
  },
207
237
  children: [
208
238
  /* @__PURE__ */ jsx5(Trash2, { size: 17, weight: "regular" }),
209
- /* @__PURE__ */ jsx5(TooltipCustom, { id: "delete-column", label: "Excluir" })
239
+ /* @__PURE__ */ jsx5(
240
+ TooltipCustom,
241
+ {
242
+ id: "delete-column",
243
+ label: isLanguagePtBr ? "Excluir" : "Delete"
244
+ }
245
+ )
210
246
  ]
211
247
  }
212
248
  ) }),
@@ -255,7 +291,7 @@ function DynamicColumns({
255
291
  );
256
292
  }
257
293
  columns.forEach((col, idx) => {
258
- const isActionsCol = col.field === "acoes";
294
+ const isActionsCol = col.field === "acoes" || col.field === "actions";
259
295
  const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
260
296
  const placeholder = isLanguagePtBr ? "Procurar" : "Search";
261
297
  array.push(
@@ -271,7 +307,7 @@ function DynamicColumns({
271
307
  filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
272
308
  filterMatchModeOptions: col.filterMatchModeOptions,
273
309
  filterPlaceholder: !isActionsCol ? placeholder : void 0,
274
- ...col.field !== "acoes" && {
310
+ ...(col.field !== "acoes" || col.field !== "actions") && {
275
311
  resizeable: col.enableResizeable ?? true
276
312
  },
277
313
  style: isActionsCol ? { width, minWidth: width, position: "relative" } : {},
@@ -281,7 +317,8 @@ function DynamicColumns({
281
317
  row: rowData,
282
318
  onEdit,
283
319
  onDelete,
284
- customActionsColums
320
+ customActionsColums,
321
+ isLanguagePtBr
285
322
  }
286
323
  ) : col.body ? col.body(rowData) : /* @__PURE__ */ jsx6("span", { children: String(rowData[col.field]) }),
287
324
  sortable: !isActionsCol ? col.enableSorting ?? true : false
@@ -372,7 +409,7 @@ function DataTableAdvancedFilterWrapper({
372
409
  const filtersKey = JSON.stringify(debouncedFilters);
373
410
  const globalFilterFields = useMemo(() => {
374
411
  return columns?.filter(
375
- (col) => col.filterGlobal === true && col.field !== "acoes"
412
+ (col) => col.filterGlobal === true && (col.field !== "acoes" || col.field !== "actions")
376
413
  ).map((col) => col.field) ?? [];
377
414
  }, [columns]);
378
415
  const { data: customers, isLoading } = useQuery({
@@ -446,6 +483,7 @@ function DataTableAdvancedFilterWrapper({
446
483
  /* @__PURE__ */ jsx7(
447
484
  TableHeader_default,
448
485
  {
486
+ isLanguagePtBr,
449
487
  globalFilterValue: searchText,
450
488
  onGlobalFilterChange
451
489
  }
@@ -457,7 +495,8 @@ function DataTableAdvancedFilterWrapper({
457
495
  onNew,
458
496
  onEdit,
459
497
  onDelete,
460
- customActions
498
+ customActions,
499
+ isLanguagePtBr
461
500
  }
462
501
  )
463
502
  ] }),
@@ -521,11 +560,15 @@ function DataTableAdvancedFilterWrapper({
521
560
  }
522
561
  ),
523
562
  CurrentPageReport: (options) => /* @__PURE__ */ jsxs3("span", { className: "pageReport", children: [
524
- "Mostrando ",
563
+ isLanguagePtBr ? "Mostrando" : "Showing",
564
+ " ",
525
565
  options.first,
526
- " a ",
566
+ " ",
567
+ isLanguagePtBr ? "a" : "the",
568
+ " ",
527
569
  options.last,
528
- " de",
570
+ " ",
571
+ isLanguagePtBr ? "de" : "of",
529
572
  " ",
530
573
  options.totalRecords
531
574
  ] }),
@@ -542,7 +585,7 @@ function DataTableAdvancedFilterWrapper({
542
585
  paginatorPosition: "top",
543
586
  paginatorLeft: /* @__PURE__ */ jsx7("div", { className: "paginatorLeft", children: globalFilterFields.length > 0 && TableHeaderAndTableActions }),
544
587
  currentPageReportTemplate: "Mostrando {first} a {last} de {totalRecords}",
545
- emptyMessage: /* @__PURE__ */ jsx7("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ jsx7("p", { children: "Nenhum dado encontrado" }) }),
588
+ emptyMessage: /* @__PURE__ */ jsx7("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ jsx7("p", { children: isLanguagePtBr ? "Nenhum dado encontrado" : "No data found" }) }),
546
589
  onFilter: (e) => setFilters(e.filters),
547
590
  rowsPerPageOptions: [10, 25, 50, 100],
548
591
  className: "p-datatable-sm",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charlesgomes/leafcode-shared-lib-react",
3
- "version": "1.0.6",
3
+ "version": "1.0.8",
4
4
  "description": "Lib de componentes react",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",