@redi.run/redi-components 0.0.31 → 0.0.33

package/dist/index.d.ts

@@ -24,7 +24,11 @@ export declare interface AdvancedTableProps<T = any> {
     emptyMessage?: string;
     exportFileName?: string;
     labels?: LabelsProps;
-    renderActions?: (row: T, index: number) => React.ReactNode;
+    renderActions?: ({ row, index, column }: {
+        row: T;
+        index: number;
+        column: Column<T>;
+    }) => React.ReactNode;
     actionsColumnLabel?: string;
 }
 
@@ -113,7 +117,12 @@ export declare interface Column<T = any> {
     width?: number;
     minWidth?: number;
     align?: 'left' | 'center' | 'right';
-    render?: (value: any, row: T, index: number) => React.ReactNode;
+    render?: ({ value, row, column, index }: {
+        value: any;
+        row: T;
+        column: Column<T>;
+        index: number;
+    }) => React.ReactNode;
     hidden?: boolean;
     pinned?: boolean;
     draggable?: boolean;

package/dist/redi-components.js

@@ -13174,7 +13174,11 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: o, defaultFilte
 			id: "actions-synthetic",
 			label: O || "",
 			accessor: (e) => e,
-			render: (e, t, n) => D(t, n),
+			render: ({ row: e, column: t, index: n }) => D({
+				row: e,
+				index: n,
+				column: t
+			}),
 			width: 100,
 			isAction: !0,
 			filterable: !1,
@@ -13432,7 +13436,12 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: o, defaultFilte
 							return n.render ? /* @__PURE__ */ jsx("td", {
 								className: c,
 								style: l,
-								children: n.render(i, e, t)
+								children: n.render({
+									value: i,
+									row: e,
+									column: n,
+									index: t
+								})
 							}, n.id) : /* @__PURE__ */ jsx("td", {
 								className: c,
 								style: l,

package/dist/redi-components.umd.cjs

@@ -106,13 +106,13 @@ function qd(e){return new DataView(e.buffer,e.byteOffset,e.byteLength)}function
         ${d.className||``}
       `,...d,children:[s&&(0,n.jsxs)(`svg`,{className:`animate-spin -ml-1 mr-1 h-4 w-4 text-current`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,children:[(0,n.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,n.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`})]}),u||(0,n.jsxs)(n.Fragment,{children:[l&&a===`left`&&!s&&l,c&&e!==`icon`&&(0,n.jsx)(`span`,{children:c}),l&&a===`right`&&!s&&l]})]})},rp={controls:`_controls_1pwn9_1`,leftControls:`_leftControls_1pwn9_10`,rightControls:`_rightControls_1pwn9_16`,configButton:`_configButton_1pwn9_23`,configIcon:`_configIcon_1pwn9_42`,configSection:`_configSection_1pwn9_49`,configSectionTitle:`_configSectionTitle_1pwn9_57`,configOptions:`_configOptions_1pwn9_66`,configOption:`_configOption_1pwn9_66`,actionButton:`_actionButton_1pwn9_91`,export:`_export_1pwn9_110`,reset:`_reset_1pwn9_120`,buttonIcon:`_buttonIcon_1pwn9_130`,filtersContainer:`_filtersContainer_1pwn9_137`,active:`_active_1pwn9_145`,filtersRow:`_filtersRow_1pwn9_149`,filterGroup:`_filterGroup_1pwn9_156`,filterLabel:`_filterLabel_1pwn9_162`,filterDropdown:`_filterDropdown_1pwn9_172`,filterDropdownButton:`_filterDropdownButton_1pwn9_177`,filterDropdownIcon:`_filterDropdownIcon_1pwn9_200`,filterModalHeader:`_filterModalHeader_1pwn9_212`,filterSearchInput:`_filterSearchInput_1pwn9_217`,filterOptions:`_filterOptions_1pwn9_231`,filterOption:`_filterOption_1pwn9_231`,selected:`_selected_1pwn9_250`,filterOptionCheckbox:`_filterOptionCheckbox_1pwn9_254`,filterOptionLabel:`_filterOptionLabel_1pwn9_260`,filterOptionCount:`_filterOptionCount_1pwn9_266`,filterModalActions:`_filterModalActions_1pwn9_275`,filterClearButton:`_filterClearButton_1pwn9_284`,filterApplyButton:`_filterApplyButton_1pwn9_285`,tableWrapper:`_tableWrapper_1pwn9_315`,table:`_table_1pwn9_315`,header:`_header_1pwn9_332`,dragging:`_dragging_1pwn9_349`,dragOver:`_dragOver_1pwn9_354`,headerContent:`_headerContent_1pwn9_359`,dragHandle:`_dragHandle_1pwn9_367`,columnTitle:`_columnTitle_1pwn9_384`,sortable:`_sortable_1pwn9_391`,sortIcon:`_sortIcon_1pwn9_408`,filterButton:`_filterButton_1pwn9_415`,filterButtonIcon:`_filterButtonIcon_1pwn9_451`,filterModal:`_filterModal_1pwn9_212`,row:`_row_1pwn9_474`,cell:`_cell_1pwn9_486`,statusBadge:`_statusBadge_1pwn9_507`,statusActive:`_statusActive_1pwn9_517`,statusInactive:`_statusInactive_1pwn9_522`,statusPending:`_statusPending_1pwn9_527`,statusCompleted:`_statusCompleted_1pwn9_532`,statusDraft:`_statusDraft_1pwn9_537`,pagination:`_pagination_1pwn9_543`,paginationInfo:`_paginationInfo_1pwn9_553`,paginationControls:`_paginationControls_1pwn9_560`,pageSizeSelect:`_pageSizeSelect_1pwn9_575`,pageButtons:`_pageButtons_1pwn9_591`,pageButton:`_pageButton_1pwn9_591`,exportButton:`_exportButton_1pwn9_659`,resetButton:`_resetButton_1pwn9_660`,filterModalSlideIn:`_filterModalSlideIn_1pwn9_1`,shimmer:`_shimmer_1pwn9_1`,columnCheckboxes:`_columnCheckboxes_1pwn9_1195`},ip=({option:e,selectedValues:t,handleOptionToggle:r})=>(0,n.jsxs)(`div`,{className:`${rp.filterOption} ${t.includes(e.value)?rp.selected:``}`,onClick:()=>r(e),children:[(0,n.jsx)(`input`,{type:`checkbox`,className:rp.filterOptionCheckbox,checked:t.includes(e.value),onChange:()=>r(e),onClick:e=>e.stopPropagation()}),(0,n.jsx)(`span`,{className:rp.filterOptionLabel,children:e.value}),(0,n.jsx)(`span`,{className:rp.filterOptionCount,children:e.count})]},e.value),ap=({label:e,options:r,textValue:i,selectedValues:a,onTextChange:o,onSelectionChange:s,onClose:c})=>{let[l,u]=(0,t.useState)(``),d=(0,t.useRef)(null),f=r.filter(e=>e.value.toLowerCase().includes(l.toLowerCase())||e.label.toLowerCase().includes(l.toLowerCase())),p=e=>{let t=a.includes(e.value)?a.filter(t=>t!==e.value):[...a,e.value];s(t)},m=()=>{let e=f.map(e=>e.value);s(e)},h=()=>{s([]),o(``)};return(0,t.useEffect)(()=>{let e=e=>{d.current&&!d.current.contains(e.target)&&c()};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[c]),(0,n.jsxs)(`div`,{className:rp.filterModal,ref:d,children:[(0,n.jsxs)(`div`,{className:rp.filterModalHeader,children:[(0,n.jsx)(`input`,{type:`text`,className:rp.filterSearchInput,placeholder:`Buscar texto en ${e.toLowerCase()}...`,value:i,onChange:e=>o(e.target.value),autoFocus:!0}),(0,n.jsx)(`input`,{type:`text`,className:rp.filterSearchInput,placeholder:`Buscar opciones...`,value:l,onChange:e=>u(e.target.value),style:{marginTop:`8px`}})]}),(0,n.jsxs)(`div`,{className:rp.filterOptions,children:[(0,n.jsxs)(`div`,{className:rp.filterOption,style:{borderBottom:`1px solid #e5e7eb`,marginBottom:`4px`,paddingBottom:`8px`},children:[(0,n.jsx)(np,{onClick:m,size:`small`,level:`tertiary`,children:`Seleccionar todo`}),(0,n.jsx)(np,{onClick:h,size:`small`,level:`tertiary`,children:`Limpiar todo`})]}),f.map(e=>(0,n.jsx)(ip,{option:e,selectedValues:a,handleOptionToggle:p},e.value)),f.length===0&&(0,n.jsx)(`div`,{className:rp.filterOption,children:(0,n.jsx)(`span`,{className:rp.filterOptionLabel,children:`No se encontraron opciones`})})]}),(0,n.jsxs)(`div`,{className:rp.filterModalActions,children:[(0,n.jsx)(np,{onClick:h,level:`tertiary`,children:`Limpiar todo`}),(0,n.jsxs)(np,{onClick:c,level:`primary`,children:[`Aplicar (`,a.length+(i?1:0),`)`]})]})]})};
 /*! js-cookie v3.0.5 | MIT */
-function op(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}var sp={read:function(e){return e[0]===`"`&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function cp(e,t){function n(n,r,i){if(!(typeof document>`u`)){i=op({},t,i),typeof i.expires==`number`&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&=i.expires.toUTCString(),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a=``;for(var o in i)i[o]&&(a+=`; `+o,i[o]!==!0&&(a+=`=`+i[o].split(`;`)[0]));return document.cookie=n+`=`+e.write(r,n)+a}}function r(t){if(!(typeof document>`u`||arguments.length&&!t)){for(var n=document.cookie?document.cookie.split(`; `):[],r={},i=0;i<n.length;i++){var a=n[i].split(`=`),o=a.slice(1).join(`=`);try{var s=decodeURIComponent(a[0]);if(r[s]=e.read(o,s),t===s)break}catch{}}return t?r[t]:r}}return Object.create({set:n,get:r,remove:function(e,t){n(e,``,op({},t,{expires:-1}))},withAttributes:function(e){return cp(this.converter,op({},this.attributes,e))},withConverter:function(e){return cp(op({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var lp=cp(sp,{path:`/`}),up=30;let dp=e=>{let{data:n,columns:r,defaultSort:i,defaultFilters:a={},defaultPageSize:o=10,pageSizeOptions:s=[10,25,50,100,200,300,400,500],persistConfig:c=!0,configKey:l=`advanced-table-config`,onConfigChange:u}=e,d=(0,t.useCallback)(()=>{if(!c)return null;try{let e=lp.get(l);return e?JSON.parse(e):null}catch(e){return console.warn(`Error loading table config from cookies:`,e),null}},[c,l]),f=(0,t.useCallback)(e=>{if(c)try{lp.set(l,JSON.stringify(e),{expires:up})}catch(e){console.warn(`Error saving table config to cookies:`,e)}},[c,l]),p=d(),[m,h]=(0,t.useState)(p?.sortConfig||i||void 0),[g,_]=(0,t.useState)(p?.filters||a),[v,y]=(0,t.useState)(p?.columnOrder||r.map(e=>e.id)),[b,x]=(0,t.useState)(p?.hiddenColumns||[]),[S,C]=(0,t.useState)({page:1,pageSize:p?.pagination?.pageSize||o,total:n.length});(0,t.useEffect)(()=>{let e=r.map(e=>e.id);y(t=>{let n=t.filter(t=>e.includes(t)),r=e.filter(e=>!n.includes(e));return[...n,...r]}),x(t=>t.filter(t=>e.includes(t)))},[r]);let w=(0,t.useMemo)(()=>{let e=[...n];return Object.entries(g).forEach(([t,n])=>{let i=r.find(e=>e.id===t);i&&(e=e.filter(e=>{let t=typeof i.accessor==`function`?i.accessor(e):e[i.accessor],r=String(t||``).toLowerCase(),a=!0;return n.type===`text`&&n.value&&(a&&=r.includes(String(n.value).toLowerCase())),n.type===`select`&&n.value&&(a&&=r===String(n.value).toLowerCase()),n.type===`multiselect`&&Array.isArray(n.value)&&n.value.length>0&&(a&&=n.value.some(e=>r===String(e).toLowerCase())),a}))}),e},[n,g,r]),T=(0,t.useMemo)(()=>{if(!m)return w;let e=r.find(e=>e.id===m.column);return e?[...w].sort((t,n)=>{let r=typeof e.accessor==`function`?e.accessor(t):t[e.accessor],i=typeof e.accessor==`function`?e.accessor(n):n[e.accessor];if(r==null)return 1;if(i==null)return-1;let a=0;if(typeof r==`number`&&typeof i==`number`)a=r-i;else if(typeof r==`boolean`&&typeof i==`boolean`)a=r===i?0:r?1:-1;else if(r instanceof Date&&i instanceof Date)a=r.getTime()-i.getTime();else{let e=String(r).toLowerCase(),t=String(i).toLowerCase();a=e.localeCompare(t)}return m.direction===`desc`?a*-1:a}):w},[w,m,r]),E=(0,t.useMemo)(()=>{let e=(S.page-1)*S.pageSize,t=e+S.pageSize;return T.slice(e,t)},[T,S.page,S.pageSize]);(0,t.useEffect)(()=>{C(e=>({...e,total:w.length,page:Math.min(e.page,Math.ceil(w.length/e.pageSize)||1)}))},[w.length]),(0,t.useEffect)(()=>{let e={sort:m,filters:g,columnOrder:v,hiddenColumns:b,pageSize:S.pageSize};f(e),u?.({sort:m,filters:g,pagination:S,columnOrder:v,hiddenColumns:b,columns:r})},[m,g,v,b,S.pageSize,f,u,S,r]);let D=(0,t.useCallback)(e=>{h(t=>t?.column===e?t.direction===`asc`?{column:e,direction:`desc`}:void 0:{column:e,direction:`asc`})},[]),O=(0,t.useCallback)((e,t,n=`text`)=>{_(r=>({...r,[e]:{type:n,value:t,options:r[e]?.options}})),C(e=>({...e,page:1}))},[]),k=(0,t.useCallback)(e=>{_(t=>{let n={...t};return delete n[e],n})},[]),A=(0,t.useCallback)(()=>{_({})},[]),j=(0,t.useCallback)(e=>{C(t=>({...t,page:e}))},[]),M=(0,t.useCallback)(e=>{C(t=>({...t,pageSize:e,page:1}))},[]),N=(0,t.useCallback)(e=>{y(e)},[]),ee=(0,t.useCallback)(e=>{x(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),te=(0,t.useMemo)(()=>{let e=new Map(r.map(e=>[e.id,e])),t=v.map(t=>e.get(t)).filter(Boolean),n=new Set(t.map(e=>e.id)),i=r.filter(e=>!n.has(e.id));return[...t,...i].filter(e=>!b.includes(e.id))},[v,r,b]);return{state:{data:n,filteredData:w,paginatedData:E,sortConfig:m,filters:g,pagination:S,columnOrder:v,hiddenColumns:b,loading:!1},orderedColumns:te,pageSizeOptions:s,handleSort:D,handleFilter:O,clearFilter:k,clearAllFilters:A,handlePageChange:j,handlePageSizeChange:M,handleColumnReorder:N,handleToggleColumn:ee,allColumns:r}};var fp=({data:e,columns:r,defaultSort:i,defaultFilters:a={},defaultPageSize:o=10,pageSizeOptions:s=[10,25,50,100,200,300,400,500],enableSorting:c=!0,enableFiltering:l=!0,enablePagination:u=!0,enableExport:p=!0,persistConfig:v=!0,configKey:y=`advancedTable`,className:b=``,labels:x={configuration:`Configuración`,columnVisibility:`Columnas visibles`,pagination:{showingItems:`Mostrando`,to:`a`,of:`de`,items:`elementos`,showPerPage:`Mostrar`,perPageItems:`elementos`},clearAllFilters:`Limpiar todos los filtros`},enableColumnReordering:S=!0,renderActions:C,actionsColumnLabel:w,loading:T=!1})=>{let[E,D]=(0,t.useState)(null),[O,k]=(0,t.useState)(null),[A,j]=(0,t.useState)(!1),[M,N]=(0,t.useState)(null),ee=(0,t.useRef)(null),[te,P]=(0,t.useState)(r),{state:ne,orderedColumns:re,handleSort:ie,handleFilter:ae,clearAllFilters:oe,handlePageChange:se,handlePageSizeChange:ce,handleColumnReorder:le,handleToggleColumn:ue}=dp({data:e,columns:te,defaultSort:i,defaultFilters:a,defaultPageSize:o,pageSizeOptions:s,persistConfig:v,configKey:y}),{paginatedData:de,sortConfig:fe,filters:pe,pagination:F,hiddenColumns:me}=ne;(0,t.useEffect)(()=>P(r),[r]);let he=(0,t.useMemo)(()=>{let e=[...re],t=e.filter(e=>e.isAction),n=[...e.filter(e=>!e.isAction),...t];return C&&n.push({id:`actions-synthetic`,label:w||``,accessor:e=>e,render:(e,t,n)=>C(t,n),width:100,isAction:!0,filterable:!1,sortable:!1,draggable:!1}),n},[re,C,w]),ge=(e,t)=>{D(t),e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/html`,``)},_e=(e,t)=>{e.preventDefault(),e.dataTransfer.dropEffect=`move`,k(t)},ve=()=>{k(null)},ye=(e,t)=>{if(e.preventDefault(),E!==null){if(E!==t){let e=[...ne.columnOrder],[n]=e.splice(E,1);e.splice(t,0,n),le(e)}D(null),k(null)}},be=()=>{D(null),k(null)},xe=()=>{if(!p)return;let e=he.filter(e=>!e.isAction);Xf(ne.filteredData,e,`table-data.xlsx`)},Se=e=>{N(M===e?null:e)},Ce=t=>{let n=te.find(e=>e.id===t);if(!n)return[];let r=new Map;return e.forEach(e=>{let t=typeof n.accessor==`function`?n.accessor(e):e[n.accessor],i=Zf(t);r.set(i,(r.get(i)||0)+1)}),Array.from(r.entries()).map(([e,t])=>({value:e,count:t,label:`${e} (${t})`})).sort((e,t)=>e.value.localeCompare(t.value))},I=Object.values(pe).some(e=>e.type===`text`&&e.value||e.type===`select`&&e.value||e.type===`multiselect`&&Array.isArray(e.value)&&e.value.length>0);(0,t.useEffect)(()=>{let e=e=>{ee.current&&!ee.current.contains(e.target)&&j(!1)};return A&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[A]);let we=Math.ceil(F.total/F.pageSize),Te=e=>e.width?e.width:e.isAction?100:150+(e.filterable?50:0);return(0,n.jsxs)(`div`,{className:`w-full bg-redi-background border border-solid border-gray-500 rounded-xl overflow-hidden font-family-base shadow ${b}`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between p-4 bg-transparent border-b border-solid border-gray-400`,children:[(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,n.jsxs)(`div`,{className:`relative`,children:[(0,n.jsxs)(np,{level:`secondary`,onClick:()=>j(!A),children:[(0,n.jsx)(h,{}),(0,n.jsx)(`span`,{className:`hidden md:block`,children:x.configuration})]}),A&&(0,n.jsx)(`div`,{className:`absolute top-full left-0 bg-white border border-solid border-gray-300 rounded-md shadow-lg z-1000 mt-2 min-w-2xs max-w-xs opacity-100 visible p-4`,ref:ee,children:(0,n.jsxs)(`div`,{className:`mb-4 last:mb-0`,children:[(0,n.jsx)(`div`,{className:`text-sm font-semibold text-redi-text mb-2 uppercase`,children:x.columnVisibility}),(0,n.jsx)(`div`,{className:`flex flex-col gap-2`,children:te.filter(e=>!e.isAction).map(e=>{let t=!me.includes(e.id);return(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-2 hover:bg-gray-50 p-1 rounded`,children:[(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,n.jsx)(`input`,{type:`checkbox`,className:`w-4 h-4 accent-redi-primary cursor-pointer`,checked:t,onChange:()=>ue(e.id),id:`col-visibility-${e.id}`}),(0,n.jsx)(`label`,{htmlFor:`col-visibility-${e.id}`,className:`text-sm text-redi-text cursor-pointer select-none`,children:e.label})]}),t&&(0,n.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,n.jsx)(np,{level:`icon`,onClick:t=>{t.stopPropagation();let n=te.map(t=>t.id===e.id?{...t,draggable:!t.draggable}:t);P(n)},"aria-label":e.draggable?`Disable drag`:`Enable drag`,className:`p-1 hover:bg-gray-200 rounded-full`,children:(0,n.jsx)(m,{active:!!e.draggable,size:14,label:`Draggable`})}),(0,n.jsx)(np,{level:`icon`,onClick:t=>{t.stopPropagation();let n=te.map(t=>t.id===e.id?{...t,filterable:!t.filterable}:t);P(n)},"aria-label":e.filterable?`Disable filter`:`Enable filter`,className:`p-1 hover:bg-gray-200 rounded-full`,children:e.filterable?(0,n.jsx)(g,{size:14,color:`#fa8c16`}):(0,n.jsx)(_,{size:14,color:`#9ca3af`})})]})]},e.id)})})]})})]}),l&&I&&(0,n.jsx)(np,{level:`icon`,onClick:oe,label:x.clearAllFilters,children:(0,n.jsx)(d,{color:`white`})})]}),(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:p&&(0,n.jsx)(np,{level:`secondary`,onClick:xe,children:(0,n.jsx)(f,{size:18})})})]}),(0,n.jsx)(`div`,{className:`overflow-x-auto max-h-[600px] min-h-[500px] overflow-y-auto bg-white relative`,children:(0,n.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 table-auto text-sm relative`,"aria-label":`Data Table`,children:[(0,n.jsx)(`thead`,{children:(0,n.jsx)(`tr`,{children:he.map((e,t)=>{let r=Te(e);return(0,n.jsx)(`th`,{className:`bg-gray-50 border-b border-solid border-gray-200 text-left font-semibold text-redi-text p-0 sticky top-0 z-10 select-none hover:bg-gray-200 
+function op(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}var sp={read:function(e){return e[0]===`"`&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function cp(e,t){function n(n,r,i){if(!(typeof document>`u`)){i=op({},t,i),typeof i.expires==`number`&&(i.expires=new Date(Date.now()+i.expires*864e5)),i.expires&&=i.expires.toUTCString(),n=encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a=``;for(var o in i)i[o]&&(a+=`; `+o,i[o]!==!0&&(a+=`=`+i[o].split(`;`)[0]));return document.cookie=n+`=`+e.write(r,n)+a}}function r(t){if(!(typeof document>`u`||arguments.length&&!t)){for(var n=document.cookie?document.cookie.split(`; `):[],r={},i=0;i<n.length;i++){var a=n[i].split(`=`),o=a.slice(1).join(`=`);try{var s=decodeURIComponent(a[0]);if(r[s]=e.read(o,s),t===s)break}catch{}}return t?r[t]:r}}return Object.create({set:n,get:r,remove:function(e,t){n(e,``,op({},t,{expires:-1}))},withAttributes:function(e){return cp(this.converter,op({},this.attributes,e))},withConverter:function(e){return cp(op({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var lp=cp(sp,{path:`/`}),up=30;let dp=e=>{let{data:n,columns:r,defaultSort:i,defaultFilters:a={},defaultPageSize:o=10,pageSizeOptions:s=[10,25,50,100,200,300,400,500],persistConfig:c=!0,configKey:l=`advanced-table-config`,onConfigChange:u}=e,d=(0,t.useCallback)(()=>{if(!c)return null;try{let e=lp.get(l);return e?JSON.parse(e):null}catch(e){return console.warn(`Error loading table config from cookies:`,e),null}},[c,l]),f=(0,t.useCallback)(e=>{if(c)try{lp.set(l,JSON.stringify(e),{expires:up})}catch(e){console.warn(`Error saving table config to cookies:`,e)}},[c,l]),p=d(),[m,h]=(0,t.useState)(p?.sortConfig||i||void 0),[g,_]=(0,t.useState)(p?.filters||a),[v,y]=(0,t.useState)(p?.columnOrder||r.map(e=>e.id)),[b,x]=(0,t.useState)(p?.hiddenColumns||[]),[S,C]=(0,t.useState)({page:1,pageSize:p?.pagination?.pageSize||o,total:n.length});(0,t.useEffect)(()=>{let e=r.map(e=>e.id);y(t=>{let n=t.filter(t=>e.includes(t)),r=e.filter(e=>!n.includes(e));return[...n,...r]}),x(t=>t.filter(t=>e.includes(t)))},[r]);let w=(0,t.useMemo)(()=>{let e=[...n];return Object.entries(g).forEach(([t,n])=>{let i=r.find(e=>e.id===t);i&&(e=e.filter(e=>{let t=typeof i.accessor==`function`?i.accessor(e):e[i.accessor],r=String(t||``).toLowerCase(),a=!0;return n.type===`text`&&n.value&&(a&&=r.includes(String(n.value).toLowerCase())),n.type===`select`&&n.value&&(a&&=r===String(n.value).toLowerCase()),n.type===`multiselect`&&Array.isArray(n.value)&&n.value.length>0&&(a&&=n.value.some(e=>r===String(e).toLowerCase())),a}))}),e},[n,g,r]),T=(0,t.useMemo)(()=>{if(!m)return w;let e=r.find(e=>e.id===m.column);return e?[...w].sort((t,n)=>{let r=typeof e.accessor==`function`?e.accessor(t):t[e.accessor],i=typeof e.accessor==`function`?e.accessor(n):n[e.accessor];if(r==null)return 1;if(i==null)return-1;let a=0;if(typeof r==`number`&&typeof i==`number`)a=r-i;else if(typeof r==`boolean`&&typeof i==`boolean`)a=r===i?0:r?1:-1;else if(r instanceof Date&&i instanceof Date)a=r.getTime()-i.getTime();else{let e=String(r).toLowerCase(),t=String(i).toLowerCase();a=e.localeCompare(t)}return m.direction===`desc`?a*-1:a}):w},[w,m,r]),E=(0,t.useMemo)(()=>{let e=(S.page-1)*S.pageSize,t=e+S.pageSize;return T.slice(e,t)},[T,S.page,S.pageSize]);(0,t.useEffect)(()=>{C(e=>({...e,total:w.length,page:Math.min(e.page,Math.ceil(w.length/e.pageSize)||1)}))},[w.length]),(0,t.useEffect)(()=>{let e={sort:m,filters:g,columnOrder:v,hiddenColumns:b,pageSize:S.pageSize};f(e),u?.({sort:m,filters:g,pagination:S,columnOrder:v,hiddenColumns:b,columns:r})},[m,g,v,b,S.pageSize,f,u,S,r]);let D=(0,t.useCallback)(e=>{h(t=>t?.column===e?t.direction===`asc`?{column:e,direction:`desc`}:void 0:{column:e,direction:`asc`})},[]),O=(0,t.useCallback)((e,t,n=`text`)=>{_(r=>({...r,[e]:{type:n,value:t,options:r[e]?.options}})),C(e=>({...e,page:1}))},[]),k=(0,t.useCallback)(e=>{_(t=>{let n={...t};return delete n[e],n})},[]),A=(0,t.useCallback)(()=>{_({})},[]),j=(0,t.useCallback)(e=>{C(t=>({...t,page:e}))},[]),M=(0,t.useCallback)(e=>{C(t=>({...t,pageSize:e,page:1}))},[]),N=(0,t.useCallback)(e=>{y(e)},[]),ee=(0,t.useCallback)(e=>{x(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),te=(0,t.useMemo)(()=>{let e=new Map(r.map(e=>[e.id,e])),t=v.map(t=>e.get(t)).filter(Boolean),n=new Set(t.map(e=>e.id)),i=r.filter(e=>!n.has(e.id));return[...t,...i].filter(e=>!b.includes(e.id))},[v,r,b]);return{state:{data:n,filteredData:w,paginatedData:E,sortConfig:m,filters:g,pagination:S,columnOrder:v,hiddenColumns:b,loading:!1},orderedColumns:te,pageSizeOptions:s,handleSort:D,handleFilter:O,clearFilter:k,clearAllFilters:A,handlePageChange:j,handlePageSizeChange:M,handleColumnReorder:N,handleToggleColumn:ee,allColumns:r}};var fp=({data:e,columns:r,defaultSort:i,defaultFilters:a={},defaultPageSize:o=10,pageSizeOptions:s=[10,25,50,100,200,300,400,500],enableSorting:c=!0,enableFiltering:l=!0,enablePagination:u=!0,enableExport:p=!0,persistConfig:v=!0,configKey:y=`advancedTable`,className:b=``,labels:x={configuration:`Configuración`,columnVisibility:`Columnas visibles`,pagination:{showingItems:`Mostrando`,to:`a`,of:`de`,items:`elementos`,showPerPage:`Mostrar`,perPageItems:`elementos`},clearAllFilters:`Limpiar todos los filtros`},enableColumnReordering:S=!0,renderActions:C,actionsColumnLabel:w,loading:T=!1})=>{let[E,D]=(0,t.useState)(null),[O,k]=(0,t.useState)(null),[A,j]=(0,t.useState)(!1),[M,N]=(0,t.useState)(null),ee=(0,t.useRef)(null),[te,P]=(0,t.useState)(r),{state:ne,orderedColumns:re,handleSort:ie,handleFilter:ae,clearAllFilters:oe,handlePageChange:se,handlePageSizeChange:ce,handleColumnReorder:le,handleToggleColumn:ue}=dp({data:e,columns:te,defaultSort:i,defaultFilters:a,defaultPageSize:o,pageSizeOptions:s,persistConfig:v,configKey:y}),{paginatedData:de,sortConfig:fe,filters:pe,pagination:F,hiddenColumns:me}=ne;(0,t.useEffect)(()=>P(r),[r]);let he=(0,t.useMemo)(()=>{let e=[...re],t=e.filter(e=>e.isAction),n=[...e.filter(e=>!e.isAction),...t];return C&&n.push({id:`actions-synthetic`,label:w||``,accessor:e=>e,render:({row:e,column:t,index:n})=>C({row:e,index:n,column:t}),width:100,isAction:!0,filterable:!1,sortable:!1,draggable:!1}),n},[re,C,w]),ge=(e,t)=>{D(t),e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/html`,``)},_e=(e,t)=>{e.preventDefault(),e.dataTransfer.dropEffect=`move`,k(t)},ve=()=>{k(null)},ye=(e,t)=>{if(e.preventDefault(),E!==null){if(E!==t){let e=[...ne.columnOrder],[n]=e.splice(E,1);e.splice(t,0,n),le(e)}D(null),k(null)}},be=()=>{D(null),k(null)},xe=()=>{if(!p)return;let e=he.filter(e=>!e.isAction);Xf(ne.filteredData,e,`table-data.xlsx`)},Se=e=>{N(M===e?null:e)},Ce=t=>{let n=te.find(e=>e.id===t);if(!n)return[];let r=new Map;return e.forEach(e=>{let t=typeof n.accessor==`function`?n.accessor(e):e[n.accessor],i=Zf(t);r.set(i,(r.get(i)||0)+1)}),Array.from(r.entries()).map(([e,t])=>({value:e,count:t,label:`${e} (${t})`})).sort((e,t)=>e.value.localeCompare(t.value))},I=Object.values(pe).some(e=>e.type===`text`&&e.value||e.type===`select`&&e.value||e.type===`multiselect`&&Array.isArray(e.value)&&e.value.length>0);(0,t.useEffect)(()=>{let e=e=>{ee.current&&!ee.current.contains(e.target)&&j(!1)};return A&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[A]);let we=Math.ceil(F.total/F.pageSize),Te=e=>e.width?e.width:e.isAction?100:150+(e.filterable?50:0);return(0,n.jsxs)(`div`,{className:`w-full bg-redi-background border border-solid border-gray-500 rounded-xl overflow-hidden font-family-base shadow ${b}`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between p-4 bg-transparent border-b border-solid border-gray-400`,children:[(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,n.jsxs)(`div`,{className:`relative`,children:[(0,n.jsxs)(np,{level:`secondary`,onClick:()=>j(!A),children:[(0,n.jsx)(h,{}),(0,n.jsx)(`span`,{className:`hidden md:block`,children:x.configuration})]}),A&&(0,n.jsx)(`div`,{className:`absolute top-full left-0 bg-white border border-solid border-gray-300 rounded-md shadow-lg z-1000 mt-2 min-w-2xs max-w-xs opacity-100 visible p-4`,ref:ee,children:(0,n.jsxs)(`div`,{className:`mb-4 last:mb-0`,children:[(0,n.jsx)(`div`,{className:`text-sm font-semibold text-redi-text mb-2 uppercase`,children:x.columnVisibility}),(0,n.jsx)(`div`,{className:`flex flex-col gap-2`,children:te.filter(e=>!e.isAction).map(e=>{let t=!me.includes(e.id);return(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-2 hover:bg-gray-50 p-1 rounded`,children:[(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,n.jsx)(`input`,{type:`checkbox`,className:`w-4 h-4 accent-redi-primary cursor-pointer`,checked:t,onChange:()=>ue(e.id),id:`col-visibility-${e.id}`}),(0,n.jsx)(`label`,{htmlFor:`col-visibility-${e.id}`,className:`text-sm text-redi-text cursor-pointer select-none`,children:e.label})]}),t&&(0,n.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,n.jsx)(np,{level:`icon`,onClick:t=>{t.stopPropagation();let n=te.map(t=>t.id===e.id?{...t,draggable:!t.draggable}:t);P(n)},"aria-label":e.draggable?`Disable drag`:`Enable drag`,className:`p-1 hover:bg-gray-200 rounded-full`,children:(0,n.jsx)(m,{active:!!e.draggable,size:14,label:`Draggable`})}),(0,n.jsx)(np,{level:`icon`,onClick:t=>{t.stopPropagation();let n=te.map(t=>t.id===e.id?{...t,filterable:!t.filterable}:t);P(n)},"aria-label":e.filterable?`Disable filter`:`Enable filter`,className:`p-1 hover:bg-gray-200 rounded-full`,children:e.filterable?(0,n.jsx)(g,{size:14,color:`#fa8c16`}):(0,n.jsx)(_,{size:14,color:`#9ca3af`})})]})]},e.id)})})]})})]}),l&&I&&(0,n.jsx)(np,{level:`icon`,onClick:oe,label:x.clearAllFilters,children:(0,n.jsx)(d,{color:`white`})})]}),(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:p&&(0,n.jsx)(np,{level:`secondary`,onClick:xe,children:(0,n.jsx)(f,{size:18})})})]}),(0,n.jsx)(`div`,{className:`overflow-x-auto max-h-[600px] min-h-[500px] overflow-y-auto bg-white relative`,children:(0,n.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 table-auto text-sm relative`,"aria-label":`Data Table`,children:[(0,n.jsx)(`thead`,{children:(0,n.jsx)(`tr`,{children:he.map((e,t)=>{let r=Te(e);return(0,n.jsx)(`th`,{className:`bg-gray-50 border-b border-solid border-gray-200 text-left font-semibold text-redi-text p-0 sticky top-0 z-10 select-none hover:bg-gray-200 
                       ${E===t?`opacity-50 bg-gray-300`:``} 
                       ${O===t?`bg-redi-primary-bg border-l border-solid border-redi-primary`:``}
                       ${O===t?`bg-redi-primary-bg border-l border-solid border-redi-primary`:``}
                     `,style:{width:r,minWidth:r,maxWidth:r},draggable:!e.isAction&&S&&(e.draggable??!1),onDragStart:n=>!e.isAction&&S&&(e.draggable??!1)&&ge(n,t),onDragOver:n=>!e.isAction&&S&&(e.draggable??!1)&&_e(n,t),onDragLeave:ve,onDrop:n=>!e.isAction&&S&&(e.draggable??!1)&&ye(n,t),onDragEnd:be,"aria-sort":fe?.column===e.id?fe.direction===`asc`?`ascending`:`descending`:`none`,children:(0,n.jsxs)(`div`,{className:`flex items-center py-3 px-4 gap-2 min-h-12`,children:[!e.isAction&&S&&(e.draggable??!1)&&(0,n.jsx)(`div`,{className:`text-gray-600 cursor-grab opacity-70 hover:opacity-100 text-base`,"aria-hidden":`true`,children:`⋮⋮`}),(0,n.jsxs)(`div`,{className:`flex flex-1 items-center gap-2`,children:[(0,n.jsxs)(`span`,{className:c?`cursor-pointer py-1 px-1.5 rounded-sm flex items-center gap-1.5 text-sm font-semibold text-redi-text uppercase hover:bg-redi-background hover:text-redi-link-text`:``,onClick:t=>{t.stopPropagation(),e.sortable&&ie(e.id)},role:`button`,tabIndex:0,onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),e.sortable&&ie(e.id))},children:[e.label,e.sortable&&fe?.column===e.id&&(0,n.jsx)(`span`,{className:`font-bold text-redi-link-text text-base`,children:fe.direction===`asc`?` ↑`:` ↓`})]}),(0,n.jsx)(`div`,{className:`flex items-center gap-1`,children:e.filterable&&(0,n.jsxs)(`div`,{className:`relative`,children:[(0,n.jsx)(np,{level:`icon`,onClick:t=>{t.stopPropagation(),Se(e.id)},"aria-label":`Filter by ${e.label}`,children:(0,n.jsx)(g,{size:16})}),M===e.id&&(0,n.jsx)(ap,{columnId:e.id,label:e.label,options:Ce(e.id),textValue:pe[e.id]?.type===`text`?String(pe[e.id].value||``):``,selectedValues:pe[e.id]?.type===`multiselect`&&Array.isArray(pe[e.id]?.value)?pe[e.id].value:[],onTextChange:t=>ae(e.id,t,`text`),onSelectionChange:t=>ae(e.id,t,`multiselect`),onClose:()=>N(null)})]})})]})]})},e.id)})})}),(0,n.jsx)(`tbody`,{children:T?Array.from({length:5}).map((e,t)=>(0,n.jsx)(`tr`,{className:`border-b border-solid border-gray-100`,children:he.map((e,t)=>{let r=Te(e),i={width:r,minWidth:r,maxWidth:r};return(0,n.jsx)(`td`,{className:`py-4 px-4 ${e.isAction?`bg-white border-l border-gray-200`:``}`,style:i,children:(0,n.jsx)(`div`,{className:`h-4 bg-gray-200 rounded animate-pulse w-3/4`})},`skeleton-cell-${t}`)})},`skeleton-${t}`)):de.length>0?de.map((e,t)=>(0,n.jsx)(`tr`,{className:`even:bg-gray-50 hover:bg-gray-100 border-b border-solid border-b-gray-100 odd:bg-white`,children:he.map((r,i)=>{let a=typeof r.accessor==`function`?r.accessor(e):e[r.accessor],o=r.isAction,s=Te(r),c=`py-3 px-4 text-redi-text font-normal leading-6 align-middle border-r border-solid border-r-gray-300 static table-cell last:border-r-0 first:font-medium
                       ${o?`border-l border-gray-300 shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.05)]`:``}
-                    `,l={width:s,minWidth:s,maxWidth:s};return r.render?(0,n.jsx)(`td`,{className:c,style:l,children:r.render(a,e,t)},r.id):(0,n.jsx)(`td`,{className:c,style:l,children:Zf(a)},r.id)})},t)):(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{colSpan:he.length,className:`py-12 text-center text-gray-500`,children:(0,n.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2`,children:[(0,n.jsx)(`svg`,{className:`w-12 h-12 text-gray-300`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,n.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1.5,d:`M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4`})}),(0,n.jsx)(`span`,{className:`text-sm font-medium`,children:`No data available`})]})})})})]})}),u&&(0,n.jsxs)(`div`,{className:`flex items-center justify-between py-4 px-6 bg-white border-t-gray-300 border-solid border-t gap-4`,children:[(0,n.jsx)(`div`,{className:`text-redi-text text-base font-medium shrink-0`,children:(0,n.jsxs)(`span`,{children:[x.pagination?.showingItems,` `,(F.page-1)*F.pageSize+1,` `,x.pagination?.to,` `,Math.min(F.page*F.pageSize,F.total),` `,x.pagination?.of,` `,F.total,` `,x.pagination?.items]})}),(0,n.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,n.jsxs)(`label`,{className:`flex items-center gap-3 text-sm font-semibold text-redi-text`,children:[x.pagination?.showPerPage,(0,n.jsx)(`select`,{value:F.pageSize,onChange:e=>ce(Number(e.target.value)),className:`py-1.5 px-2.5 border border-solid border-gray-300 rounded-md bg-white text-redi-text focus:outline-none focus:ring-2 focus:ring-redi-primary`,children:s.map(e=>(0,n.jsx)(`option`,{value:e,children:e},e))}),x.pagination?.perPageItems]}),(0,n.jsxs)(`div`,{className:`flex gap-1 items-center`,children:[(0,n.jsx)(np,{level:`icon`,onClick:()=>se(1),disabled:F.page===1,children:`<<`}),(0,n.jsx)(np,{level:`icon`,onClick:()=>se(F.page-1),disabled:F.page===1,children:`<`}),Array.from({length:Math.min(3,we)},(e,t)=>{let r;return r=we<=3||F.page<=2?t+1:F.page>we-2?we-2+t:F.page-1+t,(0,n.jsx)(np,{level:F.page===r?`primary`:`secondary`,onClick:()=>se(r),children:r},r)}),(0,n.jsx)(np,{level:`icon`,onClick:()=>se(F.page+1),disabled:F.page===we,children:`>`}),(0,n.jsx)(np,{level:`icon`,onClick:()=>se(we),disabled:F.page===we,children:`>>`})]})]})]})]})},pp={info:`border-redi-link text-redi-tertiary-text`,success:`border-redi-success text-redi-tertiary-text`,warning:`border-redi-warning text-redi-tertiary-text`,danger:`border-redi-danger text-redi-tertiary-text`},mp=({title:e,description:t,tone:r=`info`,onClose:i})=>(0,n.jsxs)(`div`,{className:`rounded-lg border px-4 py-2 ${pp[r]}`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between`,children:[e&&(0,n.jsx)(`div`,{className:`font-semibold`,children:e}),i&&(0,n.jsx)(`button`,{type:`button`,onClick:i,className:`text-redi-tertiary-text`,children:`×`})]}),t&&(0,n.jsx)(`div`,{className:`text-sm`,children:t})]}),hp={success:`bg-redi-success text-white`,warning:`bg-redi-warning text-white`,danger:`bg-redi-danger text-white`,info:`bg-redi-link text-white`},gp=({label:e,tone:t=`info`})=>(0,n.jsx)(`span`,{className:`inline-block rounded px-2 py-1 text-xs ${hp[t]}`,children:e});let _p=({className:e,...t})=>(0,n.jsx)(`svg`,{className:e||`w-3.5 h-3.5`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:3,...t,children:(0,n.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M4.5 12.75l6 6 9-13.5`})});var vp=({checked:e,onChange:t,label:r,disabled:i=!1,color:a,error:o=!1,helperText:s,id:c,name:l})=>{let u=a?tp(a):null,d=u&&e&&!i?{backgroundColor:u.main,borderColor:u.main,"--checkbox-ring":u.active}:{},f=o?`border-red-500`:`border-gray-300`,p=o?`text-red-500`:`text-gray-700`;return(0,n.jsxs)(`div`,{className:`flex flex-col`,children:[(0,n.jsxs)(`label`,{className:`inline-flex items-center gap-2 ${i?`cursor-not-allowed opacity-75`:`cursor-pointer`}`,children:[(0,n.jsxs)(`div`,{className:`relative flex items-center`,children:[(0,n.jsx)(`input`,{id:c||l,name:l,type:`checkbox`,checked:e,onChange:e=>!i&&t(e.target.checked),disabled:i,className:`peer sr-only`}),(0,n.jsx)(`div`,{className:`
+                    `,l={width:s,minWidth:s,maxWidth:s};return r.render?(0,n.jsx)(`td`,{className:c,style:l,children:r.render({value:a,row:e,column:r,index:t})},r.id):(0,n.jsx)(`td`,{className:c,style:l,children:Zf(a)},r.id)})},t)):(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{colSpan:he.length,className:`py-12 text-center text-gray-500`,children:(0,n.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2`,children:[(0,n.jsx)(`svg`,{className:`w-12 h-12 text-gray-300`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,n.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1.5,d:`M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4`})}),(0,n.jsx)(`span`,{className:`text-sm font-medium`,children:`No data available`})]})})})})]})}),u&&(0,n.jsxs)(`div`,{className:`flex items-center justify-between py-4 px-6 bg-white border-t-gray-300 border-solid border-t gap-4`,children:[(0,n.jsx)(`div`,{className:`text-redi-text text-base font-medium shrink-0`,children:(0,n.jsxs)(`span`,{children:[x.pagination?.showingItems,` `,(F.page-1)*F.pageSize+1,` `,x.pagination?.to,` `,Math.min(F.page*F.pageSize,F.total),` `,x.pagination?.of,` `,F.total,` `,x.pagination?.items]})}),(0,n.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,n.jsxs)(`label`,{className:`flex items-center gap-3 text-sm font-semibold text-redi-text`,children:[x.pagination?.showPerPage,(0,n.jsx)(`select`,{value:F.pageSize,onChange:e=>ce(Number(e.target.value)),className:`py-1.5 px-2.5 border border-solid border-gray-300 rounded-md bg-white text-redi-text focus:outline-none focus:ring-2 focus:ring-redi-primary`,children:s.map(e=>(0,n.jsx)(`option`,{value:e,children:e},e))}),x.pagination?.perPageItems]}),(0,n.jsxs)(`div`,{className:`flex gap-1 items-center`,children:[(0,n.jsx)(np,{level:`icon`,onClick:()=>se(1),disabled:F.page===1,children:`<<`}),(0,n.jsx)(np,{level:`icon`,onClick:()=>se(F.page-1),disabled:F.page===1,children:`<`}),Array.from({length:Math.min(3,we)},(e,t)=>{let r;return r=we<=3||F.page<=2?t+1:F.page>we-2?we-2+t:F.page-1+t,(0,n.jsx)(np,{level:F.page===r?`primary`:`secondary`,onClick:()=>se(r),children:r},r)}),(0,n.jsx)(np,{level:`icon`,onClick:()=>se(F.page+1),disabled:F.page===we,children:`>`}),(0,n.jsx)(np,{level:`icon`,onClick:()=>se(we),disabled:F.page===we,children:`>>`})]})]})]})]})},pp={info:`border-redi-link text-redi-tertiary-text`,success:`border-redi-success text-redi-tertiary-text`,warning:`border-redi-warning text-redi-tertiary-text`,danger:`border-redi-danger text-redi-tertiary-text`},mp=({title:e,description:t,tone:r=`info`,onClose:i})=>(0,n.jsxs)(`div`,{className:`rounded-lg border px-4 py-2 ${pp[r]}`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between`,children:[e&&(0,n.jsx)(`div`,{className:`font-semibold`,children:e}),i&&(0,n.jsx)(`button`,{type:`button`,onClick:i,className:`text-redi-tertiary-text`,children:`×`})]}),t&&(0,n.jsx)(`div`,{className:`text-sm`,children:t})]}),hp={success:`bg-redi-success text-white`,warning:`bg-redi-warning text-white`,danger:`bg-redi-danger text-white`,info:`bg-redi-link text-white`},gp=({label:e,tone:t=`info`})=>(0,n.jsx)(`span`,{className:`inline-block rounded px-2 py-1 text-xs ${hp[t]}`,children:e});let _p=({className:e,...t})=>(0,n.jsx)(`svg`,{className:e||`w-3.5 h-3.5`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:3,...t,children:(0,n.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M4.5 12.75l6 6 9-13.5`})});var vp=({checked:e,onChange:t,label:r,disabled:i=!1,color:a,error:o=!1,helperText:s,id:c,name:l})=>{let u=a?tp(a):null,d=u&&e&&!i?{backgroundColor:u.main,borderColor:u.main,"--checkbox-ring":u.active}:{},f=o?`border-red-500`:`border-gray-300`,p=o?`text-red-500`:`text-gray-700`;return(0,n.jsxs)(`div`,{className:`flex flex-col`,children:[(0,n.jsxs)(`label`,{className:`inline-flex items-center gap-2 ${i?`cursor-not-allowed opacity-75`:`cursor-pointer`}`,children:[(0,n.jsxs)(`div`,{className:`relative flex items-center`,children:[(0,n.jsx)(`input`,{id:c||l,name:l,type:`checkbox`,checked:e,onChange:e=>!i&&t(e.target.checked),disabled:i,className:`peer sr-only`}),(0,n.jsx)(`div`,{className:`
               h-5 w-5 rounded border transition-all duration-200 flex items-center justify-center
               ${e?`bg-redi-primary-bg border-redi-primary-bg`:`bg-white ${f}`}
               peer-focus:ring-2 peer-focus:ring-opacity-50 peer-focus:ring-offset-1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redi.run/redi-components",
   "description": "This project was created to define the style of the UI and improve the UX in all projects from REDI",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "author": {
     "name": "Jonathan Manchego Sosa",