@loja-integrada/admin-components 1.0.37 → 1.1.1
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-JZ6ZGBZ4.js +11 -0
- package/dist/chunk-NEOXBVOW.js +8 -0
- package/dist/components/DataTable/DataTable.client.d.ts +6 -1
- 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/indicators/Alert/index.js +1 -1
- package/dist/indicators/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-JDVLTW4K.js +0 -11
- package/dist/chunk-U2XNQBTB.js +0 -8
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { a as a$1 } from './chunk-DVFKTOCS.js';
|
|
2
|
+
import { a } from './chunk-DIENJUYM.js';
|
|
3
|
+
import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.js';
|
|
4
|
+
import { a as a$3 } from './chunk-IPIBO3ES.js';
|
|
5
|
+
import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
|
|
6
|
+
import { memo, useState, useMemo, useEffect } from 'react';
|
|
7
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
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;
|
|
10
|
+
|
|
11
|
+
export { re as a };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { a as a$1 } from './chunk-SQYZJMXK.js';
|
|
2
|
+
import { a } from './chunk-REQIQLRI.js';
|
|
3
|
+
import v, { useState, useEffect } from 'react';
|
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var n={success:{class:"bg-success-light border-success-dark",icon:"checkCircle",iconClass:"text-success-dark"},warning:{class:"bg-warning-light border-warning",icon:"exclamationTriangle",iconClass:"text-warning"},danger:{class:"bg-danger-light border-danger",icon:"ban",iconClass:"text-danger"},info:{class:"bg-base-1 border-inverted-2",icon:"infoCircle",iconClass:"text-inverted-2"},primary:{class:"bg-primary-light border-primary",icon:"infoCircle",iconClass:"text-primary"}},N=({variant:s="info",isOpen:t=!0,title:p,subtitle:l,actions:o,showClose:f=!1,onClose:c,hideIcon:g=!1,customIcon:m,className:b})=>{let[x,d]=useState(t);useEffect(()=>{d(t);},[t]);let u=()=>{d(!1),c?.();};return x?jsxs("div",{className:a("alert relative flex w-full items-start rounded border border-l-4 px-5 py-4 sm:items-center",n[s].class,b),children:[!g&&jsx("div",{className:a("alert-icon mr-3 hidden shrink-0 sm:block",n[s].iconClass),children:jsx(a$1,{icon:m||n[s].icon,size:6})}),jsxs("div",{className:"flex min-w-0 grow flex-col items-start justify-between sm:flex-row sm:items-center",children:[jsxs("div",{className:"text-f6 flex min-w-0 flex-col justify-center break-words leading-5 tracking-4 text-on-base",children:[jsx("span",{className:"alert-title font-semibold",children:p}),l?jsx("span",{className:"alert-subtitle mt-1",children:l}):null]}),o?jsx("div",{className:"alert-actions mt-3 flex shrink-0 flex-row items-center space-x-3 sm:ml-5 sm:mt-0 sm:flex-row-reverse sm:space-x-reverse",children:o}):null]}),f||c?jsx("div",{className:"alert-close ml-5 flex shrink-0",children:jsx("button",{className:"-m-2 p-2 text-inverted-2 hover:text-inverted-1",onClick:u,type:"button","aria-label":"Close",children:jsx(a$1,{icon:"close",size:4,className:"mt-px sm:mt-0"})})}):null]}):null},h=v.memo(N);h.displayName="Alert";
|
|
7
|
+
|
|
8
|
+
export { h as a };
|
|
@@ -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, showHeaderInMobile, childrenHeaderMobile, onChange, defaultSelectedIds, disabledIds, id, emptyText, errorText }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
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;
|
|
3
3
|
type DataTableColumn<TData> = ColumnDef<TData> & {
|
|
4
4
|
className?: {
|
|
5
5
|
header?: string;
|
|
@@ -41,6 +41,11 @@ interface DataTableProps<TData> {
|
|
|
41
41
|
* @default true
|
|
42
42
|
*/
|
|
43
43
|
showCountSelected?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Custom text for the count of selected rows
|
|
46
|
+
* @default ['selecionado', 'selecionados']
|
|
47
|
+
*/
|
|
48
|
+
countSelectedText?: string[];
|
|
44
49
|
/**
|
|
45
50
|
* Show header with checkbox to select all and custom element in mobile
|
|
46
51
|
* @default false
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../chunk-KN7DOGNL.js';
|
|
2
2
|
export { a as IconCircular } from '../chunk-4SY7T43H.js';
|
|
3
3
|
export { a as Button } from '../chunk-ZQHNRXAY.js';
|
|
4
|
-
export { a as DataTable } from '../chunk-
|
|
4
|
+
export { a as DataTable } from '../chunk-JZ6ZGBZ4.js';
|
|
5
5
|
import '../chunk-DVFKTOCS.js';
|
|
6
6
|
import '../chunk-DIENJUYM.js';
|
|
7
7
|
import '../chunk-G3GCVCTU.js';
|
|
@@ -10,7 +10,7 @@ import '../../chunk-NW24WOHT.js';
|
|
|
10
10
|
import '../../chunk-SJ4MATMO.js';
|
|
11
11
|
import '../../chunk-7Z3CCBLX.js';
|
|
12
12
|
import '../../chunk-ZQHNRXAY.js';
|
|
13
|
-
import '../../chunk-
|
|
13
|
+
import '../../chunk-JZ6ZGBZ4.js';
|
|
14
14
|
import '../../chunk-DVFKTOCS.js';
|
|
15
15
|
import '../../chunk-DIENJUYM.js';
|
|
16
16
|
import '../../chunk-G3GCVCTU.js';
|
package/dist/forms/index.js
CHANGED
|
@@ -13,7 +13,7 @@ export { a as InputMask } from '../chunk-NW24WOHT.js';
|
|
|
13
13
|
export { a as Input } from '../chunk-SJ4MATMO.js';
|
|
14
14
|
export { a as InputLabel } from '../chunk-7Z3CCBLX.js';
|
|
15
15
|
import '../chunk-ZQHNRXAY.js';
|
|
16
|
-
import '../chunk-
|
|
16
|
+
import '../chunk-JZ6ZGBZ4.js';
|
|
17
17
|
import '../chunk-DVFKTOCS.js';
|
|
18
18
|
export { a as Checkbox } from '../chunk-DIENJUYM.js';
|
|
19
19
|
export { a as InputHelpText } from '../chunk-G3GCVCTU.js';
|
package/dist/index.js
CHANGED
|
@@ -18,13 +18,13 @@ export { a as IconCircular } from './chunk-4SY7T43H.js';
|
|
|
18
18
|
export { a as InputMask } from './chunk-NW24WOHT.js';
|
|
19
19
|
export { a as Input } from './chunk-SJ4MATMO.js';
|
|
20
20
|
export { a as InputLabel } from './chunk-7Z3CCBLX.js';
|
|
21
|
-
export { a as Alert } from './chunk-
|
|
21
|
+
export { a as Alert } from './chunk-NEOXBVOW.js';
|
|
22
22
|
export { a as Badge } from './chunk-7NXFX6TD.js';
|
|
23
23
|
export { a as Tag } from './chunk-LUOOFUZD.js';
|
|
24
24
|
export { a as Button } from './chunk-ZQHNRXAY.js';
|
|
25
25
|
export { b as ToastContainer, a as notify } from './chunk-PF7QTNU3.js';
|
|
26
26
|
export { a as Tooltip } from './chunk-TZI6YTCW.js';
|
|
27
|
-
export { a as DataTable } from './chunk-
|
|
27
|
+
export { a as DataTable } from './chunk-JZ6ZGBZ4.js';
|
|
28
28
|
import './chunk-DVFKTOCS.js';
|
|
29
29
|
export { a as Checkbox } from './chunk-DIENJUYM.js';
|
|
30
30
|
export { a as InputHelpText } from './chunk-G3GCVCTU.js';
|
package/dist/indicators/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import '../chunk-7RP4L6ZM.js';
|
|
2
|
-
export { a as Alert } from '../chunk-
|
|
2
|
+
export { a as Alert } from '../chunk-NEOXBVOW.js';
|
|
3
3
|
export { a as Badge } from '../chunk-7NXFX6TD.js';
|
|
4
4
|
export { a as Tag } from '../chunk-LUOOFUZD.js';
|
|
5
5
|
import '../chunk-ZQHNRXAY.js';
|
package/package.json
CHANGED
package/dist/chunk-JDVLTW4K.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { a as a$1 } from './chunk-DVFKTOCS.js';
|
|
2
|
-
import { a } from './chunk-DIENJUYM.js';
|
|
3
|
-
import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.js';
|
|
4
|
-
import { a as a$3 } from './chunk-IPIBO3ES.js';
|
|
5
|
-
import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
|
|
6
|
-
import { memo, useState, useMemo, useEffect } from 'react';
|
|
7
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
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;
|
|
10
|
-
|
|
11
|
-
export { se as a };
|
package/dist/chunk-U2XNQBTB.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { a as a$2 } from './chunk-SQYZJMXK.js';
|
|
2
|
-
import { a as a$1 } from './chunk-REQIQLRI.js';
|
|
3
|
-
import v, { useState, useEffect } from 'react';
|
|
4
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var a={success:{class:"bg-success-light border-success",icon:"checkCircle",iconClass:"text-success"},warning:{class:"bg-warning-light border-warning",icon:"exclamationTriangle",iconClass:"text-warning"},danger:{class:"bg-danger-light border-danger",icon:"ban",iconClass:"text-danger"},info:{class:"bg-base-1 border-inverted-2",icon:"infoCircle",iconClass:"text-inverted-2"},primary:{class:"bg-primary-light border-primary",icon:"infoCircle",iconClass:"text-primary"}},N=({variant:s="info",isOpen:t=!0,title:p,subtitle:l,actions:o,showClose:f=!1,onClose:c,hideIcon:g=!1,customIcon:m,className:b})=>{let[x,d]=useState(t);useEffect(()=>{d(t);},[t]);let u=()=>{d(!1),c?.();};return x?jsxs("div",{className:a$1("alert relative flex w-full items-start rounded border border-l-4 px-5 py-4 sm:items-center",a[s].class,b),children:[!g&&jsx("div",{className:a$1("alert-icon mr-3 hidden shrink-0 sm:block",a[s].iconClass),children:jsx(a$2,{icon:m||a[s].icon,size:6})}),jsxs("div",{className:"flex min-w-0 grow flex-col items-start justify-between sm:flex-row sm:items-center",children:[jsxs("div",{className:"text-f6 flex min-w-0 flex-col justify-center break-words leading-5 tracking-4 text-on-base",children:[jsx("span",{className:"alert-title font-semibold",children:p}),l?jsx("span",{className:"alert-subtitle mt-1",children:l}):null]}),o?jsx("div",{className:"alert-actions mt-3 flex shrink-0 flex-row items-center space-x-3 sm:ml-5 sm:mt-0 sm:flex-row-reverse sm:space-x-reverse",children:o}):null]}),f||c?jsx("div",{className:"alert-close ml-5 flex shrink-0",children:jsx("button",{className:"-m-2 p-2 text-inverted-2 hover:text-inverted-1",onClick:u,type:"button","aria-label":"Close",children:jsx(a$2,{icon:"close",size:4,className:"mt-px sm:mt-0"})})}):null]}):null},h=v.memo(N);h.displayName="Alert";
|
|
7
|
-
|
|
8
|
-
export { h as a };
|