@loja-integrada/admin-components 1.1.0 → 1.1.1

package/dist/chunk-JZ6ZGBZ4.js

@@ -0,0 +1,11 @@
+import { a as a$1 } from './chunk-DVFKTOCS.js';
+import { a } from './chunk-DIENJUYM.js';
+import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.js';
+import { a as a$3 } from './chunk-IPIBO3ES.js';
+import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { memo, useState, useMemo, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var G=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,Y=({columns:s,data:o=[],isLoading:C=!1,error:b$1=!1,selectable:t=!1,showSelectAll:N=!0,showCountSelected:y=!0,countSelectedText:w=["selecionado","selecionados"],showHeaderInMobile:k=!1,childrenHeaderMobile:v=null,onChange:H,defaultSelectedIds:I,disabledIds:x=[],id:u="",emptyText:F="Nenhum registro encontrado",errorText:z="Ocorreu um erro ao carregar os itens."})=>{let[f$1,P]=useState({}),i=useMemo(()=>s.map(e=>({...e,accessorKey:e?.id||""})),[s]);useEffect(()=>{if(I){let e={};I.forEach(l=>e[l]=!0),P(e);}},[o]),useEffect(()=>{H&&H(Object.keys(f$1));},[f$1]);let g$1=useMemo(()=>u?`table${u.charAt(0).toUpperCase()}${u.slice(1)}`:"table",[u]),K=useMemo(()=>t?x.length===0?!0:e=>!x.includes(e.id.toString()):!1,[t,x]),r=useReactTable({data:o,columns:i,state:{rowSelection:f$1},getRowId:e=>e?.id,enableRowSelection:K,onRowSelectionChange:P,getCoreRowModel:getCoreRowModel(),manualPagination:!0,manualFiltering:!0}),R=r.getIsAllPageRowsSelected(),$=r.getIsSomePageRowsSelected(),T=r.getSelectedRowModel().rows.length,d$1=useMemo(()=>k&&o.length>0,[k,o]),U=useMemo(()=>r.getHeaderGroups().map(e=>jsxs(f,{className:d$1?"shrink-0 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:N?jsx(a,{checked:R,indeterminate:!R&&$,disabled:o.length===0,onChange:r.getToggleAllPageRowsSelectedHandler(),id:`checkboxSelectAllRows${g$1}`}):null}):null,e.headers.map((l,_)=>jsx(c,{colSpan:l.colSpan,className:l.column.columnDef?.className?.header||"",children:y&&_===0&&(T>0||d$1)?jsx("label",{htmlFor:`checkboxSelectAllRows${g$1}`,className:"cursor-pointer",children:d$1&&T===0?jsxs(Fragment,{children:[jsxs("div",{className:"lg:hidden",children:["0 ",w?.[1]]}),jsx("div",{className:"hidden lg:inline",children:flexRender(l.column.columnDef.header,l.getContext())})]}):jsxs("div",{className:"inline min-w-28 text-primary-dark",id:"tableCountSelected",children:[a$1(T)," ",T===1?w?.[0]:w?.[1]]})}):l.isPlaceholder?null:flexRender(l.column.columnDef.header,l.getContext())},l.id))]},e.id)),[r,t,g$1,R,$,N,f$1,y,d$1,s]),V=useMemo(()=>t?i.length+1:i.length,[i,t]);return jsxs(a$2,{id:g$1,children:[jsxs(b,{className:d$1?"flex w-full justify-between max-lg:mb-3 max-lg:border-0 max-lg:bg-transparent max-lg:[&_tr]:border-0":"",children:[U,jsx("tr",{className:"w-[55%] lg:hidden",children:jsx("th",{className:"flex items-center justify-between font-normal",children:v||null})})]}),jsx(d,{className:"flex flex-col gap-2 lg:table-row-group",children:C||b$1||o.length===0?jsx(f,{className:b$1||o.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,i.map((e,l)=>jsx(g,{className:`${l===0?"w-10/12":"w-full"} lg:w-auto`,children:jsx(a$3,{className:"mb-1 lg:mb-0"})},`${e.id}-${l}`))]}):b$1||o.length===0?jsx(g,{colSpan:V||1,children:G(b$1?z:F)}):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))})]})},B=memo(Y);B.displayName="DataTable";var re=B;
+
+export { re as a };

package/dist/components/DataTable/DataTable.client.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef } from '@tanstack/react-table';
-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;
+declare const DataTable: <TData>({ columns: columnsProps, data, isLoading, error, selectable, showSelectAll, showCountSelected, countSelectedText, showHeaderInMobile, childrenHeaderMobile, onChange, defaultSelectedIds, disabledIds, id, emptyText, errorText }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
 type DataTableColumn<TData> = ColumnDef<TData> & {
     className?: {
         header?: string;
@@ -41,6 +41,11 @@ interface DataTableProps<TData> {
      * @default true
      */
     showCountSelected?: boolean;
+    /**
+     * Custom text for the count of selected rows
+     * @default ['selecionado', 'selecionados']
+     */
+    countSelectedText?: string[];
     /**
      * Show header with checkbox to select all and custom element in mobile
      * @default false

package/dist/components/DataTable/index.js

@@ -1,4 +1,4 @@
-"use client";export { a as DataTable } from '../../chunk-JDVLTW4K.js';
+"use client";export { a as DataTable } from '../../chunk-JZ6ZGBZ4.js';
 import '../../chunk-DVFKTOCS.js';
 import '../../chunk-DIENJUYM.js';
 import '../../chunk-G3GCVCTU.js';

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import '../chunk-KN7DOGNL.js';
 export { a as IconCircular } from '../chunk-4SY7T43H.js';
 export { a as Button } from '../chunk-ZQHNRXAY.js';
-export { a as DataTable } from '../chunk-JDVLTW4K.js';
+export { a as DataTable } from '../chunk-JZ6ZGBZ4.js';
 import '../chunk-DVFKTOCS.js';
 import '../chunk-DIENJUYM.js';
 import '../chunk-G3GCVCTU.js';

package/dist/forms/Calendar/index.js

@@ -10,7 +10,7 @@ import '../../chunk-NW24WOHT.js';
 import '../../chunk-SJ4MATMO.js';
 import '../../chunk-7Z3CCBLX.js';
 import '../../chunk-ZQHNRXAY.js';
-import '../../chunk-JDVLTW4K.js';
+import '../../chunk-JZ6ZGBZ4.js';
 import '../../chunk-DVFKTOCS.js';
 import '../../chunk-DIENJUYM.js';
 import '../../chunk-G3GCVCTU.js';

package/dist/forms/index.js

@@ -13,7 +13,7 @@ export { a as InputMask } from '../chunk-NW24WOHT.js';
 export { a as Input } from '../chunk-SJ4MATMO.js';
 export { a as InputLabel } from '../chunk-7Z3CCBLX.js';
 import '../chunk-ZQHNRXAY.js';
-import '../chunk-JDVLTW4K.js';
+import '../chunk-JZ6ZGBZ4.js';
 import '../chunk-DVFKTOCS.js';
 export { a as Checkbox } from '../chunk-DIENJUYM.js';
 export { a as InputHelpText } from '../chunk-G3GCVCTU.js';

package/dist/index.js

@@ -24,7 +24,7 @@ export { a as Tag } from './chunk-LUOOFUZD.js';
 export { a as Button } from './chunk-ZQHNRXAY.js';
 export { b as ToastContainer, a as notify } from './chunk-PF7QTNU3.js';
 export { a as Tooltip } from './chunk-TZI6YTCW.js';
-export { a as DataTable } from './chunk-JDVLTW4K.js';
+export { a as DataTable } from './chunk-JZ6ZGBZ4.js';
 import './chunk-DVFKTOCS.js';
 export { a as Checkbox } from './chunk-DIENJUYM.js';
 export { a as InputHelpText } from './chunk-G3GCVCTU.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {

package/dist/chunk-JDVLTW4K.js

@@ -1,11 +0,0 @@
-import { a as a$1 } from './chunk-DVFKTOCS.js';
-import { a } from './chunk-DIENJUYM.js';
-import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.js';
-import { a as a$3 } from './chunk-IPIBO3ES.js';
-import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
-import { memo, useState, useMemo, useEffect } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var W=n=>typeof n=="string"?jsx("div",{className:"text-f4 py-4 text-center font-semibold text-on-base-2 lg:py-10",children:n}):n,X=({columns:n,data:o=[],isLoading:D=!1,error:b$1=!1,selectable:t=!1,showSelectAll:C=!0,showCountSelected:N=!0,showHeaderInMobile:y=!1,childrenHeaderMobile:k=null,onChange:v,defaultSelectedIds:H,disabledIds:w=[],id:u="",emptyText:B="Nenhum registro encontrado",errorText:F="Ocorreu um erro ao carregar os itens."})=>{let[T,I]=useState({}),i=useMemo(()=>n.map(e=>({...e,accessorKey:e?.id||""})),[n]);useEffect(()=>{if(H){let e={};H.forEach(a=>e[a]=!0),I(e);}},[o]),useEffect(()=>{v&&v(Object.keys(T));},[T]);let d$1=useMemo(()=>u?`table${u.charAt(0).toUpperCase()}${u.slice(1)}`:"table",[u]),z=useMemo(()=>t?w.length===0?!0:e=>!w.includes(e.id.toString()):!1,[t,w]),s=useReactTable({data:o,columns:i,state:{rowSelection:T},getRowId:e=>e?.id,enableRowSelection:z,onRowSelectionChange:I,getCoreRowModel:getCoreRowModel(),manualPagination:!0,manualFiltering:!0}),x=s.getIsAllPageRowsSelected(),P=s.getIsSomePageRowsSelected(),f$1=s.getSelectedRowModel().rows.length,g$1=useMemo(()=>y&&o.length>0,[y,o]),K=useMemo(()=>s.getHeaderGroups().map(e=>jsxs(f,{className:g$1?"shrink-0 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:C?jsx(a,{checked:x,indeterminate:!x&&P,disabled:o.length===0,onChange:s.getToggleAllPageRowsSelectedHandler(),id:`checkboxSelectAllRows${d$1}`}):null}):null,e.headers.map((a,V)=>jsx(c,{colSpan:a.colSpan,className:a.column.columnDef?.className?.header||"",children:N&&V===0&&(f$1>0||g$1)?jsx("label",{htmlFor:`checkboxSelectAllRows${d$1}`,className:"cursor-pointer",children:g$1&&f$1==0?jsxs(Fragment,{children:[jsx("div",{className:"lg:hidden",children:"0 selecionados"}),jsx("div",{className:"hidden lg:inline",children:flexRender(a.column.columnDef.header,a.getContext())})]}):jsxs("div",{className:"inline min-w-28 text-primary-dark",id:"tableCountSelected",children:[a$1(f$1)," selecionado",f$1>1?"s":""]})}):a.isPlaceholder?null:flexRender(a.column.columnDef.header,a.getContext())},a.id))]},e.id)),[s,t,d$1,x,P,C,T,N,g$1,n]),U=useMemo(()=>t?i.length+1:i.length,[i,t]);return jsxs(a$2,{id:d$1,children:[jsxs(b,{className:g$1?"flex w-full justify-between max-lg:mb-3 max-lg:border-0 max-lg:bg-transparent max-lg:[&_tr]:border-0":"",children:[K,jsx("tr",{className:"w-[55%] lg:hidden",children:jsx("th",{className:"flex items-center justify-between font-normal",children:k||null})})]}),jsx(d,{className:"flex flex-col gap-2 lg:table-row-group",children:D||b$1||o.length===0?jsx(f,{className:b$1||o.length===0?"p-0 hover:bg-transparent max-lg:border-none":"flex-row flex-wrap items-center",children:D?jsxs(Fragment,{children:[t?jsx(g,{className:"mr-2",children:jsx(a,{disabled:!0,className:"animate-pulse"})}):null,i.map((e,a)=>jsx(g,{className:`${a===0?"w-10/12":"w-full"} lg:w-auto`,children:jsx(a$3,{className:"mb-1 lg:mb-0"})},`${e.id}-${a}`))]}):b$1||o.length===0?jsx(g,{colSpan:U||1,children:W(b$1?F:B)}):null}):s.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}${d$1}`,className:"mr-2 lg:mr-0"})}):null,e.getVisibleCells().map(a=>jsx(g,{className:a.column.columnDef?.className?.cell||"",children:flexRender(a.column.columnDef.cell,a.getContext())},a.id))]},e.id))})]})},L=memo(X);L.displayName="DataTable";var se=L;
-
-export { se as a };