@loja-integrada/admin-components 1.0.32 → 1.0.35

package/README.md

@@ -16,18 +16,18 @@ yarn add @loja-integrada/admin-components
 pnpm add @loja-integrada/admin-components
 ```
 
+### Configure TailwindCSS and PostCSS
+
+The components are built using [TailwindCSS](https://tailwindcss.com/), you need to use the [@loja-integrada/tailwindcss-config](https://www.npmjs.com/package/@loja-integrada/tailwindcss-config) package to use `defaultPreset` and compile the CSS. [Learn more](../tailwindcss-config/README.md)
+
 ### Style
 
 Import the CSS file in your project default CSS file (like globals.scss):
 
 ```css
-@import '@loja-integrada/admin-components/style.css';
+@import '@loja-integrada/tailwindcss-config/style.scss';
 ```
 
-### Configure TailwindCSS and PostCSS
-
-The components are built using [TailwindCSS](https://tailwindcss.com/), you need to use the [@loja-integrada/tailwindcss-config](https://www.npmjs.com/package/@loja-integrada/tailwindcss-config) package to use `defaultPreset` and compile the CSS. [Learn more](../tailwindcss-config/README.md)
-
 ### Import components
 
 You can import the components from the package:
@@ -100,5 +100,5 @@ pnpm test
 To run the tests manually in browser, use the following commands:
 
 ```bash
-pnpm test-visual
+pnpm test:visual
 ```

package/dist/chunk-MZP3WWSP.js

@@ -0,0 +1,11 @@
+import { a as a$1 } from './chunk-DVFKTOCS.js';
+import { a } from './chunk-DIENJUYM.js';
+import { a as a$3 } from './chunk-IPIBO3ES.js';
+import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.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 };

package/dist/components/DataTable/index.js

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

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import '../chunk-DIFKNF3L.js';
 export { a as IconCircular } from '../chunk-BV27BOLB.js';
 export { a as Button } from '../chunk-HHPP5PSK.js';
-export { a as DataTable } from '../chunk-BDSJLA3R.js';
+export { a as DataTable } from '../chunk-MZP3WWSP.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-7Z3CCBLX.js';
 import '../../chunk-7QFPSOGQ.js';
 import '../../chunk-L6H2NDVS.js';
 import '../../chunk-HHPP5PSK.js';
-import '../../chunk-BDSJLA3R.js';
+import '../../chunk-MZP3WWSP.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 InputLabel } from '../chunk-7Z3CCBLX.js';
 import '../chunk-7QFPSOGQ.js';
 import '../chunk-L6H2NDVS.js';
 import '../chunk-HHPP5PSK.js';
-import '../chunk-BDSJLA3R.js';
+import '../chunk-MZP3WWSP.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 InputLabel } from './chunk-7Z3CCBLX.js';
 export { a as ActionBar } from './chunk-7QFPSOGQ.js';
 import './chunk-L6H2NDVS.js';
 export { a as Button } from './chunk-HHPP5PSK.js';
-export { a as DataTable } from './chunk-BDSJLA3R.js';
+export { a as DataTable } from './chunk-MZP3WWSP.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.0.32",
+  "version": "1.0.35",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {
@@ -22,7 +22,7 @@
     "@types/react-text-mask": "^5.4.14",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
-    "cypress": "^13.9.0",
+    "cypress": "^13.15.0",
     "cypress-vite": "^1.5.0",
     "esbuild-sass-plugin": "^3.3.0",
     "eslint": "^8.57.0",
@@ -33,7 +33,6 @@
     "typescript": "^5.3.3",
     "vite": "^5.1.4",
     "@loja-integrada/eslint-config": "0.0.3",
-    "@loja-integrada/tailwindcss-config": "2.0.3",
     "@loja-integrada/typescript-config": "0.0.2"
   },
   "dependencies": {
@@ -196,6 +195,6 @@
     "format": "prettier --write . && eslint --fix .",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "test": "cypress run --component",
-    "test-visual": "cypress open --component"
+    "test:visual": "[ -d dist ] || pnpm build && cypress open --component"
   }
 }

package/dist/chunk-BDSJLA3R.js

@@ -1,11 +0,0 @@
-import { a as a$1 } from './chunk-DVFKTOCS.js';
-import { a } from './chunk-DIENJUYM.js';
-import { a as a$3 } from './chunk-IPIBO3ES.js';
-import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.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 E=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:C=!1,error:b$1=!1,selectable:t=!1,showSelectAll:N=!0,showCountSelected:S=!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(()=>{H&&I(H.reduce((e,a)=>({...e,[a]:!0}),{})||{});},[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:N?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:S&&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,N,T,S,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: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,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:E(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 ne=L;
-
-export { ne as a };