@soyfri/shared-library 1.1.14 → 1.1.16
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/cjs/components/Button/Button.cjs +1 -1
- package/cjs/components/Card/Card.cjs +2 -0
- package/cjs/components/Card/Card.cjs.map +1 -0
- package/cjs/components/Card.cjs +2 -0
- package/cjs/components/Card.cjs.map +1 -0
- package/cjs/components/Select/Select.cjs +1 -1
- package/cjs/components/Table/Table.cjs +1 -1
- package/components/Card/index.ts +1 -0
- package/esm/components/Button/Button.d.ts +1 -1
- package/esm/components/Button/Button.js +1 -1
- package/esm/components/Card/Card.d.ts +12 -0
- package/esm/components/Card/Card.definition.d.ts +1 -0
- package/esm/components/Card/Card.js +2 -0
- package/esm/components/Card/Card.js.map +1 -0
- package/esm/components/Card/Card.stories.d.ts +6 -0
- package/esm/components/Card/index.d.ts +1 -0
- package/esm/components/Card.js +2 -0
- package/esm/components/Card.js.map +1 -0
- package/esm/components/Select/Select.js +1 -1
- package/esm/components/Table/Table.d.ts +2 -1
- package/esm/components/Table/Table.js +1 -1
- package/package.json +6 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("@mui/material");const i=({children:i,variant:a,disabled:o,startIcon:n,endIcon:s,size:r,className:d,onClick:l,loading:c,loadingPosition:u,loadingIndicator:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("@mui/material");const i=({children:i,variant:a,disabled:o,startIcon:n,endIcon:s,size:r,className:d,onClick:l,loading:c,loadingPosition:u,loadingIndicator:x,color:p,href:g,"data-testid":m,type:b,sx:j})=>e.jsxRuntimeExports.jsx(t.Button,{disabled:o,variant:a,startIcon:n,endIcon:s,size:r,className:d,onClick:l,loading:c,loadingPosition:u,loadingIndicator:x,sx:Object.assign({textTransform:"none"},j),disableRipple:!0,disableElevation:!0,color:p,"data-testid":m,href:g,type:b,children:i});exports.Button=i,exports.default=i;
|
|
2
2
|
//# sourceMappingURL=Button.cjs.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),s=require("@mui/material");const r=({children:r,raised:t,sx:a,className:i,onClick:d,onBlur:l,"data-testid":n})=>e.jsxRuntimeExports.jsx(s.Card,{raised:!0,sx:Object.assign(Object.assign({},a),{padding:"10px"}),className:i,"data-testid":n,onClick:d,onBlur:l,children:r});exports.Card=r,exports.default=r;
|
|
2
|
+
//# sourceMappingURL=Card.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),n=require("@mui/material"),i=require("../../node_modules/@mui/icons-material/esm/Clear.cjs"),s=require("../../node_modules/@mui/icons-material/esm/Check.cjs"),r=require("../../node_modules/@mui/system/esm/styled/styled.cjs");function l(e){return null}l.displayName="Option";const o=r(n.Select)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"4px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiSelect-select":{padding:"0 !important",height:"28px !important",display:"flex",alignItems:"center",marginLeft:"8px"},"& .MuiOutlinedInput-notchedOutline":{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),n=require("@mui/material"),i=require("../../node_modules/@mui/icons-material/esm/Clear.cjs"),s=require("../../node_modules/@mui/icons-material/esm/Check.cjs"),r=require("../../node_modules/@mui/system/esm/styled/styled.cjs");function l(e){return null}l.displayName="Option";const o=r(n.Select)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"4px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiSelect-select":{padding:"0 !important",height:"28px !important",display:"flex",alignItems:"center",marginLeft:"8px"},"& .MuiOutlinedInput-notchedOutline":{marginBottom:"-4px !important",borderRadius:"10px"},"& .MuiSelect-icon":{top:"50%",transform:"translateY(-50%)"},"& .MuiOutlinedInput-notchedOutline > legend":{display:"none"}}))),a=r(n.InputLabel)((({theme:e})=>({"&.MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)"},"&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px","> legend":{display:"none"}},"&.MuiInputLabel-animated":{"&.MuiInputLabel-shrink":{display:"block"}}}))),u=r(n.OutlinedInput)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"," & > .MuiAvatar-img":{width:"14px",height:"14px"}},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center"},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}})));function p({label:r,options:l=[],value:p,defaultValue:d,onChange:x,size:c="medium",multiple:m=!1,filterable:h=!1,placeholder:g,children:j,maxHeight:f=300,maxWidth:b,maxChipsToShow:y=3,renderChipLabel:v,chipVariant:E="outlined",loadOptions:R,loadingMessage:M="Cargando opciones...",noOptionsMessage:I="No hay opciones",debounceTimeout:C=300}){const O=t.useMemo((()=>{var e;if(1===t.Children.count(j)){const n=t.Children.only(j);if(t.isValidElement(n)&&"Option"===(null===(e=n.type)||void 0===e?void 0:e.displayName))return n.props.children}return null}),[j]),[S,_]=t.useState(""),[k,L]=t.useState([]),[T,w]=t.useState(!1),z=t.useRef(null),B=t.useRef(null),P="function"==typeof R,q=P?k:l;t.useEffect((()=>{P&&(z.current&&clearTimeout(z.current),S?(w(!0),z.current=window.setTimeout((()=>{R(S).then((e=>{L(e)})).finally((()=>{w(!1),B.current&&B.current.focus()}))}),C)):(L([]),w(!1),B.current&&B.current.focus()))}),[S,P,R,C]);const W=t.useMemo((()=>P?q:h&&S?q.filter((e=>e.label.toLowerCase().includes(S.toLowerCase()))):q),[S,h,q,P]),A=t.useMemo((()=>{const e={};return W.forEach((t=>{const n=t.group||"__default";e[n]||(e[n]=[]),e[n].push(t)})),e}),[W]),V=t.useMemo((()=>{const t=[];return(h||P)&&t.push(e.jsxRuntimeExports.jsx(n.ListSubheader,{sx:{px:2,pt:1,pb:1,backgroundColor:"background.paper",zIndex:1,position:"sticky",top:0},children:e.jsxRuntimeExports.jsx(n.TextField,{inputRef:B,placeholder:"Buscar...",variant:"standard",size:"small",fullWidth:!0,value:S,onChange:e=>_(e.target.value),inputProps:{autoFocus:!0},onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation()})},"search-header")),T?t.push(e.jsxRuntimeExports.jsx(n.MenuItem,{disabled:!0,children:e.jsxRuntimeExports.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsxRuntimeExports.jsx(n.CircularProgress,{size:20}),e.jsxRuntimeExports.jsx(n.Typography,{children:M})]})},"loading-message")):0===Object.keys(A).length||1===Object.keys(A).length&&A.__default&&0===A.__default.length?t.push(e.jsxRuntimeExports.jsx(n.MenuItem,{disabled:!0,children:e.jsxRuntimeExports.jsx(n.Typography,{children:I})},"no-options-message")):Object.entries(A).forEach((([i,r])=>{"__default"!==i&&t.push(e.jsxRuntimeExports.jsx(n.ListSubheader,{disableSticky:!0,children:i},i)),r.forEach((i=>{const r=m?null==p?void 0:p.includes(i.value):p===i.value;t.push(e.jsxRuntimeExports.jsxs(n.MenuItem,{value:i.value,disabled:i.disabled,selected:r,children:[e.jsxRuntimeExports.jsx(n.ListItemIcon,{sx:{minWidth:32},children:r&&e.jsxRuntimeExports.jsx(s,{sx:{color:"green"}})}),O?O(i):i.label]},i.value))}))})),t}),[A,O,h,P,S,T,M,I,m,p]),H=r&&!g;return e.jsxRuntimeExports.jsxs(n.FormControl,{fullWidth:!0,size:c,children:[H&&e.jsxRuntimeExports.jsx(a,{children:r}),e.jsxRuntimeExports.jsx(n.Box,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:e.jsxRuntimeExports.jsx(o,{label:r,value:null!=p?p:m?[]:"",defaultValue:d,multiple:m,onChange:e=>{x(e.target.value)},renderValue:t=>{var s;if(!t||Array.isArray(t)&&0===t.length)return e.jsxRuntimeExports.jsx(n.Typography,{sx:{color:"text.disabled"},children:g||""});if(!m){const e=q.find((e=>e.value===t));return v&&e?v(e):null!==(s=null==e?void 0:e.label)&&void 0!==s?s:String(t)}const r=t,l=r.slice(0,y),o=r.length-y;return e.jsxRuntimeExports.jsxs(n.Box,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:[l.map((t=>{const s=q.find((e=>e.value===t));if(!s)return null;return e.jsxRuntimeExports.jsx(n.Chip,{variant:E,color:"primary",label:v?v(s):s.label,avatar:s.img?e.jsxRuntimeExports.jsx(n.Avatar,{sx:{"& > .MuiAvatar-root, .MuiChip-avatar":{backgroundColor:"red"}},src:s.img}):void 0,onDelete:()=>(e=>{const t=p.filter((t=>t!==e));x(t)})(t),deleteIcon:e.jsxRuntimeExports.jsx(i,{sx:{fontSize:"12px !important"}}),sx:{height:"27px",marginTop:"1px"}},t)})),o>0&&e.jsxRuntimeExports.jsx(n.Chip,{sx:{height:"27px",marginTop:"0px"},label:`+${o} más`,variant:E})]})},displayEmpty:!0,input:e.jsxRuntimeExports.jsx(u,{label:r}),sx:{"& .InputGroupChild > .MuiOutlinedInput-notchedOutline":{border:"none !important"}},MenuProps:{PaperProps:{style:{maxHeight:f,maxWidth:b}}},children:V})})]})}exports.Option=l,exports.Select=p,exports.default=p;
|
|
2
2
|
//# sourceMappingURL=Select.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),s=require("@mui/material"),r=require("../../node_modules/@mui/icons-material/esm/DownloadOutlined.cjs"),o=require("../../node_modules/@mui/icons-material/esm/FirstPage.cjs"),n=require("../../node_modules/@mui/icons-material/esm/LastPage.cjs"),i=require("../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft.cjs"),l=require("../../node_modules/@mui/icons-material/esm/KeyboardArrowRight.cjs"),a=require("./exportsUtils.cjs"),x=require("../../node_modules/@mui/material/esm/Alert/Alert.cjs");const c=t.forwardRef((function(t,s){return e.jsxRuntimeExports.jsx(x,Object.assign({elevation:6,ref:s,variant:"filled"},t))}));function u({data:x,children:u,currentPage:p,pageSize:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),s=require("@mui/material"),r=require("../../node_modules/@mui/icons-material/esm/DownloadOutlined.cjs"),o=require("../../node_modules/@mui/icons-material/esm/FirstPage.cjs"),n=require("../../node_modules/@mui/icons-material/esm/LastPage.cjs"),i=require("../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft.cjs"),l=require("../../node_modules/@mui/icons-material/esm/KeyboardArrowRight.cjs"),a=require("./exportsUtils.cjs"),x=require("../../node_modules/@mui/material/esm/Alert/Alert.cjs");const c=t.forwardRef((function(t,s){return e.jsxRuntimeExports.jsx(x,Object.assign({elevation:6,ref:s,variant:"filled"},t))}));function u({data:x,children:u,currentPage:p,pageSize:d,totalPages:m,previousPage:h,nextPage:j,pageSizeSelectorValue:b=10,onPageChange:E,onPageSizeChange:f,visiblePageNumbers:g=5,enableCSVExport:R=!1,csvExportFileName:y="data.csv",csvExportButtonText:C="Exportar CSV",csvExportColumns:S,enableExcelExport:w=!1,excelExportFileName:v="data.xlsx",excelExportButtonText:k="Exportar Excel",excelExportColumns:z,enableRowSelection:T=!1,rowIdentifier:B,onSelectionChange:I,showPageSizeSelector:P=!0}){const q=t.Children.toArray(u).filter((e=>t.isValidElement(e)&&"Column"===e.type.displayName)),[M,F]=t.useState(!1),[_,A]=t.useState(""),[N,O]=t.useState("info"),[V,D]=t.useState([]);t.useEffect((()=>{D([])}),[x,p,d]),t.useEffect((()=>{null==I||I(V)}),[V,I]);const H=(e,t)=>{"clickaway"!==t&&F(!1)},K="function"==typeof E&&"number"==typeof p,[L,W]=t.useState(1),[G,U]=t.useState(b),$=K?p:L,J=K?d:G,Q=K?x:x.slice(($-1)*J,$*J),X=K?m:Math.ceil(x.length/J),Y=e=>{e<1||e>X||(K?null==E||E(e):W(e))},Z=(()=>{const e=[],t=X,s=$,r=Math.floor(g/2);let o=Math.max(1,s-r),n=Math.min(t,s+r);n-o+1<g&&(1===o?n=Math.min(t,o+g-1):n===t&&(o=Math.max(1,t-g+1)));for(let t=o;t<=n;t++)e.push(t);return e})(),ee=e=>!!B&&V.some((t=>t[B]===e[B])),te=Q.filter(ee).length,se=Q.length>0&&te===Q.length,re=te>0&&te<Q.length;return e.jsxRuntimeExports.jsxs(s.TableContainer,{children:[e.jsxRuntimeExports.jsxs(s.Table,{sx:{minWidth:650},"aria-label":"custom table",children:[e.jsxRuntimeExports.jsx(s.TableHead,{sx:{backgroundColor:"#fff"},children:e.jsxRuntimeExports.jsxs(s.TableRow,{children:[T&&e.jsxRuntimeExports.jsxs(s.TableCell,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsxRuntimeExports.jsx(s.Checkbox,{color:"primary",indeterminate:re,checked:se,onChange:e=>{if(B)if(e.target.checked){const e=[...V];Q.forEach((t=>{const s=t[B];e.some((e=>e[B]===s))||e.push(t)})),D(e)}else{const e=V.filter((e=>!Q.some((t=>t[B]===e[B]))));D(e)}else console.warn("`rowIdentifier` prop is required for row selection.")},inputProps:{"aria-label":"select all desserts"}})]}),q.map(((t,r)=>e.jsxRuntimeExports.jsx(s.TableCell,{sx:{fontSize:"12px",color:e=>e.palette.text.secondary,width:t.props.width||"auto",whiteSpace:"nowrap"},children:e.jsxRuntimeExports.jsx(s.Typography,{sx:{fontSize:"12px"},children:t.props.name})},r)))]})}),e.jsxRuntimeExports.jsxs(s.TableBody,{sx:{borderRadius:"10px",overflow:"hidden"},children:[Q.map(((t,r)=>{const o=T&&ee(t);return e.jsxRuntimeExports.jsxs(s.TableRow,{sx:{backgroundColor:"#F8F8F8","&:last-child td, &:last-child th":{border:0},"&:hover":{backgroundColor:e=>"#FFF"}},selected:o,children:[T&&e.jsxRuntimeExports.jsxs(s.TableCell,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsxRuntimeExports.jsx(s.Checkbox,{color:"primary",checked:o,onClick:e=>((e,t)=>{if(!B)return void console.warn("`rowIdentifier` prop is required for row selection.");const s=t[B],r=V.findIndex((e=>e[B]===s));let o=[];-1===r?o=o.concat(V,t):0===r?o=o.concat(V.slice(1)):r===V.length-1?o=o.concat(V.slice(0,-1)):r>0&&(o=o.concat(V.slice(0,r),V.slice(r+1))),D(o)})(0,t),inputProps:{"aria-labelledby":`table-checkbox-${r}`}})]}),q.map(((r,o)=>{const{field:n,children:i}=r.props;let l;return l=Array.isArray(n)?n.reduce(((e,s)=>(e[s]=t[s],e)),{}):{[n]:t[n]},e.jsxRuntimeExports.jsx(s.TableCell,{sx:{fontSize:"14px",width:r.props.width||"auto",whiteSpace:"nowrap",padding:"12px 16px",borderBottom:"none"},children:i(l)},o)}))]},r)})),0===Q.length&&e.jsxRuntimeExports.jsx(s.TableRow,{children:e.jsxRuntimeExports.jsx(s.TableCell,{colSpan:q.length+(T?1:0),sx:{textAlign:"center",py:4},children:e.jsxRuntimeExports.jsx(s.Typography,{variant:"body2",color:"text.secondary",children:"No hay datos disponibles para mostrar."})})})]})]}),(X>0||R||w||T&&V.length>0)&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[X>0&&P&&e.jsxRuntimeExports.jsx(s.Select,{size:"small",value:J,onChange:e=>{return t=Number(e.target.value),void(K?(null==f||f(t),null==E||E(1)):(U(t),W(1)));var t},children:[1,2,3,5,10,20,50,100].map((t=>e.jsxRuntimeExports.jsxs(s.MenuItem,{value:t,children:["Mostrar ",t]},t)))}),X>0&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",alignItems:"center",gap:.5,sx:{flexGrow:1,justifyContent:"center"},children:[e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>Y(1),disabled:$<=1,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(o,{fontSize:"small"})}),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>Y($-1),disabled:$<=1,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(i,{fontSize:"small"})}),Z.map((t=>e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>Y(t),variant:$===t?"contained":"text",size:"small",sx:{minWidth:"32px",height:"32px"},children:t},t))),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>Y($+1),disabled:$>=X,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(l,{fontSize:"small"})}),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>Y(X),disabled:$>=X,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(n,{fontSize:"small"})})]}),T&&V.length>0&&e.jsxRuntimeExports.jsxs(s.Typography,{variant:"subtitle2",sx:{mr:2},children:[V.length," seleccionados"]}),(R||w)&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",alignItems:"center",gap:1,children:[R&&e.jsxRuntimeExports.jsx(s.Button,{variant:"text",color:"primary",onClick:()=>a.exportToCSV({data:x,columns:q,fileName:y,exportColumns:S,setSnackbarOpen:F,setSnackbarMessage:A,setSnackbarSeverity:O}),size:"small",startIcon:e.jsxRuntimeExports.jsx(r,{}),children:C}),w&&e.jsxRuntimeExports.jsx(s.Button,{variant:"text",color:"primary",onClick:()=>a.exportToExcel({data:x,columns:q,fileName:v,exportColumns:z,setSnackbarOpen:F,setSnackbarMessage:A,setSnackbarSeverity:O}),size:"small",startIcon:e.jsxRuntimeExports.jsx(r,{}),children:k})]})]}),e.jsxRuntimeExports.jsx(s.Snackbar,{open:M,autoHideDuration:3e3,onClose:H,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:e.jsxRuntimeExports.jsx(c,{onClose:H,severity:N,sx:{width:"100%"},children:_})})]})}exports.Table=u,exports.default=u;
|
|
2
2
|
//# sourceMappingURL=Table.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '../../esm/components/Card';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ButtonProps } from "@mui/material/Button";
|
|
2
2
|
import React from "react";
|
|
3
|
-
type PickButtonProps = Pick<ButtonProps, "href" | "children" | "onClick" | "color" | "disabled" | "className" | "endIcon" | "startIcon" | "loading" | "loadingIndicator" | "variant" | "size" | "loadingPosition" | "type">;
|
|
3
|
+
type PickButtonProps = Pick<ButtonProps, "href" | "children" | "onClick" | "color" | "disabled" | "className" | "endIcon" | "startIcon" | "loading" | "loadingIndicator" | "variant" | "size" | "loadingPosition" | "type" | "sx">;
|
|
4
4
|
export interface MyButtonProps extends PickButtonProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
variant?: "text" | "outlined" | "contained";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as a}from"../../_virtual/jsx-runtime.js";import{Button as i}from"@mui/material";const o=({children:o,variant:t,disabled:n,startIcon:
|
|
1
|
+
import{j as a}from"../../_virtual/jsx-runtime.js";import{Button as i}from"@mui/material";const o=({children:o,variant:t,disabled:n,startIcon:s,endIcon:e,size:d,className:l,onClick:r,loading:c,loadingPosition:m,loadingIndicator:g,color:p,href:f,"data-testid":x,type:I,sx:b})=>a.jsx(i,{disabled:n,variant:t,startIcon:s,endIcon:e,size:d,className:l,onClick:r,loading:c,loadingPosition:m,loadingIndicator:g,sx:Object.assign({textTransform:"none"},b),disableRipple:!0,disableElevation:!0,color:p,"data-testid":x,href:f,type:I,children:o});export{o as Button,o as default};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { CardProps } from "@mui/material/Card";
|
|
2
|
+
type PickCardProps = Pick<CardProps, 'children' | 'raised' | 'sx' | 'className'>;
|
|
3
|
+
export interface MyCardProps extends PickCardProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
raised?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
onBlur?: () => void;
|
|
9
|
+
"data-testid"?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Card: React.FC<MyCardProps>;
|
|
12
|
+
export default Card;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DefaultCardDefinition = "\n<Card>\n Card\n</Card>\n";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as a}from"../../_virtual/jsx-runtime.js";import{Card as s}from"@mui/material";const i=({children:i,raised:t,sx:r,className:e,onClick:d,onBlur:l,"data-testid":n})=>a.jsx(s,{raised:!0,sx:Object.assign(Object.assign({},r),{padding:"10px"}),className:e,"data-testid":n,onClick:d,onBlur:l,children:i});export{i as Card,i as default};
|
|
2
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Card } from './Card';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import t,{useMemo as n,isValidElement as i,useState as l,useRef as
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import t,{useMemo as n,isValidElement as i,useState as l,useRef as a,useEffect as r}from"react";import{Select as o,InputLabel as s,OutlinedInput as u,ListSubheader as p,TextField as d,MenuItem as c,Box as x,CircularProgress as m,Typography as h,ListItemIcon as g,FormControl as f,Chip as b,Avatar as j}from"@mui/material";import y from"../../node_modules/@mui/icons-material/esm/Clear.js";import v from"../../node_modules/@mui/icons-material/esm/Check.js";import I from"../../node_modules/@mui/system/esm/styled/styled.js";function M(e){return null}M.displayName="Option";const C=I(o)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"4px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiSelect-select":{padding:"0 !important",height:"28px !important",display:"flex",alignItems:"center",marginLeft:"8px"},"& .MuiOutlinedInput-notchedOutline":{marginBottom:"-4px !important",borderRadius:"10px"},"& .MuiSelect-icon":{top:"50%",transform:"translateY(-50%)"},"& .MuiOutlinedInput-notchedOutline > legend":{display:"none"}}))),O=I(s)((({theme:e})=>({"&.MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)"},"&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px","> legend":{display:"none"}},"&.MuiInputLabel-animated":{"&.MuiInputLabel-shrink":{display:"block"}}}))),k=I(u)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"," & > .MuiAvatar-img":{width:"14px",height:"14px"}},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center"},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}})));function _({label:o,options:s=[],value:u,defaultValue:I,onChange:M,size:_="medium",multiple:S=!1,filterable:w=!1,placeholder:z,children:L,maxHeight:T=300,maxWidth:B,maxChipsToShow:P=3,renderChipLabel:W,chipVariant:A="outlined",loadOptions:E,loadingMessage:H="Cargando opciones...",noOptionsMessage:R="No hay opciones",debounceTimeout:V=300}){const N=n((()=>{var e;if(1===t.Children.count(L)){const n=t.Children.only(L);if(i(n)&&"Option"===(null===(e=n.type)||void 0===e?void 0:e.displayName))return n.props.children}return null}),[L]),[D,F]=l(""),[G,K]=l([]),[Y,$]=l(!1),q=a(null),J=a(null),Q="function"==typeof E,U=Q?G:s;r((()=>{Q&&(q.current&&clearTimeout(q.current),D?($(!0),q.current=window.setTimeout((()=>{E(D).then((e=>{K(e)})).finally((()=>{$(!1),J.current&&J.current.focus()}))}),V)):(K([]),$(!1),J.current&&J.current.focus()))}),[D,Q,E,V]);const X=n((()=>Q?U:w&&D?U.filter((e=>e.label.toLowerCase().includes(D.toLowerCase()))):U),[D,w,U,Q]),Z=n((()=>{const e={};return X.forEach((t=>{const n=t.group||"__default";e[n]||(e[n]=[]),e[n].push(t)})),e}),[X]),ee=n((()=>{const t=[];return(w||Q)&&t.push(e.jsx(p,{sx:{px:2,pt:1,pb:1,backgroundColor:"background.paper",zIndex:1,position:"sticky",top:0},children:e.jsx(d,{inputRef:J,placeholder:"Buscar...",variant:"standard",size:"small",fullWidth:!0,value:D,onChange:e=>F(e.target.value),inputProps:{autoFocus:!0},onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation()})},"search-header")),Y?t.push(e.jsx(c,{disabled:!0,children:e.jsxs(x,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(m,{size:20}),e.jsx(h,{children:H})]})},"loading-message")):0===Object.keys(Z).length||1===Object.keys(Z).length&&Z.__default&&0===Z.__default.length?t.push(e.jsx(c,{disabled:!0,children:e.jsx(h,{children:R})},"no-options-message")):Object.entries(Z).forEach((([n,i])=>{"__default"!==n&&t.push(e.jsx(p,{disableSticky:!0,children:n},n)),i.forEach((n=>{const i=S?null==u?void 0:u.includes(n.value):u===n.value;t.push(e.jsxs(c,{value:n.value,disabled:n.disabled,selected:i,children:[e.jsx(g,{sx:{minWidth:32},children:i&&e.jsx(v,{sx:{color:"green"}})}),N?N(n):n.label]},n.value))}))})),t}),[Z,N,w,Q,D,Y,H,R,S,u]),te=o&&!z;return e.jsxs(f,{fullWidth:!0,size:_,children:[te&&e.jsx(O,{children:o}),e.jsx(x,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:e.jsx(C,{label:o,value:null!=u?u:S?[]:"",defaultValue:I,multiple:S,onChange:e=>{M(e.target.value)},renderValue:t=>{var n;if(!t||Array.isArray(t)&&0===t.length)return e.jsx(h,{sx:{color:"text.disabled"},children:z||""});if(!S){const e=U.find((e=>e.value===t));return W&&e?W(e):null!==(n=null==e?void 0:e.label)&&void 0!==n?n:String(t)}const i=t,l=i.slice(0,P),a=i.length-P;return e.jsxs(x,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:[l.map((t=>{const n=U.find((e=>e.value===t));if(!n)return null;return e.jsx(b,{variant:A,color:"primary",label:W?W(n):n.label,avatar:n.img?e.jsx(j,{sx:{"& > .MuiAvatar-root, .MuiChip-avatar":{backgroundColor:"red"}},src:n.img}):void 0,onDelete:()=>(e=>{const t=u.filter((t=>t!==e));M(t)})(t),deleteIcon:e.jsx(y,{sx:{fontSize:"12px !important"}}),sx:{height:"27px",marginTop:"1px"}},t)})),a>0&&e.jsx(b,{sx:{height:"27px",marginTop:"0px"},label:`+${a} más`,variant:A})]})},displayEmpty:!0,input:e.jsx(k,{label:o}),sx:{"& .InputGroupChild > .MuiOutlinedInput-notchedOutline":{border:"none !important"}},MenuProps:{PaperProps:{style:{maxHeight:T,maxWidth:B}}},children:ee})})]})}export{M as Option,_ as Select,_ as default};
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|
|
@@ -23,6 +23,7 @@ interface TableProps<T> {
|
|
|
23
23
|
enableRowSelection?: boolean;
|
|
24
24
|
rowIdentifier?: keyof T;
|
|
25
25
|
onSelectionChange?: (selectedItems: T[]) => void;
|
|
26
|
+
showPageSizeSelector?: boolean;
|
|
26
27
|
}
|
|
27
|
-
export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage, nextPage, pageSizeSelectorValue, onPageChange, onPageSizeChange, visiblePageNumbers, enableCSVExport, csvExportFileName, csvExportButtonText, csvExportColumns, enableExcelExport, excelExportFileName, excelExportButtonText, excelExportColumns, enableRowSelection, rowIdentifier, onSelectionChange, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage, nextPage, pageSizeSelectorValue, onPageChange, onPageSizeChange, visiblePageNumbers, enableCSVExport, csvExportFileName, csvExportButtonText, csvExportColumns, enableExcelExport, excelExportFileName, excelExportButtonText, excelExportColumns, enableRowSelection, rowIdentifier, onSelectionChange, showPageSizeSelector }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
28
29
|
export default Table;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import r,{Children as t,isValidElement as
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import r,{Children as t,isValidElement as o,useState as s,useEffect as l}from"react";import{TableContainer as i,Table as n,TableHead as a,TableRow as c,TableCell as d,Checkbox as m,Typography as x,TableBody as p,Box as h,Select as u,MenuItem as f,IconButton as j,Button as g,Snackbar as b}from"@mui/material";import y from"../../node_modules/@mui/icons-material/esm/DownloadOutlined.js";import w from"../../node_modules/@mui/icons-material/esm/FirstPage.js";import S from"../../node_modules/@mui/icons-material/esm/LastPage.js";import C from"../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft.js";import v from"../../node_modules/@mui/icons-material/esm/KeyboardArrowRight.js";import{exportToCSV as k,exportToExcel as z}from"./exportsUtils.js";import E from"../../node_modules/@mui/material/esm/Alert/Alert.js";const P=r.forwardRef((function(r,t){return e.jsx(E,Object.assign({elevation:6,ref:t,variant:"filled"},r))}));function F({data:r,children:E,currentPage:F,pageSize:I,totalPages:M,previousPage:A,nextPage:N,pageSizeSelectorValue:_=10,onPageChange:O,onPageSizeChange:R,visiblePageNumbers:B=5,enableCSVExport:T=!1,csvExportFileName:V="data.csv",csvExportButtonText:q="Exportar CSV",csvExportColumns:D,enableExcelExport:K=!1,excelExportFileName:L="data.xlsx",excelExportButtonText:W="Exportar Excel",excelExportColumns:G,enableRowSelection:H=!1,rowIdentifier:U,onSelectionChange:$,showPageSizeSelector:J=!0}){const Q=t.toArray(E).filter((e=>o(e)&&"Column"===e.type.displayName)),[X,Y]=s(!1),[Z,ee]=s(""),[re,te]=s("info"),[oe,se]=s([]);l((()=>{se([])}),[r,F,I]),l((()=>{null==$||$(oe)}),[oe,$]);const le=(e,r)=>{"clickaway"!==r&&Y(!1)},ie="function"==typeof O&&"number"==typeof F,[ne,ae]=s(1),[ce,de]=s(_),me=ie?F:ne,xe=ie?I:ce,pe=ie?r:r.slice((me-1)*xe,me*xe),he=ie?M:Math.ceil(r.length/xe),ue=e=>{e<1||e>he||(ie?null==O||O(e):ae(e))},fe=(()=>{const e=[],r=he,t=me,o=Math.floor(B/2);let s=Math.max(1,t-o),l=Math.min(r,t+o);l-s+1<B&&(1===s?l=Math.min(r,s+B-1):l===r&&(s=Math.max(1,r-B+1)));for(let r=s;r<=l;r++)e.push(r);return e})(),je=e=>!!U&&oe.some((r=>r[U]===e[U])),ge=pe.filter(je).length,be=pe.length>0&&ge===pe.length,ye=ge>0&&ge<pe.length;return e.jsxs(i,{children:[e.jsxs(n,{sx:{minWidth:650},"aria-label":"custom table",children:[e.jsx(a,{sx:{backgroundColor:"#fff"},children:e.jsxs(c,{children:[H&&e.jsxs(d,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsx(m,{color:"primary",indeterminate:ye,checked:be,onChange:e=>{if(U)if(e.target.checked){const e=[...oe];pe.forEach((r=>{const t=r[U];e.some((e=>e[U]===t))||e.push(r)})),se(e)}else{const e=oe.filter((e=>!pe.some((r=>r[U]===e[U]))));se(e)}else console.warn("`rowIdentifier` prop is required for row selection.")},inputProps:{"aria-label":"select all desserts"}})]}),Q.map(((r,t)=>e.jsx(d,{sx:{fontSize:"12px",color:e=>e.palette.text.secondary,width:r.props.width||"auto",whiteSpace:"nowrap"},children:e.jsx(x,{sx:{fontSize:"12px"},children:r.props.name})},t)))]})}),e.jsxs(p,{sx:{borderRadius:"10px",overflow:"hidden"},children:[pe.map(((r,t)=>{const o=H&&je(r);return e.jsxs(c,{sx:{backgroundColor:"#F8F8F8","&:last-child td, &:last-child th":{border:0},"&:hover":{backgroundColor:e=>"#FFF"}},selected:o,children:[H&&e.jsxs(d,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsx(m,{color:"primary",checked:o,onClick:e=>((e,r)=>{if(!U)return void console.warn("`rowIdentifier` prop is required for row selection.");const t=r[U],o=oe.findIndex((e=>e[U]===t));let s=[];-1===o?s=s.concat(oe,r):0===o?s=s.concat(oe.slice(1)):o===oe.length-1?s=s.concat(oe.slice(0,-1)):o>0&&(s=s.concat(oe.slice(0,o),oe.slice(o+1))),se(s)})(0,r),inputProps:{"aria-labelledby":`table-checkbox-${t}`}})]}),Q.map(((t,o)=>{const{field:s,children:l}=t.props;let i;return i=Array.isArray(s)?s.reduce(((e,t)=>(e[t]=r[t],e)),{}):{[s]:r[s]},e.jsx(d,{sx:{fontSize:"14px",width:t.props.width||"auto",whiteSpace:"nowrap",padding:"12px 16px",borderBottom:"none"},children:l(i)},o)}))]},t)})),0===pe.length&&e.jsx(c,{children:e.jsx(d,{colSpan:Q.length+(H?1:0),sx:{textAlign:"center",py:4},children:e.jsx(x,{variant:"body2",color:"text.secondary",children:"No hay datos disponibles para mostrar."})})})]})]}),(he>0||T||K||H&&oe.length>0)&&e.jsxs(h,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[he>0&&J&&e.jsx(u,{size:"small",value:xe,onChange:e=>{return r=Number(e.target.value),void(ie?(null==R||R(r),null==O||O(1)):(de(r),ae(1)));var r},children:[1,2,3,5,10,20,50,100].map((r=>e.jsxs(f,{value:r,children:["Mostrar ",r]},r)))}),he>0&&e.jsxs(h,{display:"flex",alignItems:"center",gap:.5,sx:{flexGrow:1,justifyContent:"center"},children:[e.jsx(j,{onClick:()=>ue(1),disabled:me<=1,size:"small",color:"primary",children:e.jsx(w,{fontSize:"small"})}),e.jsx(j,{onClick:()=>ue(me-1),disabled:me<=1,size:"small",color:"primary",children:e.jsx(C,{fontSize:"small"})}),fe.map((r=>e.jsx(g,{onClick:()=>ue(r),variant:me===r?"contained":"text",size:"small",sx:{minWidth:"32px",height:"32px"},children:r},r))),e.jsx(j,{onClick:()=>ue(me+1),disabled:me>=he,size:"small",color:"primary",children:e.jsx(v,{fontSize:"small"})}),e.jsx(j,{onClick:()=>ue(he),disabled:me>=he,size:"small",color:"primary",children:e.jsx(S,{fontSize:"small"})})]}),H&&oe.length>0&&e.jsxs(x,{variant:"subtitle2",sx:{mr:2},children:[oe.length," seleccionados"]}),(T||K)&&e.jsxs(h,{display:"flex",alignItems:"center",gap:1,children:[T&&e.jsx(g,{variant:"text",color:"primary",onClick:()=>k({data:r,columns:Q,fileName:V,exportColumns:D,setSnackbarOpen:Y,setSnackbarMessage:ee,setSnackbarSeverity:te}),size:"small",startIcon:e.jsx(y,{}),children:q}),K&&e.jsx(g,{variant:"text",color:"primary",onClick:()=>z({data:r,columns:Q,fileName:L,exportColumns:G,setSnackbarOpen:Y,setSnackbarMessage:ee,setSnackbarSeverity:te}),size:"small",startIcon:e.jsx(y,{}),children:W})]})]}),e.jsx(b,{open:X,autoHideDuration:3e3,onClose:le,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:e.jsx(P,{onClose:le,severity:re,sx:{width:"100%"},children:Z})})]})}export{F as Table,F as default};
|
|
2
2
|
//# sourceMappingURL=Table.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soyfri/shared-library",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.16",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -99,6 +99,11 @@
|
|
|
99
99
|
"require": "./cjs/components/Chip.cjs",
|
|
100
100
|
"types": "./esm/components/Chip/Chip.d.ts"
|
|
101
101
|
},
|
|
102
|
+
"./components/Card": {
|
|
103
|
+
"import": "./esm/components/Card.js",
|
|
104
|
+
"require": "./cjs/components/Card.cjs",
|
|
105
|
+
"types": "./esm/components/Card/Card.d.ts"
|
|
106
|
+
},
|
|
102
107
|
"./components/Button": {
|
|
103
108
|
"import": "./esm/components/Button.js",
|
|
104
109
|
"require": "./cjs/components/Button.cjs",
|