lizaui 3.0.40 → 3.0.42
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/components/table/body/table-body.d.ts +8 -2
- package/dist/components/table/body/table-body.d.ts.map +1 -1
- package/dist/components/table/interface/table.interface.d.ts +7 -7
- package/dist/components/table/interface/table.interface.d.ts.map +1 -1
- package/dist/components/ui/hover-card.d.ts +7 -0
- package/dist/components/ui/hover-card.d.ts.map +1 -0
- package/dist/components/ui/index.d.ts +2 -0
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/textarea.d.ts +4 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/table/index.cjs.js +1 -1
- package/dist/table/index.cjs.js.map +1 -1
- package/dist/table/index.es.js +91 -83
- package/dist/table/index.es.js.map +1 -1
- package/dist/ui/index.cjs.js +3 -3
- package/dist/ui/index.cjs.js.map +1 -1
- package/dist/ui/index.es.js +1830 -1627
- package/dist/ui/index.es.js.map +1 -1
- package/package.json +2 -1
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as React } from 'react';
|
|
2
2
|
import { TableBodyProps } from '../interface/table.interface';
|
|
3
|
-
|
|
3
|
+
declare function TableBodyComponent<TData extends {}>({ children, className, data, textNoData, isLoading, loadingText, ...props }: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const TableBody: React.NamedExoticComponent<TableBodyProps<{}>> & {
|
|
5
|
+
readonly type: typeof TableBodyComponent;
|
|
6
|
+
} & {
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export {};
|
|
4
10
|
//# sourceMappingURL=table-body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/table/body/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAI1E,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,8BAA8B,CAAC;AAEzF,iBAAS,kBAAkB,CAAC,KAAK,SAAS,EAAE,EAAE,EAC7C,QAAQ,EACR,SAAS,EACT,IAAS,EACT,UAAiC,EACjC,SAAiB,EACjB,WAA4B,EAC5B,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,2CA2DvB;AAID,eAAO,MAAM,SAAS;;;;CAEpB,CAAC"}
|
|
@@ -78,14 +78,14 @@ export interface TableSearchColumnProps {
|
|
|
78
78
|
className?: string;
|
|
79
79
|
children?: ReactNode;
|
|
80
80
|
}
|
|
81
|
-
export interface TableBodyProps {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
export interface TableBodyProps<TData> {
|
|
82
|
+
children: (props: {
|
|
83
|
+
item: TData;
|
|
84
|
+
}) => React.ReactNode | ReactNode;
|
|
85
|
+
data?: TData[];
|
|
86
86
|
className?: string;
|
|
87
87
|
textNoData?: string;
|
|
88
|
-
|
|
88
|
+
isLoading?: boolean;
|
|
89
89
|
loadingText?: string;
|
|
90
90
|
}
|
|
91
91
|
export interface TableBodyRowProps {
|
|
@@ -108,7 +108,7 @@ export interface TableHOCContainerProps {
|
|
|
108
108
|
HeaderColumn: FC<TableHeaderColumnProps>;
|
|
109
109
|
SearchRow: FC<TableSearchRowProps>;
|
|
110
110
|
SearchColumn: FC<TableSearchColumnProps>;
|
|
111
|
-
Body: FC<TableBodyProps
|
|
111
|
+
Body: FC<TableBodyProps<any>>;
|
|
112
112
|
BodyRow: FC<TableBodyRowProps>;
|
|
113
113
|
BodyColumn: FC<TableBodyColumnProps>;
|
|
114
114
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/table/interface/table.interface.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"table.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/table/interface/table.interface.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
3
|
+
declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { HoverCard, HoverCardTrigger, HoverCardContent };
|
|
7
|
+
//# sourceMappingURL=hover-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAIjE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEpF;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAE9F;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAgB,EAAE,UAAc,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAe3I;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/table/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../chunks/jsx-runtime-DFswc9zO.js"),e=require("react"),h=require("../chunks/bundle-mjs-Bta93uUH.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../chunks/jsx-runtime-DFswc9zO.js"),e=require("react"),h=require("../chunks/bundle-mjs-Bta93uUH.js"),V=require("../chunks/tooltip-Dh3LI-sS.js"),A=require("../chunks/clsx-C11secjj.js"),w=require("../chunks/checkbox-D7Bt7i2P.js"),C=require("../chunks/v4-CqU37_Sa.js"),M=e.memo(({children:s,className:o,...n})=>{const r=e.useMemo(()=>h.twMerge("min-h-[100px] sticky top-0 z-10",o),[o]),x=e.useMemo(()=>e.Children.map(s,l=>e.isValidElement(l)?e.cloneElement(l,{...n}):l),[s,n]);return t.jsxRuntimeExports.jsx("thead",{className:r,children:x})});M.displayName="TableHeader";const E=e.memo(({children:s,className:o,style:n={},icon:r=null,text:x="",size:l,header:a})=>{const b=e.useMemo(()=>h.twMerge("px-2 border-b border-divider",o),[o]),u=e.useMemo(()=>({...n,width:l?`${l}px`:n.width,minWidth:l?`${l}px`:n.minWidth}),[n,l]),m=!s||typeof s=="string"&&s.trim()==="";return t.jsxRuntimeExports.jsx("th",{className:b,style:u,children:m?t.jsxRuntimeExports.jsxs("div",{className:"flex justify-between items-center gap-x-2 font-medium",children:[t.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[t.jsxRuntimeExports.jsx("p",{className:"line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left",children:x}),(a==null?void 0:a.information)&&t.jsxRuntimeExports.jsx(V.Tooltip,{content:(a==null?void 0:a.information)||"",children:t.jsxRuntimeExports.jsx("svg",{"aria-hidden":"true",role:"img",className:"text-default-300 cursor-pointer dark:text-foreground-500",width:16,height:16,viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsxs("g",{fill:"none",children:[t.jsxRuntimeExports.jsx("circle",{cx:12,cy:12,r:10,stroke:"currentColor",strokeWidth:"1.5"}),t.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5",d:"M12 17v-6"}),t.jsxRuntimeExports.jsx("circle",{cx:1,cy:1,r:1,fill:"currentColor",transform:"matrix(1 0 0 -1 11 9)"})]})})})]}),t.jsxRuntimeExports.jsx("div",{className:"flex-1 flex",children:r})]}):s})});E.displayName="TableHeaderColumn";const K={color:"primary",disabledKeys:[],isChecks:!0,selectKeys:[],isActions:!0,widthAction:100,totalColumn:0},N=e.createContext(K),R=()=>e.useContext(N);function H({children:s,className:o,data:n=[],textNoData:r="No hay información",isLoading:x=!1,loadingText:l="Cargando ...",...a}){const{totalColumn:b,isActions:u,isChecks:m}=R(),p=Number(b)+Number(u)+Number(m),d=e.useMemo(()=>h.twMerge(o),[o]),f=e.useMemo(()=>typeof s=="function"?n.map((i,j)=>{const y=s({item:i});return e.isValidElement(y)?e.cloneElement(y,{key:j,...a}):null}):e.Children.map(s,i=>e.isValidElement(i)?e.cloneElement(i,{...a}):i),[s,n,a]);let c=null;return x?c=t.jsxRuntimeExports.jsx("tr",{className:"border-b border-gray-200",children:t.jsxRuntimeExports.jsx("td",{className:"px-2 py-2.5 w-full",colSpan:p,children:t.jsxRuntimeExports.jsx("div",{className:"flex justify-center relative",children:t.jsxRuntimeExports.jsx("p",{className:"line-clamp-1 text-sm text-gray-900",children:l})})})}):n.length===0&&(c=t.jsxRuntimeExports.jsx("tr",{className:"border-b border-gray-200",children:t.jsxRuntimeExports.jsx("td",{className:"px-2 py-2.5 w-full",colSpan:p,children:t.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:t.jsxRuntimeExports.jsx("p",{className:"line-clamp-1 text-sm text-gray-900",children:r})})})})),t.jsxRuntimeExports.jsxs("tbody",{className:d,children:[f,c]})}const q=e.memo(H),W=Object.assign(q,{displayName:"TableBody"}),T=e.memo(({children:s,className:o,keyCurrent:n,onChangeCheck:r,disabled:x,isCheck:l=!0})=>{const a=e.useMemo(()=>C.v4(),[]),{isChecks:b,selectKeys:u,disabledKeys:m,color:p}=R(),d=e.useMemo(()=>u==null?void 0:u.some(j=>j.id===n.id),[u,n.id]),f=e.useMemo(()=>m==null?void 0:m.some(j=>j===n.id),[m,n.id]),c=j=>{f||x||r==null||r(n,j)},i=e.useMemo(()=>h.twMerge("relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out",A.clsx({"bg-content1 dark:hover:bg-default-100 hover:bg-default-100":!d,"bg-default-100 dark:bg-default-200":d}),o),[d,o]);return t.jsxRuntimeExports.jsxs("tr",{className:i,children:[b&&t.jsxRuntimeExports.jsx("td",{className:"px-2 py-1",children:l&&t.jsxRuntimeExports.jsx(w.Checkbox,{id:a,onChange:j=>c(j.target.checked),checked:d||!1,className:"flex justify-center",disabled:f||x,color:p})}),s]})});T.displayName="TableBodyRow";const k=e.memo(({children:s,className:o,text:n})=>{const r=e.useMemo(()=>h.twMerge("px-2 py-1 text-gray-900 dark:text-default-500",o),[o]),x=!s||typeof s=="string"&&s.trim()==="";return t.jsxRuntimeExports.jsx("td",{className:r,children:x?t.jsxRuntimeExports.jsx("p",{className:"line-clamp-1 text-sm ",children:n}):s})});k.displayName="TableBodyColumn";const S=e.memo(({children:s,className:o,dataHeader:n=[],valueCheck:r=!1,disabledCheck:x,onChangeCheck:l,...a})=>{const b=e.useMemo(()=>C.v4(),[]),{isChecks:u,widthAction:m,isActions:p,color:d}=R(),f=i=>{x||l==null||l(i)},c=e.useMemo(()=>typeof s=="function"?n.map((i,j)=>{const y=s({item:i});return e.isValidElement(y)?e.cloneElement(y,{key:j,...a}):null}):e.Children.map(s,i=>e.isValidElement(i)?e.cloneElement(i,{...a}):i),[s,n,a]);return t.jsxRuntimeExports.jsxs("tr",{className:h.twMerge("bg-gray-50 dark:bg-default-100 h-[50px]",o),children:[u&&t.jsxRuntimeExports.jsx(E,{className:"min-w-[40px] w-[40px]",children:t.jsxRuntimeExports.jsx(w.Checkbox,{id:b,onChange:i=>f(i.target.checked),checked:r,className:"flex justify-center",color:d})}),c,p&&t.jsxRuntimeExports.jsx(E,{color:d,style:{minWidth:`${m}px`,width:`${m}px`}})]})});S.displayName="TableHeaderRow";const g=e.memo(({children:s,className:o="",style:n={}})=>{const r=e.useMemo(()=>h.twMerge("table-column-search px-2 border-b border-divider",o),[o]);return t.jsxRuntimeExports.jsx("th",{className:r,style:n,children:s})});g.displayName="TableSearchColumn";const v=e.memo(({children:s,className:o,dataHeader:n=[],...r})=>{const{isChecks:x,widthAction:l,isActions:a}=R(),b=e.useMemo(()=>h.twMerge("bg-gray-50 dark:bg-default-100 h-[50px]",o),[o]),u=e.useMemo(()=>typeof s=="function"?n.map((m,p)=>{const d=s({item:m});return e.isValidElement(d)?e.cloneElement(d,{key:p,...r}):null}):e.Children.map(s,m=>e.isValidElement(m)?e.cloneElement(m,{...r}):m),[s,n,r]);return t.jsxRuntimeExports.jsxs("tr",{className:b,children:[x&&t.jsxRuntimeExports.jsx(g,{className:"min-w-[40px] w-[40px]"}),u,a&&t.jsxRuntimeExports.jsx(g,{style:{minWidth:`${l}px`,width:`${l}px`}})]})});v.displayName="TableSearchRow";const B=({className:s,children:o,classNameContainer:n,...r})=>{const{color:x="primary",disabledKeys:l,isChecks:a=!0,selectKeys:b=[],isActions:u=!0,widthAction:m=100,dataHeader:p}=r,d=e.useMemo(()=>h.twMerge("table-main-container w-full border-collapse table-auto",s),[s]),f=e.useMemo(()=>h.twMerge("max-w-full overflow-x-auto overflow-y-auto bg-content1",n),[n]);return t.jsxRuntimeExports.jsx(N.Provider,{value:{color:x,disabledKeys:l,isChecks:a,selectKeys:b,isActions:u,widthAction:m,totalColumn:(p==null?void 0:p.length)||0},children:t.jsxRuntimeExports.jsx("div",{className:f,children:t.jsxRuntimeExports.jsx("table",{className:d,children:e.Children.map(o,c=>e.isValidElement(c)?e.cloneElement(c,{...r}):c)})})})},$=Object.assign(B,{Header:M,HeaderRow:S,HeaderColumn:E,SearchRow:v,SearchColumn:g,Body:W,BodyRow:T,BodyColumn:k}),O=({initialDisabledKeys:s=[],initialSelectKey:o=[],initialValueSearch:n={}})=>{const[r,x]=e.useState(o),[l,a]=e.useState(s),[b,u]=e.useState(n),m=e.useCallback(c=>{x(i=>i.some(y=>y.id===c.id)?i.filter(y=>y.id!==c.id):[...i,c])},[]),p=e.useCallback(c=>{x(c)},[]),d=e.useCallback(c=>{a(c)},[]),f=e.useCallback((c,i)=>{u(j=>{const y={...j};return i?y[c]=i:delete y[c],y})},[]);return{selectKeys:r,disabledKeys:l,valueSearch:b,handleSelectKeys:p,handleSelectKey:m,handleDisabledKeys:d,handleSetValueSearch:f}};exports.Table=$;exports.TableHOC=B;exports.useTable=O;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../src/components/table/header/table-header.tsx","../../src/components/table/header/table-header-column.tsx","../../src/components/table/context/table.context.tsx","../../src/components/table/hook/use-table-context.tsx","../../src/components/table/body/table-body.tsx","../../src/components/table/body/table-body-row.tsx","../../src/components/table/body/table-body-column.tsx","../../src/components/table/header/table-header-row.tsx","../../src/components/table/search/table-search-column.tsx","../../src/components/table/search/table-search-row.tsx","../../src/components/table/table.tsx","../../src/components/table/hook/use-table.tsx"],"sourcesContent":["import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableHeaderProps } from \"../interface/table.interface\";\n\nexport const TableHeader: FC<TableHeaderProps> = React.memo(({ children, className, ...props }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"min-h-[100px] sticky top-0 z-10\", className), [className]);\n\n\tconst clonedChildren = useMemo(\n\t\t() => React.Children.map(children, (child) => (isValidElement(child) ? React.cloneElement(child as ReactElement, { ...props }) : child)),\n\t\t[children, props],\n\t);\n\n\treturn <thead className={mergedClass}>{clonedChildren}</thead>;\n});\nTableHeader.displayName = \"TableHeader\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { type TableHeaderColumnProps } from \"../interface/table.interface\";\nimport { Tooltip } from \"@/components/tooltip\";\n\nexport const TableHeaderColumn: FC<TableHeaderColumnProps> = React.memo(\n\t({ children, className, style = {}, icon = null, text = \"\", size, header }) => {\n\t\tconst mergedClass = useMemo(() => twMerge(\"px-2 border-b border-divider\", className), [className]);\n\n\t\tconst mergedStyle = useMemo(\n\t\t\t() => ({\n\t\t\t\t...style,\n\t\t\t\twidth: size ? `${size}px` : style.width,\n\t\t\t\tminWidth: size ? `${size}px` : style.minWidth,\n\t\t\t}),\n\t\t\t[style, size],\n\t\t);\n\n\t\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\t\treturn (\n\t\t\t<th className={mergedClass} style={mergedStyle}>\n\t\t\t\t{isChildrenEmpty ? (\n\t\t\t\t\t<div className=\"flex justify-between items-center gap-x-2 font-medium\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-x-2\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left\">{text}</p>\n\t\t\t\t\t\t\t{header?.information && (\n\t\t\t\t\t\t\t\t<Tooltip content={header?.information || \"\"}>\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-default-300 cursor-pointer dark:text-foreground-500\"\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<g fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={12} cy={12} r={10} stroke=\"currentColor\" strokeWidth=\"1.5\" />\n\t\t\t\t\t\t\t\t\t\t\t<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"1.5\" d=\"M12 17v-6\" />\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={1} cy={1} r={1} fill=\"currentColor\" transform=\"matrix(1 0 0 -1 11 9)\" />\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex-1 flex\">{icon}</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</th>\n\t\t);\n\t},\n);\nTableHeaderColumn.displayName = \"TableHeaderColumn\";\n","import { createContext } from \"react\";\n\nimport { type TableContextProps } from \"../interface/table.interface\";\n\nconst initialValues: TableContextProps = {\n\tcolor: \"primary\",\n\tdisabledKeys: [],\n\tisChecks: true,\n\tselectKeys: [],\n\tisActions: true,\n\twidthAction: 100,\n\ttotalColumn: 0,\n};\n\nexport const TableContext = createContext<TableContextProps>(initialValues);\n","import { useContext } from \"react\";\r\nimport { TableContext } from \"../context/table.context\";\r\n\r\nexport const useTableContext = () => {\r\n\treturn useContext(TableContext);\r\n};\r\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableBodyProps, type TableShareProps } from \"../interface/table.interface\";\n\nexport const TableBody: FC<TableBodyProps> = React.memo(\n\t({ children, className, data = [], textNoData = \"No hay información\", loading = false, loadingText = \"Cargando ...\", ...props }) => {\n\t\tconst { totalColumn, isActions, isChecks } = useTableContext();\n\t\tconst total = Number(totalColumn) + Number(isActions) + Number(isChecks);\n\n\t\tconst mergedClass = useMemo(() => twMerge(className), [className]);\n\n\t\tconst renderedRows = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn data.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, data, props]);\n\n\t\tlet fallbackContent: React.ReactNode = null;\n\n\t\tif (loading) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center relative\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{loadingText}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t} else if (data.length === 0) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{textNoData}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<tbody className={mergedClass}>\n\t\t\t\t{renderedRows}\n\t\t\t\t{fallbackContent}\n\t\t\t</tbody>\n\t\t);\n\t},\n);\nTableBody.displayName = \"TableBody\";\n","import { twMerge } from \"tailwind-merge\";\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { memo, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { type TableBodyRowProps } from \"../interface/table.interface\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\n\nexport const TableBodyRow = memo(({ children, className, keyCurrent, onChangeCheck, disabled, isCheck = true }: TableBodyRowProps) => {\n\tconst uui = useMemo(() => uuidv4(), []);\n\tconst { isChecks, selectKeys, disabledKeys, color } = useTableContext();\n\n\tconst check = useMemo(() => selectKeys?.some((el) => el.id === keyCurrent.id), [selectKeys, keyCurrent.id]);\n\n\tconst disabledCheck = useMemo(() => disabledKeys?.some((el) => el === keyCurrent.id), [disabledKeys, keyCurrent.id]);\n\n\tconst handleChange = (value: boolean) => {\n\t\tif (disabledCheck || disabled) return;\n\t\tonChangeCheck?.(keyCurrent, value);\n\t};\n\n\tconst rowClass = useMemo(\n\t\t() =>\n\t\t\ttwMerge(\n\t\t\t\t\"relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out\",\n\t\t\t\tclsx({\n\t\t\t\t\t\"bg-content1 dark:hover:bg-default-100 hover:bg-default-100\": !check,\n\t\t\t\t\t\"bg-default-100 dark:bg-default-200\": check,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t),\n\t\t[check, className],\n\t);\n\n\treturn (\n\t\t<tr className={rowClass}>\n\t\t\t{isChecks && (\n\t\t\t\t<td className=\"px-2 py-1\">\n\t\t\t\t\t{isCheck && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\tchecked={check || false}\n\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\tdisabled={disabledCheck || disabled}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</td>\n\t\t\t)}\n\t\t\t{children}\n\t\t</tr>\n\t);\n});\n\nTableBodyRow.displayName = \"TableBodyRow\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableBodyColumnProps } from \"../interface/table.interface\";\n\nexport const TableBodyColumn: FC<TableBodyColumnProps> = React.memo(({ children, className, text }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"px-2 py-1 text-gray-900 dark:text-default-500\", className), [className]);\n\n\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\treturn <td className={mergedClass}>{isChildrenEmpty ? <p className=\"line-clamp-1 text-sm \">{text}</p> : children}</td>;\n});\nTableBodyColumn.displayName = \"TableBodyColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableHeaderRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableHeaderColumn } from \"./table-header-column\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\nexport const TableHeaderRow: FC<TableHeaderRowProps> = React.memo(\n\t({ children, className, dataHeader = [], valueCheck = false, disabledCheck, onChangeCheck, ...props }) => {\n\t\tconst uui = useMemo(() => uuidv4(), []);\n\t\tconst { isChecks, widthAction, isActions, color } = useTableContext();\n\n\t\tconst handleChange = (value: boolean) => {\n\t\t\tif (disabledCheck) return;\n\t\t\tonChangeCheck?.(value);\n\t\t};\n\n\t\tconst headerChildren = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t })\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t })\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, dataHeader, props]);\n\n\t\treturn (\n\t\t\t<tr className={twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className)}>\n\t\t\t\t{isChecks && (\n\t\t\t\t\t<TableHeaderColumn className=\"min-w-[40px] w-[40px]\">\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\tchecked={valueCheck}\n\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableHeaderColumn>\n\t\t\t\t)}\n\n\t\t\t\t{headerChildren}\n\n\t\t\t\t{isActions && <TableHeaderColumn color={color} style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t\t</tr>\n\t\t);\n\t},\n);\nTableHeaderRow.displayName = \"TableHeaderRow\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableSearchColumnProps } from \"../interface/table.interface\";\n\nexport const TableSearchColumn: FC<TableSearchColumnProps> = React.memo(({ children, className = \"\", style = {} }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"table-column-search px-2 border-b border-divider\", className), [className]);\n\n\treturn (\n\t\t<th className={mergedClass} style={style}>\n\t\t\t{children}\n\t\t</th>\n\t);\n});\nTableSearchColumn.displayName = \"TableSearchColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableSearchRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableSearchColumn } from \"./table-search-column\";\n\nexport const TableSearchRow: FC<TableSearchRowProps> = React.memo(({ children, className, dataHeader = [], ...props }) => {\n\tconst { isChecks, widthAction, isActions } = useTableContext();\n\n\tconst mergedClass = useMemo(() => twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className), [className]);\n\n\tconst renderedChildren = useMemo(() => {\n\t\tif (typeof children === \"function\") {\n\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t...props,\n\t\t\t\t\t })\n\t\t\t\t\t: null;\n\t\t\t});\n\t\t} else {\n\t\t\treturn React.Children.map(children, (child) =>\n\t\t\t\tisValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t...props,\n\t\t\t\t\t })\n\t\t\t\t\t: child,\n\t\t\t);\n\t\t}\n\t}, [children, dataHeader, props]);\n\n\treturn (\n\t\t<tr className={mergedClass}>\n\t\t\t{isChecks && <TableSearchColumn className=\"min-w-[40px] w-[40px]\" />}\n\t\t\t{renderedChildren}\n\t\t\t{isActions && <TableSearchColumn style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t</tr>\n\t);\n});\nTableSearchRow.displayName = \"TableSearchRow\";\n","import { TableHeader } from \"./header/table-header\";\nimport { TableHeaderColumn } from \"./header/table-header-column\";\nimport { twMerge } from \"tailwind-merge\";\nimport { TableBody } from \"./body/table-body\";\nimport { TableBodyRow } from \"./body/table-body-row\";\nimport { TableBodyColumn } from \"./body/table-body-column\";\nimport { TableContext } from \"./context/table.context\";\nimport { TableHeaderRow } from \"./header/table-header-row\";\nimport { TableSearchRow } from \"./search/table-search-row\";\nimport { TableSearchColumn } from \"./search/table-search-column\";\nimport {\n\ttype TableHOCContainerProps,\n\ttype TableProps,\n} from \"./interface/table.interface\";\nimport React, { type ReactElement, isValidElement, useMemo } from \"react\";\n\nexport const TableHOC = ({ className, children, classNameContainer, ...props }: TableProps) => {\n\tconst { color = \"primary\", disabledKeys, isChecks = true, selectKeys = [], isActions = true, widthAction = 100, dataHeader } = props;\n\n\tconst tableClass = useMemo(() => twMerge(\"table-main-container w-full border-collapse table-auto\", className), [className]);\n\tconst containerClass = useMemo(() => twMerge(\"max-w-full overflow-x-auto overflow-y-auto bg-content1\", classNameContainer), [classNameContainer]);\n\n\treturn (\n\t\t<TableContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcolor,\n\t\t\t\tdisabledKeys,\n\t\t\t\tisChecks,\n\t\t\t\tselectKeys,\n\t\t\t\tisActions,\n\t\t\t\twidthAction,\n\t\t\t\ttotalColumn: dataHeader?.length || 0,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={containerClass}>\n\t\t\t\t<table className={tableClass}>\n\t\t\t\t\t{React.Children.map(children, (child) =>\n\t\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t\t? React.cloneElement(child as ReactElement, {\n\t\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: child,\n\t\t\t\t\t)}\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t</TableContext.Provider>\n\t);\n};\n\n\nexport const Table: TableHOCContainerProps = Object.assign(TableHOC, {\n\tHeader: TableHeader,\n\n\tHeaderRow: TableHeaderRow,\n\tHeaderColumn: TableHeaderColumn,\n\n\tSearchRow: TableSearchRow,\n\tSearchColumn: TableSearchColumn,\n\n\tBody: TableBody,\n\n\tBodyRow: TableBodyRow,\n\tBodyColumn: TableBodyColumn,\n});\n","import { useCallback, useState } from \"react\";\n\nimport { type TableKeyCurrent, type TableValueSearchProps } from \"../interface/table-share.interface\";\nimport { type TableHookProps } from \"../interface/table.interface\";\n\ninterface TableProps {\n\tinitialSelectKey?: TableKeyCurrent[];\n\tinitialDisabledKeys?: string[];\n\tinitialValueSearch?: TableValueSearchProps;\n}\n\nexport const useTable = ({ initialDisabledKeys = [], initialSelectKey = [], initialValueSearch = {} }: TableProps): TableHookProps => {\n\tconst [selectKeys, setSelectKeys] = useState<TableKeyCurrent[]>(initialSelectKey);\n\tconst [disabledKeys, setDisabledKeys] = useState<string[]>(initialDisabledKeys);\n\tconst [valueSearch, setValueSearch] = useState<TableValueSearchProps>(initialValueSearch);\n\n\tconst handleSelectKey = useCallback((value: TableKeyCurrent) => {\n\t\tsetSelectKeys((prev) => {\n\t\t\tconst exists = prev.some((el) => el.id === value.id);\n\n\t\t\treturn exists ? prev.filter((el) => el.id !== value.id) : [...prev, value];\n\t\t});\n\t}, []);\n\n\tconst handleSelectKeys = useCallback((value: TableKeyCurrent[]) => {\n\t\tsetSelectKeys(value);\n\t}, []);\n\n\tconst handleDisabledKeys = useCallback((value: string[]) => {\n\t\tsetDisabledKeys(value);\n\t}, []);\n\n\tconst handleSetValueSearch = useCallback((key: string, value: string) => {\n\t\tsetValueSearch((prev) => {\n\t\t\tconst newState = { ...prev };\n\n\t\t\tif (value) newState[key] = value;\n\t\t\telse delete newState[key];\n\n\t\t\treturn newState;\n\t\t});\n\t}, []);\n\n\treturn {\n\t\tselectKeys,\n\t\tdisabledKeys,\n\t\tvalueSearch,\n\t\thandleSelectKeys,\n\t\thandleSelectKey,\n\t\thandleDisabledKeys,\n\t\thandleSetValueSearch,\n\t};\n};\n"],"names":["TableHeader","React","children","className","props","mergedClass","useMemo","twMerge","clonedChildren","child","isValidElement","jsx","TableHeaderColumn","style","icon","text","size","header","mergedStyle","isChildrenEmpty","jsxs","Tooltip","initialValues","TableContext","createContext","useTableContext","useContext","TableBody","data","textNoData","loading","loadingText","totalColumn","isActions","isChecks","total","renderedRows","el","index","fallbackContent","TableBodyRow","memo","keyCurrent","onChangeCheck","disabled","isCheck","uui","uuidv4","selectKeys","disabledKeys","color","check","disabledCheck","handleChange","value","rowClass","clsx","Checkbox","e","TableBodyColumn","TableHeaderRow","dataHeader","valueCheck","widthAction","headerChildren","TableSearchColumn","TableSearchRow","renderedChildren","TableHOC","classNameContainer","tableClass","containerClass","Table","useTable","initialDisabledKeys","initialSelectKey","initialValueSearch","setSelectKeys","useState","setDisabledKeys","valueSearch","setValueSearch","handleSelectKey","useCallback","prev","handleSelectKeys","handleDisabledKeys","handleSetValueSearch","key","newState"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/components/table/header/table-header.tsx","../../src/components/table/header/table-header-column.tsx","../../src/components/table/context/table.context.tsx","../../src/components/table/hook/use-table-context.tsx","../../src/components/table/body/table-body.tsx","../../src/components/table/body/table-body-row.tsx","../../src/components/table/body/table-body-column.tsx","../../src/components/table/header/table-header-row.tsx","../../src/components/table/search/table-search-column.tsx","../../src/components/table/search/table-search-row.tsx","../../src/components/table/table.tsx","../../src/components/table/hook/use-table.tsx"],"sourcesContent":["import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableHeaderProps } from \"../interface/table.interface\";\n\nexport const TableHeader: FC<TableHeaderProps> = React.memo(({ children, className, ...props }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"min-h-[100px] sticky top-0 z-10\", className), [className]);\n\n\tconst clonedChildren = useMemo(\n\t\t() => React.Children.map(children, (child) => (isValidElement(child) ? React.cloneElement(child as ReactElement, { ...props }) : child)),\n\t\t[children, props],\n\t);\n\n\treturn <thead className={mergedClass}>{clonedChildren}</thead>;\n});\nTableHeader.displayName = \"TableHeader\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { type TableHeaderColumnProps } from \"../interface/table.interface\";\nimport { Tooltip } from \"@/components/tooltip\";\n\nexport const TableHeaderColumn: FC<TableHeaderColumnProps> = React.memo(\n\t({ children, className, style = {}, icon = null, text = \"\", size, header }) => {\n\t\tconst mergedClass = useMemo(() => twMerge(\"px-2 border-b border-divider\", className), [className]);\n\n\t\tconst mergedStyle = useMemo(\n\t\t\t() => ({\n\t\t\t\t...style,\n\t\t\t\twidth: size ? `${size}px` : style.width,\n\t\t\t\tminWidth: size ? `${size}px` : style.minWidth,\n\t\t\t}),\n\t\t\t[style, size],\n\t\t);\n\n\t\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\t\treturn (\n\t\t\t<th className={mergedClass} style={mergedStyle}>\n\t\t\t\t{isChildrenEmpty ? (\n\t\t\t\t\t<div className=\"flex justify-between items-center gap-x-2 font-medium\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-x-2\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left\">{text}</p>\n\t\t\t\t\t\t\t{header?.information && (\n\t\t\t\t\t\t\t\t<Tooltip content={header?.information || \"\"}>\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-default-300 cursor-pointer dark:text-foreground-500\"\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<g fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={12} cy={12} r={10} stroke=\"currentColor\" strokeWidth=\"1.5\" />\n\t\t\t\t\t\t\t\t\t\t\t<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"1.5\" d=\"M12 17v-6\" />\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={1} cy={1} r={1} fill=\"currentColor\" transform=\"matrix(1 0 0 -1 11 9)\" />\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex-1 flex\">{icon}</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</th>\n\t\t);\n\t},\n);\nTableHeaderColumn.displayName = \"TableHeaderColumn\";\n","import { createContext } from \"react\";\n\nimport { type TableContextProps } from \"../interface/table.interface\";\n\nconst initialValues: TableContextProps = {\n\tcolor: \"primary\",\n\tdisabledKeys: [],\n\tisChecks: true,\n\tselectKeys: [],\n\tisActions: true,\n\twidthAction: 100,\n\ttotalColumn: 0,\n};\n\nexport const TableContext = createContext<TableContextProps>(initialValues);\n","import { useContext } from \"react\";\r\nimport { TableContext } from \"../context/table.context\";\r\n\r\nexport const useTableContext = () => {\r\n\treturn useContext(TableContext);\r\n};\r\n","import React, { type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableBodyProps, type TableShareProps } from \"../interface/table.interface\";\n\nfunction TableBodyComponent<TData extends {}>({\n\tchildren,\n\tclassName,\n\tdata = [],\n\ttextNoData = \"No hay información\",\n\tisLoading = false,\n\tloadingText = \"Cargando ...\",\n\t...props\n}: TableBodyProps<TData>) {\n\t\tconst { totalColumn, isActions, isChecks } = useTableContext();\n\t\tconst total = Number(totalColumn) + Number(isActions) + Number(isChecks);\n\n\t\tconst mergedClass = useMemo(() => twMerge(className), [className]);\n\n\t\tconst renderedRows = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn data.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, data, props]);\n\n\t\tlet fallbackContent: React.ReactNode = null;\n\n\t\tif (isLoading) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center relative\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{loadingText}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t} else if (data.length === 0) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{textNoData}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<tbody className={mergedClass}>\n\t\t\t\t{renderedRows}\n\t\t\t\t{fallbackContent}\n\t\t\t</tbody>\n\t\t);\n}\n\nconst MemoizedTableBody = React.memo(TableBodyComponent);\n\nexport const TableBody = Object.assign(MemoizedTableBody, {\n\tdisplayName: \"TableBody\",\n});\n","import { twMerge } from \"tailwind-merge\";\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { memo, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { type TableBodyRowProps } from \"../interface/table.interface\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\n\nexport const TableBodyRow = memo(({ children, className, keyCurrent, onChangeCheck, disabled, isCheck = true }: TableBodyRowProps) => {\n\tconst uui = useMemo(() => uuidv4(), []);\n\tconst { isChecks, selectKeys, disabledKeys, color } = useTableContext();\n\n\tconst check = useMemo(() => selectKeys?.some((el) => el.id === keyCurrent.id), [selectKeys, keyCurrent.id]);\n\n\tconst disabledCheck = useMemo(() => disabledKeys?.some((el) => el === keyCurrent.id), [disabledKeys, keyCurrent.id]);\n\n\tconst handleChange = (value: boolean) => {\n\t\tif (disabledCheck || disabled) return;\n\t\tonChangeCheck?.(keyCurrent, value);\n\t};\n\n\tconst rowClass = useMemo(\n\t\t() =>\n\t\t\ttwMerge(\n\t\t\t\t\"relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out\",\n\t\t\t\tclsx({\n\t\t\t\t\t\"bg-content1 dark:hover:bg-default-100 hover:bg-default-100\": !check,\n\t\t\t\t\t\"bg-default-100 dark:bg-default-200\": check,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t),\n\t\t[check, className],\n\t);\n\n\treturn (\n\t\t<tr className={rowClass}>\n\t\t\t{isChecks && (\n\t\t\t\t<td className=\"px-2 py-1\">\n\t\t\t\t\t{isCheck && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\tchecked={check || false}\n\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\tdisabled={disabledCheck || disabled}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</td>\n\t\t\t)}\n\t\t\t{children}\n\t\t</tr>\n\t);\n});\n\nTableBodyRow.displayName = \"TableBodyRow\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableBodyColumnProps } from \"../interface/table.interface\";\n\nexport const TableBodyColumn: FC<TableBodyColumnProps> = React.memo(({ children, className, text }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"px-2 py-1 text-gray-900 dark:text-default-500\", className), [className]);\n\n\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\treturn <td className={mergedClass}>{isChildrenEmpty ? <p className=\"line-clamp-1 text-sm \">{text}</p> : children}</td>;\n});\nTableBodyColumn.displayName = \"TableBodyColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableHeaderRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableHeaderColumn } from \"./table-header-column\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\nexport const TableHeaderRow: FC<TableHeaderRowProps> = React.memo(\n\t({ children, className, dataHeader = [], valueCheck = false, disabledCheck, onChangeCheck, ...props }) => {\n\t\tconst uui = useMemo(() => uuidv4(), []);\n\t\tconst { isChecks, widthAction, isActions, color } = useTableContext();\n\n\t\tconst handleChange = (value: boolean) => {\n\t\t\tif (disabledCheck) return;\n\t\t\tonChangeCheck?.(value);\n\t\t};\n\n\t\tconst headerChildren = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t })\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t })\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, dataHeader, props]);\n\n\t\treturn (\n\t\t\t<tr className={twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className)}>\n\t\t\t\t{isChecks && (\n\t\t\t\t\t<TableHeaderColumn className=\"min-w-[40px] w-[40px]\">\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\tchecked={valueCheck}\n\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableHeaderColumn>\n\t\t\t\t)}\n\n\t\t\t\t{headerChildren}\n\n\t\t\t\t{isActions && <TableHeaderColumn color={color} style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t\t</tr>\n\t\t);\n\t},\n);\nTableHeaderRow.displayName = \"TableHeaderRow\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableSearchColumnProps } from \"../interface/table.interface\";\n\nexport const TableSearchColumn: FC<TableSearchColumnProps> = React.memo(({ children, className = \"\", style = {} }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"table-column-search px-2 border-b border-divider\", className), [className]);\n\n\treturn (\n\t\t<th className={mergedClass} style={style}>\n\t\t\t{children}\n\t\t</th>\n\t);\n});\nTableSearchColumn.displayName = \"TableSearchColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableSearchRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableSearchColumn } from \"./table-search-column\";\n\nexport const TableSearchRow: FC<TableSearchRowProps> = React.memo(({ children, className, dataHeader = [], ...props }) => {\n\tconst { isChecks, widthAction, isActions } = useTableContext();\n\n\tconst mergedClass = useMemo(() => twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className), [className]);\n\n\tconst renderedChildren = useMemo(() => {\n\t\tif (typeof children === \"function\") {\n\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t...props,\n\t\t\t\t\t })\n\t\t\t\t\t: null;\n\t\t\t});\n\t\t} else {\n\t\t\treturn React.Children.map(children, (child) =>\n\t\t\t\tisValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t...props,\n\t\t\t\t\t })\n\t\t\t\t\t: child,\n\t\t\t);\n\t\t}\n\t}, [children, dataHeader, props]);\n\n\treturn (\n\t\t<tr className={mergedClass}>\n\t\t\t{isChecks && <TableSearchColumn className=\"min-w-[40px] w-[40px]\" />}\n\t\t\t{renderedChildren}\n\t\t\t{isActions && <TableSearchColumn style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t</tr>\n\t);\n});\nTableSearchRow.displayName = \"TableSearchRow\";\n","import { TableHeader } from \"./header/table-header\";\nimport { TableHeaderColumn } from \"./header/table-header-column\";\nimport { twMerge } from \"tailwind-merge\";\nimport { TableBody } from \"./body/table-body\";\nimport { TableBodyRow } from \"./body/table-body-row\";\nimport { TableBodyColumn } from \"./body/table-body-column\";\nimport { TableContext } from \"./context/table.context\";\nimport { TableHeaderRow } from \"./header/table-header-row\";\nimport { TableSearchRow } from \"./search/table-search-row\";\nimport { TableSearchColumn } from \"./search/table-search-column\";\nimport {\n\ttype TableHOCContainerProps,\n\ttype TableProps,\n} from \"./interface/table.interface\";\nimport React, { type ReactElement, isValidElement, useMemo } from \"react\";\n\nexport const TableHOC = ({ className, children, classNameContainer, ...props }: TableProps) => {\n\tconst { color = \"primary\", disabledKeys, isChecks = true, selectKeys = [], isActions = true, widthAction = 100, dataHeader } = props;\n\n\tconst tableClass = useMemo(() => twMerge(\"table-main-container w-full border-collapse table-auto\", className), [className]);\n\tconst containerClass = useMemo(() => twMerge(\"max-w-full overflow-x-auto overflow-y-auto bg-content1\", classNameContainer), [classNameContainer]);\n\n\treturn (\n\t\t<TableContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcolor,\n\t\t\t\tdisabledKeys,\n\t\t\t\tisChecks,\n\t\t\t\tselectKeys,\n\t\t\t\tisActions,\n\t\t\t\twidthAction,\n\t\t\t\ttotalColumn: dataHeader?.length || 0,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={containerClass}>\n\t\t\t\t<table className={tableClass}>\n\t\t\t\t\t{React.Children.map(children, (child) =>\n\t\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t\t? React.cloneElement(child as ReactElement, {\n\t\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: child,\n\t\t\t\t\t)}\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t</TableContext.Provider>\n\t);\n};\n\n\nexport const Table: TableHOCContainerProps = Object.assign(TableHOC, {\n\tHeader: TableHeader,\n\n\tHeaderRow: TableHeaderRow,\n\tHeaderColumn: TableHeaderColumn,\n\n\tSearchRow: TableSearchRow,\n\tSearchColumn: TableSearchColumn,\n\n\tBody: TableBody,\n\n\tBodyRow: TableBodyRow,\n\tBodyColumn: TableBodyColumn,\n});\n","import { useCallback, useState } from \"react\";\n\nimport { type TableKeyCurrent, type TableValueSearchProps } from \"../interface/table-share.interface\";\nimport { type TableHookProps } from \"../interface/table.interface\";\n\ninterface TableProps {\n\tinitialSelectKey?: TableKeyCurrent[];\n\tinitialDisabledKeys?: string[];\n\tinitialValueSearch?: TableValueSearchProps;\n}\n\nexport const useTable = ({ initialDisabledKeys = [], initialSelectKey = [], initialValueSearch = {} }: TableProps): TableHookProps => {\n\tconst [selectKeys, setSelectKeys] = useState<TableKeyCurrent[]>(initialSelectKey);\n\tconst [disabledKeys, setDisabledKeys] = useState<string[]>(initialDisabledKeys);\n\tconst [valueSearch, setValueSearch] = useState<TableValueSearchProps>(initialValueSearch);\n\n\tconst handleSelectKey = useCallback((value: TableKeyCurrent) => {\n\t\tsetSelectKeys((prev) => {\n\t\t\tconst exists = prev.some((el) => el.id === value.id);\n\n\t\t\treturn exists ? prev.filter((el) => el.id !== value.id) : [...prev, value];\n\t\t});\n\t}, []);\n\n\tconst handleSelectKeys = useCallback((value: TableKeyCurrent[]) => {\n\t\tsetSelectKeys(value);\n\t}, []);\n\n\tconst handleDisabledKeys = useCallback((value: string[]) => {\n\t\tsetDisabledKeys(value);\n\t}, []);\n\n\tconst handleSetValueSearch = useCallback((key: string, value: string) => {\n\t\tsetValueSearch((prev) => {\n\t\t\tconst newState = { ...prev };\n\n\t\t\tif (value) newState[key] = value;\n\t\t\telse delete newState[key];\n\n\t\t\treturn newState;\n\t\t});\n\t}, []);\n\n\treturn {\n\t\tselectKeys,\n\t\tdisabledKeys,\n\t\tvalueSearch,\n\t\thandleSelectKeys,\n\t\thandleSelectKey,\n\t\thandleDisabledKeys,\n\t\thandleSetValueSearch,\n\t};\n};\n"],"names":["TableHeader","React","children","className","props","mergedClass","useMemo","twMerge","clonedChildren","child","isValidElement","jsx","TableHeaderColumn","style","icon","text","size","header","mergedStyle","isChildrenEmpty","jsxs","Tooltip","initialValues","TableContext","createContext","useTableContext","useContext","TableBodyComponent","data","textNoData","isLoading","loadingText","totalColumn","isActions","isChecks","total","renderedRows","el","index","fallbackContent","MemoizedTableBody","TableBody","TableBodyRow","memo","keyCurrent","onChangeCheck","disabled","isCheck","uui","uuidv4","selectKeys","disabledKeys","color","check","disabledCheck","handleChange","value","rowClass","clsx","Checkbox","e","TableBodyColumn","TableHeaderRow","dataHeader","valueCheck","widthAction","headerChildren","TableSearchColumn","TableSearchRow","renderedChildren","TableHOC","classNameContainer","tableClass","containerClass","Table","useTable","initialDisabledKeys","initialSelectKey","initialValueSearch","setSelectKeys","useState","setDisabledKeys","valueSearch","setValueSearch","handleSelectKey","useCallback","prev","handleSelectKeys","handleDisabledKeys","handleSetValueSearch","key","newState"],"mappings":"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"}
|
package/dist/table/index.es.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { j as e } from "../chunks/jsx-runtime-BYq8_R6m.js";
|
|
2
|
-
import
|
|
2
|
+
import d, { useMemo as x, isValidElement as C, createContext as $, useContext as M, memo as V, useState as v, useCallback as w } from "react";
|
|
3
3
|
import { t as g } from "../chunks/bundle-mjs-kGHm2Pod.js";
|
|
4
4
|
import { T as O } from "../chunks/tooltip-jYlWnuGh.js";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as D } from "../chunks/clsx-OuTLNxxd.js";
|
|
6
6
|
import { C as S } from "../chunks/checkbox-lvTY3PXC.js";
|
|
7
|
-
import { v as
|
|
8
|
-
const
|
|
9
|
-
const n = x(() => g("min-h-[100px] sticky top-0 z-10", l), [l]),
|
|
10
|
-
() =>
|
|
7
|
+
import { v as B } from "../chunks/v4-CRLUkzQ6.js";
|
|
8
|
+
const E = d.memo(({ children: t, className: l, ...s }) => {
|
|
9
|
+
const n = x(() => g("min-h-[100px] sticky top-0 z-10", l), [l]), m = x(
|
|
10
|
+
() => d.Children.map(t, (o) => C(o) ? d.cloneElement(o, { ...s }) : o),
|
|
11
11
|
[t, s]
|
|
12
12
|
);
|
|
13
|
-
return /* @__PURE__ */ e.jsx("thead", { className: n, children:
|
|
13
|
+
return /* @__PURE__ */ e.jsx("thead", { className: n, children: m });
|
|
14
14
|
});
|
|
15
|
-
|
|
16
|
-
const N =
|
|
17
|
-
({ children: t, className: l, style: s = {}, icon: n = null, text:
|
|
15
|
+
E.displayName = "TableHeader";
|
|
16
|
+
const N = d.memo(
|
|
17
|
+
({ children: t, className: l, style: s = {}, icon: n = null, text: m = "", size: o, header: a }) => {
|
|
18
18
|
const y = x(() => g("px-2 border-b border-divider", l), [l]), u = x(
|
|
19
19
|
() => ({
|
|
20
20
|
...s,
|
|
@@ -25,7 +25,7 @@ const N = m.memo(
|
|
|
25
25
|
), c = !t || typeof t == "string" && t.trim() === "";
|
|
26
26
|
return /* @__PURE__ */ e.jsx("th", { className: y, style: u, children: c ? /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center gap-x-2 font-medium", children: [
|
|
27
27
|
/* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
|
|
28
|
-
/* @__PURE__ */ e.jsx("p", { className: "line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left", children:
|
|
28
|
+
/* @__PURE__ */ e.jsx("p", { className: "line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left", children: m }),
|
|
29
29
|
(a == null ? void 0 : a.information) && /* @__PURE__ */ e.jsx(O, { content: (a == null ? void 0 : a.information) || "", children: /* @__PURE__ */ e.jsx(
|
|
30
30
|
"svg",
|
|
31
31
|
{
|
|
@@ -48,7 +48,7 @@ const N = m.memo(
|
|
|
48
48
|
}
|
|
49
49
|
);
|
|
50
50
|
N.displayName = "TableHeaderColumn";
|
|
51
|
-
const
|
|
51
|
+
const _ = {
|
|
52
52
|
color: "primary",
|
|
53
53
|
disabledKeys: [],
|
|
54
54
|
isChecks: !0,
|
|
@@ -56,35 +56,43 @@ const L = {
|
|
|
56
56
|
isActions: !0,
|
|
57
57
|
widthAction: 100,
|
|
58
58
|
totalColumn: 0
|
|
59
|
-
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
)
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
j
|
|
59
|
+
}, R = $(_), k = () => M(R);
|
|
60
|
+
function L({
|
|
61
|
+
children: t,
|
|
62
|
+
className: l,
|
|
63
|
+
data: s = [],
|
|
64
|
+
textNoData: n = "No hay información",
|
|
65
|
+
isLoading: m = !1,
|
|
66
|
+
loadingText: o = "Cargando ...",
|
|
67
|
+
...a
|
|
68
|
+
}) {
|
|
69
|
+
const { totalColumn: y, isActions: u, isChecks: c } = k(), f = Number(y) + Number(u) + Number(c), b = x(() => g(l), [l]), j = x(() => typeof t == "function" ? s.map((r, p) => {
|
|
70
|
+
const h = t({ item: r });
|
|
71
|
+
return C(h) ? d.cloneElement(h, {
|
|
72
|
+
key: p,
|
|
73
|
+
...a
|
|
74
|
+
}) : null;
|
|
75
|
+
}) : d.Children.map(
|
|
76
|
+
t,
|
|
77
|
+
(r) => C(r) ? d.cloneElement(r, {
|
|
78
|
+
...a
|
|
79
|
+
}) : r
|
|
80
|
+
), [t, s, a]);
|
|
81
|
+
let i = null;
|
|
82
|
+
return m ? i = /* @__PURE__ */ e.jsx("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e.jsx("td", { className: "px-2 py-2.5 w-full", colSpan: f, children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center relative", children: /* @__PURE__ */ e.jsx("p", { className: "line-clamp-1 text-sm text-gray-900", children: o }) }) }) }) : s.length === 0 && (i = /* @__PURE__ */ e.jsx("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e.jsx("td", { className: "px-2 py-2.5 w-full", colSpan: f, children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsx("p", { className: "line-clamp-1 text-sm text-gray-900", children: n }) }) }) })), /* @__PURE__ */ e.jsxs("tbody", { className: b, children: [
|
|
83
|
+
j,
|
|
84
|
+
i
|
|
85
|
+
] });
|
|
86
|
+
}
|
|
87
|
+
const P = d.memo(L), q = Object.assign(P, {
|
|
88
|
+
displayName: "TableBody"
|
|
89
|
+
}), A = V(({ children: t, className: l, keyCurrent: s, onChangeCheck: n, disabled: m, isCheck: o = !0 }) => {
|
|
90
|
+
const a = x(() => B(), []), { isChecks: y, selectKeys: u, disabledKeys: c, color: f } = k(), b = x(() => u == null ? void 0 : u.some((p) => p.id === s.id), [u, s.id]), j = x(() => c == null ? void 0 : c.some((p) => p === s.id), [c, s.id]), i = (p) => {
|
|
91
|
+
j || m || n == null || n(s, p);
|
|
84
92
|
}, r = x(
|
|
85
93
|
() => g(
|
|
86
94
|
"relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out",
|
|
87
|
-
|
|
95
|
+
D({
|
|
88
96
|
"bg-content1 dark:hover:bg-default-100 hover:bg-default-100": !b,
|
|
89
97
|
"bg-default-100 dark:bg-default-200": b
|
|
90
98
|
}),
|
|
@@ -100,32 +108,32 @@ const K = D(({ children: t, className: l, keyCurrent: s, onChangeCheck: n, disab
|
|
|
100
108
|
onChange: (p) => i(p.target.checked),
|
|
101
109
|
checked: b || !1,
|
|
102
110
|
className: "flex justify-center",
|
|
103
|
-
disabled: j ||
|
|
111
|
+
disabled: j || m,
|
|
104
112
|
color: f
|
|
105
113
|
}
|
|
106
114
|
) }),
|
|
107
115
|
t
|
|
108
116
|
] });
|
|
109
117
|
});
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
const n = x(() => g("px-2 py-1 text-gray-900 dark:text-default-500", l), [l]),
|
|
113
|
-
return /* @__PURE__ */ e.jsx("td", { className: n, children:
|
|
118
|
+
A.displayName = "TableBodyRow";
|
|
119
|
+
const K = d.memo(({ children: t, className: l, text: s }) => {
|
|
120
|
+
const n = x(() => g("px-2 py-1 text-gray-900 dark:text-default-500", l), [l]), m = !t || typeof t == "string" && t.trim() === "";
|
|
121
|
+
return /* @__PURE__ */ e.jsx("td", { className: n, children: m ? /* @__PURE__ */ e.jsx("p", { className: "line-clamp-1 text-sm ", children: s }) : t });
|
|
114
122
|
});
|
|
115
|
-
|
|
116
|
-
const
|
|
117
|
-
({ children: t, className: l, dataHeader: s = [], valueCheck: n = !1, disabledCheck:
|
|
118
|
-
const y = x(() =>
|
|
119
|
-
|
|
123
|
+
K.displayName = "TableBodyColumn";
|
|
124
|
+
const H = d.memo(
|
|
125
|
+
({ children: t, className: l, dataHeader: s = [], valueCheck: n = !1, disabledCheck: m, onChangeCheck: o, ...a }) => {
|
|
126
|
+
const y = x(() => B(), []), { isChecks: u, widthAction: c, isActions: f, color: b } = k(), j = (r) => {
|
|
127
|
+
m || o == null || o(r);
|
|
120
128
|
}, i = x(() => typeof t == "function" ? s.map((r, p) => {
|
|
121
129
|
const h = t({ item: r });
|
|
122
|
-
return
|
|
130
|
+
return C(h) ? d.cloneElement(h, {
|
|
123
131
|
key: p,
|
|
124
132
|
...a
|
|
125
133
|
}) : null;
|
|
126
|
-
}) :
|
|
134
|
+
}) : d.Children.map(
|
|
127
135
|
t,
|
|
128
|
-
(r) =>
|
|
136
|
+
(r) => C(r) ? d.cloneElement(r, {
|
|
129
137
|
...a
|
|
130
138
|
}) : r
|
|
131
139
|
), [t, s, a]);
|
|
@@ -145,39 +153,39 @@ const W = m.memo(
|
|
|
145
153
|
] });
|
|
146
154
|
}
|
|
147
155
|
);
|
|
148
|
-
|
|
149
|
-
const T =
|
|
156
|
+
H.displayName = "TableHeaderRow";
|
|
157
|
+
const T = d.memo(({ children: t, className: l = "", style: s = {} }) => {
|
|
150
158
|
const n = x(() => g("table-column-search px-2 border-b border-divider", l), [l]);
|
|
151
159
|
return /* @__PURE__ */ e.jsx("th", { className: n, style: s, children: t });
|
|
152
160
|
});
|
|
153
161
|
T.displayName = "TableSearchColumn";
|
|
154
|
-
const
|
|
155
|
-
const { isChecks:
|
|
162
|
+
const W = d.memo(({ children: t, className: l, dataHeader: s = [], ...n }) => {
|
|
163
|
+
const { isChecks: m, widthAction: o, isActions: a } = k(), y = x(() => g("bg-gray-50 dark:bg-default-100 h-[50px]", l), [l]), u = x(() => typeof t == "function" ? s.map((c, f) => {
|
|
156
164
|
const b = t({ item: c });
|
|
157
|
-
return
|
|
165
|
+
return C(b) ? d.cloneElement(b, {
|
|
158
166
|
key: f,
|
|
159
167
|
...n
|
|
160
168
|
}) : null;
|
|
161
|
-
}) :
|
|
169
|
+
}) : d.Children.map(
|
|
162
170
|
t,
|
|
163
|
-
(c) =>
|
|
171
|
+
(c) => C(c) ? d.cloneElement(c, {
|
|
164
172
|
...n
|
|
165
173
|
}) : c
|
|
166
174
|
), [t, s, n]);
|
|
167
175
|
return /* @__PURE__ */ e.jsxs("tr", { className: y, children: [
|
|
168
|
-
|
|
176
|
+
m && /* @__PURE__ */ e.jsx(T, { className: "min-w-[40px] w-[40px]" }),
|
|
169
177
|
u,
|
|
170
178
|
a && /* @__PURE__ */ e.jsx(T, { style: { minWidth: `${o}px`, width: `${o}px` } })
|
|
171
179
|
] });
|
|
172
180
|
});
|
|
173
|
-
|
|
174
|
-
const
|
|
175
|
-
const { color:
|
|
181
|
+
W.displayName = "TableSearchRow";
|
|
182
|
+
const F = ({ className: t, children: l, classNameContainer: s, ...n }) => {
|
|
183
|
+
const { color: m = "primary", disabledKeys: o, isChecks: a = !0, selectKeys: y = [], isActions: u = !0, widthAction: c = 100, dataHeader: f } = n, b = x(() => g("table-main-container w-full border-collapse table-auto", t), [t]), j = x(() => g("max-w-full overflow-x-auto overflow-y-auto bg-content1", s), [s]);
|
|
176
184
|
return /* @__PURE__ */ e.jsx(
|
|
177
|
-
|
|
185
|
+
R.Provider,
|
|
178
186
|
{
|
|
179
187
|
value: {
|
|
180
|
-
color:
|
|
188
|
+
color: m,
|
|
181
189
|
disabledKeys: o,
|
|
182
190
|
isChecks: a,
|
|
183
191
|
selectKeys: y,
|
|
@@ -185,31 +193,31 @@ const P = ({ className: t, children: l, classNameContainer: s, ...n }) => {
|
|
|
185
193
|
widthAction: c,
|
|
186
194
|
totalColumn: (f == null ? void 0 : f.length) || 0
|
|
187
195
|
},
|
|
188
|
-
children: /* @__PURE__ */ e.jsx("div", { className: j, children: /* @__PURE__ */ e.jsx("table", { className: b, children:
|
|
196
|
+
children: /* @__PURE__ */ e.jsx("div", { className: j, children: /* @__PURE__ */ e.jsx("table", { className: b, children: d.Children.map(
|
|
189
197
|
l,
|
|
190
|
-
(i) =>
|
|
198
|
+
(i) => C(i) ? d.cloneElement(i, {
|
|
191
199
|
...n
|
|
192
200
|
}) : i
|
|
193
201
|
) }) })
|
|
194
202
|
}
|
|
195
203
|
);
|
|
196
|
-
},
|
|
197
|
-
Header:
|
|
198
|
-
HeaderRow:
|
|
204
|
+
}, Z = Object.assign(F, {
|
|
205
|
+
Header: E,
|
|
206
|
+
HeaderRow: H,
|
|
199
207
|
HeaderColumn: N,
|
|
200
|
-
SearchRow:
|
|
208
|
+
SearchRow: W,
|
|
201
209
|
SearchColumn: T,
|
|
202
|
-
Body:
|
|
203
|
-
BodyRow:
|
|
204
|
-
BodyColumn:
|
|
205
|
-
}),
|
|
206
|
-
const [n,
|
|
207
|
-
|
|
208
|
-
}, []), f =
|
|
209
|
-
|
|
210
|
-
}, []), b =
|
|
210
|
+
Body: q,
|
|
211
|
+
BodyRow: A,
|
|
212
|
+
BodyColumn: K
|
|
213
|
+
}), z = ({ initialDisabledKeys: t = [], initialSelectKey: l = [], initialValueSearch: s = {} }) => {
|
|
214
|
+
const [n, m] = v(l), [o, a] = v(t), [y, u] = v(s), c = w((i) => {
|
|
215
|
+
m((r) => r.some((h) => h.id === i.id) ? r.filter((h) => h.id !== i.id) : [...r, i]);
|
|
216
|
+
}, []), f = w((i) => {
|
|
217
|
+
m(i);
|
|
218
|
+
}, []), b = w((i) => {
|
|
211
219
|
a(i);
|
|
212
|
-
}, []), j =
|
|
220
|
+
}, []), j = w((i, r) => {
|
|
213
221
|
u((p) => {
|
|
214
222
|
const h = { ...p };
|
|
215
223
|
return r ? h[i] = r : delete h[i], h;
|
|
@@ -226,8 +234,8 @@ const P = ({ className: t, children: l, classNameContainer: s, ...n }) => {
|
|
|
226
234
|
};
|
|
227
235
|
};
|
|
228
236
|
export {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
237
|
+
Z as Table,
|
|
238
|
+
F as TableHOC,
|
|
239
|
+
z as useTable
|
|
232
240
|
};
|
|
233
241
|
//# sourceMappingURL=index.es.js.map
|