@loja-integrada/admin-components 1.0.29 → 1.0.30
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/chunk-LTICA25W.js +10 -0
- package/dist/{chunk-E6RVQSKI.js → chunk-YRMGTRPK.js} +1 -1
- package/dist/components/DataTable/DataTable.client.d.ts +3 -3
- package/dist/components/DataTable/index.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/forms/Calendar/index.js +1 -1
- package/dist/forms/index.js +1 -1
- package/dist/index.js +2 -2
- package/dist/navigation/Pagination/index.js +1 -1
- package/dist/navigation/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-U6RHP7F2.js +0 -10
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { a } from './chunk-DIENJUYM.js';
|
|
2
|
+
import { a as a$2 } from './chunk-IPIBO3ES.js';
|
|
3
|
+
import { f, c, a as a$1, b, d, g } from './chunk-MMWMFOBR.js';
|
|
4
|
+
import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
|
|
5
|
+
import { memo, useState, useMemo, useEffect } from 'react';
|
|
6
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var P=s=>typeof s=="string"?jsx("div",{className:"text-f4 py-4 text-center font-semibold text-on-base-2 lg:py-10",children:s}):s,Q=({columns:s,data:n=[],isLoading:C=!1,error:u=!1,selectable:t=!1,showSelectAll:D=!0,showCountSelected:N=!0,showHeaderInMobile:y=!1,childrenHeaderMobile:S=null,onChange:k,defaultSelectedIds:H,disabledIds:h=[],id:p="",emptyText:W="Nenhum registro encontrado",errorText:B="Ocorreu um erro ao carregar os itens."})=>{let[o,O]=useState({}),d$1=useMemo(()=>s.map(e=>({...e,accessorKey:e?.id||""})),[s]);useEffect(()=>{H&&O(H.reduce((e,l)=>({...e,[l]:!0}),{})||{});},[n]),useEffect(()=>{k&&k(Object.keys(o));},[o]);let g$1=useMemo(()=>p?`table${p.charAt(0).toUpperCase()}${p.slice(1)}`:"table",[p]),F=useMemo(()=>t?h.length===0?!0:e=>!h.includes(e.id.toString()):!1,[t,h]),r=useReactTable({data:n,columns:d$1,state:{rowSelection:o},getRowId:e=>e?.id,enableRowSelection:F,onRowSelectionChange:O,getCoreRowModel:getCoreRowModel(),manualPagination:!0,manualFiltering:!0}),x=r.getIsAllRowsSelected(),j=r.getIsSomeRowsSelected(),b$1=useMemo(()=>y&&n.length>0,[y,n]),L=useMemo(()=>r.getHeaderGroups().map(e=>jsxs(f,{className:b$1?"max-lg:min-w-28 max-lg:flex-row max-lg:items-center max-lg:!border-0 max-lg:p-0 max-lg:hover:bg-transparent max-lg:[&>th:not(:nth-child(1),:nth-child(2))]:hidden":"",children:[t?jsx(c,{className:"w-6 lg:w-8",children:D?jsx(a,{checked:x,indeterminate:!x&&j,disabled:n.length===0,onChange:r.getToggleAllRowsSelectedHandler(),id:`checkboxSelectAllRows${g$1}`}):null}):null,e.headers.map((l,K)=>jsx(c,{colSpan:l.colSpan,className:l.column.columnDef?.className?.header||"",children:N&&K===0&&(Object.keys(o).length>0||b$1)?jsx("label",{htmlFor:`checkboxSelectAllRows${g$1}`,className:"cursor-pointer",children:b$1&&Object.keys(o).length==0?jsxs(Fragment,{children:[jsx("div",{className:"lg:hidden",children:"0 selecionados"}),jsx("div",{className:"hidden lg:inline",children:flexRender(l.column.columnDef.header,l.getContext())})]}):jsxs("span",{className:"min-w-28 text-primary-dark",id:"tableCountSelected",children:[Object.keys(o).length," selecionado",Object.keys(o).length>1?"s":""]})}):l.isPlaceholder?null:flexRender(l.column.columnDef.header,l.getContext())},l.id))]},e.id)),[r,t,g$1,x,j,D,o,N,b$1,s]),z=useMemo(()=>t?d$1.length+1:d$1.length,[d$1,t]);return jsxs(a$1,{id:g$1,children:[jsxs(b,{className:b$1?"flex w-full justify-between max-lg:mb-3 max-lg:border-0 max-lg:bg-transparent":"",children:[L,jsx("span",{className:"col-span-2 flex w-[55%] items-center justify-between lg:hidden",children:S||null})]}),jsx(d,{className:"flex flex-col gap-2 lg:table-row-group",children:C||u||n.length===0?jsx(f,{className:u||n.length===0?"p-0 hover:bg-transparent max-lg:border-none":"flex-row flex-wrap items-center",children:C?jsxs(Fragment,{children:[t?jsx(g,{className:"mr-2",children:jsx(a,{disabled:!0,className:"animate-pulse"})}):null,d$1.map((e,l)=>jsx(g,{className:`${l===0?"w-10/12":"w-full"} lg:w-auto`,children:jsx(a$2,{className:"mb-1 lg:mb-0"})},`${e.id}-${l}`))]}):u||n.length===0?jsx(g,{colSpan:z||1,children:P(u?B:W)}):null}):r.getRowModel().rows.map(e=>jsxs(f,{"data-checked":e.getIsSelected(),className:t?"flex-row flex-wrap items-center":"",children:[t?jsx(g,{children:jsx(a,{onChange:e.getToggleSelectedHandler(),checked:e.getIsSelected(),disabled:!e.getCanSelect(),indeterminate:e.getIsSomeSelected(),id:`checkboxRow${e.id}${g$1}`,className:"mr-2 lg:mr-0"})}):null,e.getVisibleCells().map(l=>jsx(g,{className:l.column.columnDef?.className?.cell||"",children:flexRender(l.column.columnDef.cell,l.getContext())},l.id))]},e.id))})]})},G=memo(Q);G.displayName="DataTable";var ae=G;
|
|
9
|
+
|
|
10
|
+
export { ae as a };
|
|
@@ -4,6 +4,6 @@ import { a } from './chunk-REQIQLRI.js';
|
|
|
4
4
|
import M, { useMemo, useEffect, useRef, useState } from 'react';
|
|
5
5
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
|
-
function w(c){return c.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".")}var L=({className:c="",currentItemsLength:t,totalItemsLength:i=0,itemsLengthOptions:e=d,onItemsLengthChange:o,defaultItemsLengthOption:a$1=d[0].value})=>{let r=M.createRef(),s=p=>{let n=parseInt(p.currentTarget.value);o&&o(n);},l=useMemo(()=>e?.[0]?.value,[e]);if(useEffect(()=>{a$1&&r.current&&(r.current.value=a$1.toString(),o?.(a$1));},[a$1]),!t&&t!==0)return null;let m=Math.max(t,i);return jsx("div",{className:a("pagination-info hidden sm:flex",c),children:jsxs("div",{className:"text-f6 mr-5 flex items-center tracking-4 text-inverted-2",children:[e&&e?.length>0&&t>=l?jsx(b,{ref:r,id:"selectItemsPerPage",options:e,withoutStyle:!0,"aria-label":"Itens por p\xE1gina",onChange:s,className:"h-6",defaultValue:a$1}):jsxs("span",{children:["Mostrando"," ",jsx("span",{className:"pagination-info-current",children:t})]}),"\xA0de\xA0",jsx("span",{className:"pagination-info-total",children:w(m)}),"\xA0no total"]})})},N=M.memo(L);N.displayName="PaginationInfo";var $=({className:c="",currentPage:t=1,totalPages:i=1,onPageChange:e})=>{let o=useRef(null),a$2=useMemo(()=>Math.max(t,i),[t,i]),r=useMemo(()=>t<i,[t,i]),s=useMemo(()=>t>1,[t]),l=n=>{n=n<1||isNaN(n)?1:n>a$2?a$2:n,e&&e(n);},m=n=>(n.preventDefault(),!1),p=n=>{if(!/^\d$/.test(n.key)&&n.key!=="Enter"&&n.key!=="Backspace"&&n.key!=="Delete"&&n.key!=="ArrowLeft"&&n.key!=="ArrowRight"&&n.key!=="Tab"){n.preventDefault();return}if(n.key==="Enter"){let v=o?.current?.innerText;if(v)try{let u=parseInt(v);l(u);}catch(u){console.error(u);}n.preventDefault();return}};return useEffect(()=>{o?.current&&(o.current.innerText=t.toString());},[t]),jsxs("div",{className:a("pagination-nav flex w-full items-center justify-between lg:w-auto",c),children:[jsxs("div",{className:"pagination-nav-current-total text-f6 text-inverted-2",children:[jsx("span",{id:"btnPaginationActualPage",className:"pagination-nav-current -mx-1 inline-block rounded border-card-stroke/50 px-1 text-center font-semibold leading-8 text-primary lg:min-w-9 lg:border lg:bg-base-1",ref:o,contentEditable:!0,suppressContentEditableWarning:!0,onKeyDown:p,onCopy:m,onCut:m,onPaste:m,children:t})," ","/"," ",jsx("button",{type:"button",id:"btnPaginationLastPage",className:"pagination-nav-total focus:outline-none",onClick:()=>{t!==a$2&&l(a$2);},children:a$2})]}),jsxs("div",{className:"pagination-nav-previous-next ml-5 flex items-center text-inverted-2",children:[jsx("button",{type:"button",id:"btnPaginationPrev",className:`pagination-nav-previous mr-3 outline-none duration-200 ${s?"hover:text-inverted-1":"opacity-75"}`,"aria-label":"Ir para p\xE1gina anterior",onClick:()=>{s&&l(t-1);},children:jsx(a$1,{icon:"arrowLeft",size:4})}),jsx("button",{type:"button",id:"btnPaginationNext",className:`pagination-nav-next outline-none duration-200 ${r?"hover:text-inverted-1":"opacity-75"}`,"aria-label":"Ir para pr\xF3xima p\xE1gina",onClick:()=>{r&&l(t+1);},children:jsx(a$1,{icon:"arrowRight",size:4})})]})]})},h=M.memo($);h.displayName="PaginationNav";var d=[{label:"Mostrando 25",value:25},{label:"Mostrando 50",value:50},{label:"Mostrando 75",value:75},{label:"Mostrando 100",value:100}],O=({showPaginationInfo:c=!0,showPaginationNav:t=!0,classNamePaginationInfo:i="",classNamePaginationNav:e="",className:o="",currentPage:a$1=1,totalPages:r,defaultItemsLengthOption:s=d[0].value,onPageChange:l,currentItemsLength:m,totalItemsLength:p,itemsLengthOptions:n=d,onItemsLengthChange:v})=>{let[u,I]=useState(s),D=p&&Math.ceil(p/u),S=r||D;useEffect(()=>{I(s);},[s]);let R=E=>{I(E),v&&v(E);};return jsxs("div",{className:a("pagination flex flex-wrap items-center justify-end leading-4 sm:justify-between",o),children:[c?jsx(N,{className:i,currentItemsLength:m,totalItemsLength:p,itemsLengthOptions:n,onItemsLengthChange:R,defaultItemsLengthOption:u}):null,t?jsx(h,{className:e,currentPage:a$1,totalPages:S,onPageChange:l}):null]})},U=M.memo(O);U.displayName="Pagination";
|
|
7
|
+
function w(c){return c.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".")}var L=({className:c="",currentItemsLength:t,totalItemsLength:i=0,itemsLengthOptions:e=d,onItemsLengthChange:o,defaultItemsLengthOption:a$1=d[0].value})=>{let r=M.createRef(),s=p=>{let n=parseInt(p.currentTarget.value);o&&o(n);},l=useMemo(()=>e?.[0]?.value,[e]);if(useEffect(()=>{a$1&&r.current&&(r.current.value=a$1.toString(),o?.(a$1));},[a$1]),!t&&t!==0)return null;let m=Math.max(t,i);return jsx("div",{className:a("pagination-info hidden sm:flex",c),children:jsxs("div",{className:"text-f6 mr-5 flex items-center tracking-4 text-inverted-2",children:[e&&e?.length>0&&t>=l?jsx(b,{ref:r,id:"selectItemsPerPage",options:e,withoutStyle:!0,"aria-label":"Itens por p\xE1gina",onChange:s,className:"h-6",defaultValue:a$1}):jsxs("span",{children:["Mostrando"," ",jsx("span",{className:"pagination-info-current",children:t})]}),"\xA0de\xA0",jsx("span",{className:"pagination-info-total",children:w(m)}),"\xA0no total"]})})},N=M.memo(L);N.displayName="PaginationInfo";var $=({className:c="",currentPage:t=1,totalPages:i=1,onPageChange:e})=>{let o=useRef(null),a$2=useMemo(()=>Math.max(t,i),[t,i]),r=useMemo(()=>t<i,[t,i]),s=useMemo(()=>t>1,[t]),l=n=>{n=n<1||isNaN(n)?1:n>a$2?a$2:n,e&&e(n);},m=n=>(n.preventDefault(),!1),p=n=>{if(!/^\d$/.test(n.key)&&n.key!=="Enter"&&n.key!=="Backspace"&&n.key!=="Delete"&&n.key!=="ArrowLeft"&&n.key!=="ArrowRight"&&n.key!=="Tab"){n.preventDefault();return}if(n.key==="Enter"){let v=o?.current?.innerText;if(v)try{let u=parseInt(v);l(u);}catch(u){console.error(u);}n.preventDefault();return}};return useEffect(()=>{o?.current&&(o.current.innerText=t.toString());},[t]),jsxs("div",{className:a("pagination-nav flex w-full items-center justify-between lg:w-auto",c),children:[jsxs("div",{className:"pagination-nav-current-total text-f6 text-inverted-2",children:[jsx("span",{id:"btnPaginationActualPage",className:"pagination-nav-current -mx-1 inline-block rounded border-card-stroke/50 px-1 text-center font-semibold leading-8 text-primary lg:mx-0 lg:min-w-9 lg:border lg:bg-base-1",ref:o,contentEditable:!0,suppressContentEditableWarning:!0,onKeyDown:p,onCopy:m,onCut:m,onPaste:m,children:t})," ","/"," ",jsx("button",{type:"button",id:"btnPaginationLastPage",className:"pagination-nav-total focus:outline-none",onClick:()=>{t!==a$2&&l(a$2);},children:a$2})]}),jsxs("div",{className:"pagination-nav-previous-next ml-5 flex items-center text-inverted-2",children:[jsx("button",{type:"button",id:"btnPaginationPrev",className:`pagination-nav-previous mr-3 outline-none duration-200 ${s?"hover:text-inverted-1":"opacity-75"}`,"aria-label":"Ir para p\xE1gina anterior",onClick:()=>{s&&l(t-1);},children:jsx(a$1,{icon:"arrowLeft",size:4})}),jsx("button",{type:"button",id:"btnPaginationNext",className:`pagination-nav-next outline-none duration-200 ${r?"hover:text-inverted-1":"opacity-75"}`,"aria-label":"Ir para pr\xF3xima p\xE1gina",onClick:()=>{r&&l(t+1);},children:jsx(a$1,{icon:"arrowRight",size:4})})]})]})},h=M.memo($);h.displayName="PaginationNav";var d=[{label:"Mostrando 25",value:25},{label:"Mostrando 50",value:50},{label:"Mostrando 75",value:75},{label:"Mostrando 100",value:100}],O=({showPaginationInfo:c=!0,showPaginationNav:t=!0,classNamePaginationInfo:i="",classNamePaginationNav:e="",className:o="",currentPage:a$1=1,totalPages:r,defaultItemsLengthOption:s=d[0].value,onPageChange:l,currentItemsLength:m,totalItemsLength:p,itemsLengthOptions:n=d,onItemsLengthChange:v})=>{let[u,I]=useState(s),D=p&&Math.ceil(p/u),S=r||D;useEffect(()=>{I(s);},[s]);let R=E=>{I(E),v&&v(E);};return jsxs("div",{className:a("pagination flex flex-wrap items-center justify-end leading-4 sm:justify-between",o),children:[c?jsx(N,{className:i,currentItemsLength:m,totalItemsLength:p,itemsLengthOptions:n,onItemsLengthChange:R,defaultItemsLengthOption:u}):null,t?jsx(h,{className:e,currentPage:a$1,totalPages:S,onPageChange:l}):null]})},U=M.memo(O);U.displayName="Pagination";
|
|
8
8
|
|
|
9
9
|
export { N as a, h as b, d as c, U as d };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColumnDef } from '@tanstack/react-table';
|
|
2
|
-
declare const DataTable: <TData>({ columns: columnsProps, data, isLoading, error, selectable, showSelectAll, showCountSelected,
|
|
2
|
+
declare const DataTable: <TData>({ columns: columnsProps, data, isLoading, error, selectable, showSelectAll, showCountSelected, showHeaderInMobile, childrenHeaderMobile, onChange, defaultSelectedIds, disabledIds, id, emptyText, errorText }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
type DataTableColumn<TData> = ColumnDef<TData> & {
|
|
4
4
|
className?: {
|
|
5
5
|
header?: string;
|
|
@@ -42,10 +42,10 @@ interface DataTableProps<TData> {
|
|
|
42
42
|
*/
|
|
43
43
|
showCountSelected?: boolean;
|
|
44
44
|
/**
|
|
45
|
-
* Show
|
|
45
|
+
* Show header with checkbox to select all and custom element in mobile
|
|
46
46
|
* @default false
|
|
47
47
|
*/
|
|
48
|
-
|
|
48
|
+
showHeaderInMobile?: boolean;
|
|
49
49
|
/**
|
|
50
50
|
* Content to show in the header of the table in mobile
|
|
51
51
|
* @default null
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../chunk-DIFKNF3L.js';
|
|
2
2
|
export { a as IconCircular } from '../chunk-BV27BOLB.js';
|
|
3
3
|
export { a as Button } from '../chunk-HHPP5PSK.js';
|
|
4
|
-
export { a as DataTable } from '../chunk-
|
|
4
|
+
export { a as DataTable } from '../chunk-LTICA25W.js';
|
|
5
5
|
import '../chunk-DIENJUYM.js';
|
|
6
6
|
import '../chunk-G3GCVCTU.js';
|
|
7
7
|
export { a as LoadingPlaceholder } from '../chunk-IPIBO3ES.js';
|
|
@@ -10,7 +10,7 @@ import '../../chunk-7Z3CCBLX.js';
|
|
|
10
10
|
import '../../chunk-7QFPSOGQ.js';
|
|
11
11
|
import '../../chunk-L6H2NDVS.js';
|
|
12
12
|
import '../../chunk-HHPP5PSK.js';
|
|
13
|
-
import '../../chunk-
|
|
13
|
+
import '../../chunk-LTICA25W.js';
|
|
14
14
|
import '../../chunk-DIENJUYM.js';
|
|
15
15
|
import '../../chunk-G3GCVCTU.js';
|
|
16
16
|
import '../../chunk-IPIBO3ES.js';
|
package/dist/forms/index.js
CHANGED
|
@@ -13,7 +13,7 @@ export { a as InputLabel } from '../chunk-7Z3CCBLX.js';
|
|
|
13
13
|
import '../chunk-7QFPSOGQ.js';
|
|
14
14
|
import '../chunk-L6H2NDVS.js';
|
|
15
15
|
import '../chunk-HHPP5PSK.js';
|
|
16
|
-
import '../chunk-
|
|
16
|
+
import '../chunk-LTICA25W.js';
|
|
17
17
|
export { a as Checkbox } from '../chunk-DIENJUYM.js';
|
|
18
18
|
export { a as InputHelpText } from '../chunk-G3GCVCTU.js';
|
|
19
19
|
import '../chunk-IPIBO3ES.js';
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import './chunk-7RP4L6ZM.js';
|
|
|
2
2
|
import './chunk-4PUGMMDC.js';
|
|
3
3
|
export { a as Breadcrumb } from './chunk-FZISHDWC.js';
|
|
4
4
|
export { a as HelpLink } from './chunk-SXBDHD2Z.js';
|
|
5
|
-
export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from './chunk-
|
|
5
|
+
export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from './chunk-YRMGTRPK.js';
|
|
6
6
|
export { a as Stepper } from './chunk-I7PCF2VW.js';
|
|
7
7
|
import './chunk-BQWNCDFV.js';
|
|
8
8
|
export { a as Dropdown } from './chunk-I757C3JI.js';
|
|
@@ -24,7 +24,7 @@ export { a as InputLabel } from './chunk-7Z3CCBLX.js';
|
|
|
24
24
|
export { a as ActionBar } from './chunk-7QFPSOGQ.js';
|
|
25
25
|
import './chunk-L6H2NDVS.js';
|
|
26
26
|
export { a as Button } from './chunk-HHPP5PSK.js';
|
|
27
|
-
export { a as DataTable } from './chunk-
|
|
27
|
+
export { a as DataTable } from './chunk-LTICA25W.js';
|
|
28
28
|
export { a as Checkbox } from './chunk-DIENJUYM.js';
|
|
29
29
|
export { a as InputHelpText } from './chunk-G3GCVCTU.js';
|
|
30
30
|
export { a as LoadingPlaceholder } from './chunk-IPIBO3ES.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from '../../chunk-
|
|
1
|
+
"use client";export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from '../../chunk-YRMGTRPK.js';
|
|
2
2
|
import '../../chunk-HZACKBIW.js';
|
|
3
3
|
import '../../chunk-7Z3CCBLX.js';
|
|
4
4
|
import '../../chunk-G3GCVCTU.js';
|
package/dist/navigation/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../chunk-4PUGMMDC.js';
|
|
2
2
|
export { a as Breadcrumb } from '../chunk-FZISHDWC.js';
|
|
3
3
|
export { a as HelpLink } from '../chunk-SXBDHD2Z.js';
|
|
4
|
-
export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from '../chunk-
|
|
4
|
+
export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from '../chunk-YRMGTRPK.js';
|
|
5
5
|
export { a as Stepper } from '../chunk-I7PCF2VW.js';
|
|
6
6
|
import '../chunk-HZACKBIW.js';
|
|
7
7
|
import '../chunk-7Z3CCBLX.js';
|
package/package.json
CHANGED
package/dist/chunk-U6RHP7F2.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-DIENJUYM.js';
|
|
2
|
-
import { a as a$2 } from './chunk-IPIBO3ES.js';
|
|
3
|
-
import { f, c, a as a$1, b, d, g } from './chunk-MMWMFOBR.js';
|
|
4
|
-
import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
|
|
5
|
-
import { memo, useState, useMemo, useEffect } from 'react';
|
|
6
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var P=s=>typeof s=="string"?jsx("div",{className:"text-f4 py-4 text-center font-semibold text-on-base-2 lg:py-10",children:s}):s,Q=({columns:s,data:n=[],isLoading:C=!1,error:u=!1,selectable:t=!1,showSelectAll:D=!0,showCountSelected:N=!0,showCountSelectedInMobile:y=!1,childrenHeaderMobile:S=null,onChange:k,defaultSelectedIds:H,disabledIds:h=[],id:p="",emptyText:W="Nenhum registro encontrado",errorText:B="Ocorreu um erro ao carregar os itens."})=>{let[o,O]=useState({}),d$1=useMemo(()=>s.map(e=>({...e,accessorKey:e?.id||""})),[s]);useEffect(()=>{H&&O(H.reduce((e,l)=>({...e,[l]:!0}),{})||{});},[n]),useEffect(()=>{k&&k(Object.keys(o));},[o]);let g$1=useMemo(()=>p?`table${p.charAt(0).toUpperCase()}${p.slice(1)}`:"table",[p]),F=useMemo(()=>t?h.length===0?!0:e=>!h.includes(e.id.toString()):!1,[t,h]),r=useReactTable({data:n,columns:d$1,state:{rowSelection:o},getRowId:e=>e?.id,enableRowSelection:F,onRowSelectionChange:O,getCoreRowModel:getCoreRowModel(),manualPagination:!0,manualFiltering:!0}),x=r.getIsAllRowsSelected(),j=r.getIsSomeRowsSelected(),b$1=useMemo(()=>y&&n.length>0,[y,n]),L=useMemo(()=>r.getHeaderGroups().map(e=>jsxs(f,{className:b$1?"max-lg:min-w-28 max-lg:flex-row max-lg:items-center max-lg:!border-0 max-lg:p-0 max-lg:hover:bg-transparent max-lg:[&>th:not(:nth-child(1),:nth-child(2))]:hidden":"",children:[t?jsx(c,{className:"w-6 lg:w-8",children:D?jsx(a,{checked:x,indeterminate:!x&&j,disabled:n.length===0,onChange:r.getToggleAllRowsSelectedHandler(),id:`checkboxSelectAllRows${g$1}`}):null}):null,e.headers.map((l,K)=>jsx(c,{colSpan:l.colSpan,className:l.column.columnDef?.className?.header||"",children:N&&K===0&&(Object.keys(o).length>0||b$1)?jsx("label",{htmlFor:`checkboxSelectAllRows${g$1}`,className:"cursor-pointer",children:b$1&&Object.keys(o).length==0?jsxs(Fragment,{children:[jsx("div",{className:"lg:hidden",children:"0 selecionados"}),jsx("div",{className:"hidden lg:inline",children:flexRender(l.column.columnDef.header,l.getContext())})]}):jsxs("span",{className:"min-w-28 text-primary-dark",id:"tableCountSelected",children:[Object.keys(o).length," selecionado",Object.keys(o).length>1?"s":""]})}):l.isPlaceholder?null:flexRender(l.column.columnDef.header,l.getContext())},l.id))]},e.id)),[r,t,g$1,x,j,D,o,N,b$1,s]),z=useMemo(()=>t?d$1.length+1:d$1.length,[d$1,t]);return jsxs(a$1,{id:g$1,children:[jsxs(b,{className:b$1?"flex w-full justify-between max-lg:mb-3 max-lg:border-0 max-lg:bg-transparent":"",children:[L,jsx("span",{className:"col-span-2 flex w-[55%] items-center justify-between lg:hidden",children:S||null})]}),jsx(d,{className:"flex flex-col gap-2 lg:table-row-group",children:C||u||n.length===0?jsx(f,{className:u||n.length===0?"p-0 hover:bg-transparent max-lg:border-none":"flex-row flex-wrap items-center",children:C?jsxs(Fragment,{children:[t?jsx(g,{className:"mr-2",children:jsx(a,{disabled:!0,className:"animate-pulse"})}):null,d$1.map((e,l)=>jsx(g,{className:`${l===0?"w-10/12":"w-full"} lg:w-auto`,children:jsx(a$2,{className:"mb-1 lg:mb-0"})},`${e.id}-${l}`))]}):u||n.length===0?jsx(g,{colSpan:z||1,children:P(u?B:W)}):null}):r.getRowModel().rows.map(e=>jsxs(f,{"data-checked":e.getIsSelected(),className:t?"flex-row flex-wrap items-center":"",children:[t?jsx(g,{children:jsx(a,{onChange:e.getToggleSelectedHandler(),checked:e.getIsSelected(),disabled:!e.getCanSelect(),indeterminate:e.getIsSomeSelected(),id:`checkboxRow${e.id}${g$1}`,className:"mr-2 lg:mr-0"})}):null,e.getVisibleCells().map(l=>jsx(g,{className:l.column.columnDef?.className?.cell||"",children:flexRender(l.column.columnDef.cell,l.getContext())},l.id))]},e.id))})]})},G=memo(Q);G.displayName="DataTable";var ae=G;
|
|
9
|
-
|
|
10
|
-
export { ae as a };
|