@soyfri/shared-library 1.1.13 → 1.1.14

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.
Files changed (51) hide show
  1. package/cjs/components/DatePicker/DatePicker.cjs +1 -1
  2. package/cjs/components/DateTimePicker/DateTimePicker.cjs +1 -1
  3. package/cjs/components/Flyout/Flyout.cjs +2 -0
  4. package/cjs/components/Flyout/Flyout.cjs.map +1 -0
  5. package/cjs/components/Flyout.cjs +2 -0
  6. package/cjs/components/Flyout.cjs.map +1 -0
  7. package/cjs/components/Input/Input.cjs +1 -1
  8. package/cjs/components/InputGroup/InputGroup.cjs +2 -0
  9. package/cjs/components/InputGroup/InputGroup.cjs.map +1 -0
  10. package/cjs/components/InputGroup.cjs +2 -0
  11. package/cjs/components/InputGroup.cjs.map +1 -0
  12. package/cjs/components/Select/Select.cjs +1 -1
  13. package/cjs/components/Table/Table.cjs +1 -1
  14. package/cjs/node_modules/@mui/icons-material/esm/Check.cjs +2 -0
  15. package/cjs/node_modules/@mui/icons-material/esm/Check.cjs.map +1 -0
  16. package/cjs/node_modules/@mui/icons-material/esm/Close.cjs +2 -0
  17. package/cjs/node_modules/@mui/icons-material/esm/Close.cjs.map +1 -0
  18. package/cjs/node_modules/@mui/system/esm/styled/styled.cjs +2 -0
  19. package/cjs/node_modules/@mui/system/esm/styled/styled.cjs.map +1 -0
  20. package/components/Flyout/index.ts +1 -0
  21. package/components/InputGroup/index.ts +1 -0
  22. package/esm/components/DatePicker/DatePicker.js +1 -1
  23. package/esm/components/DateTimePicker/DateTimePicker.d.ts +1 -0
  24. package/esm/components/DateTimePicker/DateTimePicker.js +1 -1
  25. package/esm/components/Flyout/Flyout.d.ts +13 -0
  26. package/esm/components/Flyout/Flyout.js +2 -0
  27. package/esm/components/Flyout/Flyout.js.map +1 -0
  28. package/esm/components/Flyout/Flyout.stories.d.ts +12 -0
  29. package/esm/components/Flyout/index.d.ts +1 -0
  30. package/esm/components/Flyout.js +2 -0
  31. package/esm/components/Flyout.js.map +1 -0
  32. package/esm/components/Input/Input.d.ts +0 -7
  33. package/esm/components/Input/Input.js +1 -1
  34. package/esm/components/Input/Input.stories.d.ts +1 -0
  35. package/esm/components/InputGroup/InputGroup.d.ts +6 -0
  36. package/esm/components/InputGroup/InputGroup.js +2 -0
  37. package/esm/components/InputGroup/InputGroup.js.map +1 -0
  38. package/esm/components/InputGroup/InputGroup.stories.d.ts +8 -0
  39. package/esm/components/InputGroup/index.d.ts +1 -0
  40. package/esm/components/InputGroup.js +2 -0
  41. package/esm/components/InputGroup.js.map +1 -0
  42. package/esm/components/Select/Select.js +1 -1
  43. package/esm/components/Table/Table.js +1 -1
  44. package/esm/components/timeline/Timeline.d.ts +4 -1
  45. package/esm/node_modules/@mui/icons-material/esm/Check.js +2 -0
  46. package/esm/node_modules/@mui/icons-material/esm/Check.js.map +1 -0
  47. package/esm/node_modules/@mui/icons-material/esm/Close.js +2 -0
  48. package/esm/node_modules/@mui/icons-material/esm/Close.js.map +1 -0
  49. package/esm/node_modules/@mui/system/esm/styled/styled.js +2 -0
  50. package/esm/node_modules/@mui/system/esm/styled/styled.js.map +1 -0
  51. package/package.json +11 -1
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),a=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),r=require("../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.cjs"),s=require("../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.cjs"),i=require("../../node_modules/@mui/x-date-pickers/esm/DatePicker/DatePicker.cjs");const l=l=>{var d,o,{label:n,selectedDate:u,onDateChange:c,minDate:m,maxDate:x,disabled:p,readOnly:D,slotProps:j}=l,v=e.__rest(l,["label","selectedDate","onDateChange","minDate","maxDate","disabled","readOnly","slotProps"]);const[b,P]=t.useState(null),h=t.useMemo((()=>{switch(b){case"minDate":case"maxDate":return"Fecha fuera del rango permitido";case"invalidDate":return"Formato de fecha inválido";case"disableFuture":return"No se permiten fechas futuras";case"disablePast":return"No se permiten fechas pasadas";default:return""}}),[b]);return a.jsxRuntimeExports.jsx(r.LocalizationProvider,{dateAdapter:s.AdapterDayjs,children:a.jsxRuntimeExports.jsx(i.DatePicker,Object.assign({label:n,value:u,onChange:c,minDate:m,maxDate:x,onError:e=>P(e),disabled:p,readOnly:D,slotProps:Object.assign(Object.assign({},j),{textField:Object.assign(Object.assign({},null==j?void 0:j.textField),{helperText:h||(null===(d=null==j?void 0:j.textField)||void 0===d?void 0:d.helperText),error:!!h||(null===(o=null==j?void 0:j.textField)||void 0===o?void 0:o.error)})})},v))})};exports.DatePicker=l,exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),t=require("../../_virtual/jsx-runtime.cjs"),a=require("react"),r=require("@mui/material"),i=require("../../node_modules/@mui/system/esm/styled/styled.cjs"),s=require("../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.cjs"),n=require("../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.cjs"),o=require("../../node_modules/@mui/x-date-pickers/esm/DatePicker/DatePicker.cjs");const l=i(r.TextField)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center",marginTop:"-4px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}}))),d=i=>{var d,u,p,{label:c,selectedDate:x,onDateChange:m,minDate:b,maxDate:g,disabled:j,readOnly:h,slotProps:v}=i,D=e.__rest(i,["label","selectedDate","onDateChange","minDate","maxDate","disabled","readOnly","slotProps"]);const[f,P]=a.useState(null),y=a.useMemo((()=>{switch(f){case"minDate":case"maxDate":return"Fecha fuera del rango permitido";case"invalidDate":return"Formato de fecha inválido";case"disableFuture":return"No se permiten fechas futuras";case"disablePast":return"No se permiten fechas pasadas";default:return""}}),[f]);return t.jsxRuntimeExports.jsx(s.LocalizationProvider,{dateAdapter:n.AdapterDayjs,children:t.jsxRuntimeExports.jsx(r.Box,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsxRuntimeExports.jsx(o.DatePicker,Object.assign({label:c,value:x,onChange:m,minDate:b,maxDate:g,onError:e=>P(e),disabled:j,readOnly:h,className:"date-picker-custom",sx:{"& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root":{maxHeight:"28px",borderRadius:"10px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiPickersInputBase-root > fieldset > legend":{display:"none"}},slotProps:Object.assign(Object.assign({},v),{textField:Object.assign(Object.assign({},null==v?void 0:v.textField),{helperText:y||(null===(d=null==v?void 0:v.textField)||void 0===d?void 0:d.helperText),error:!!y||(null===(u=null==v?void 0:v.textField)||void 0===u?void 0:u.error),InputProps:Object.assign(Object.assign({},null===(p=null==v?void 0:v.textField)||void 0===p?void 0:p.InputProps),{inputComponent:l})})})},D))})})};exports.DatePicker=d,exports.default=d;
2
2
  //# sourceMappingURL=DatePicker.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),t=require("../../_virtual/jsx-runtime.cjs"),a=require("react"),i=require("../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.cjs"),r=require("../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.cjs"),s=require("../../node_modules/@mui/x-date-pickers/esm/DateTimePicker/DateTimePicker.cjs");const n=n=>{var l,o,{label:u,selectedDateTime:c,onDateTimeChange:m,minDateTime:d,maxDateTime:x,disabled:p,readOnly:T,inputFormat:D,slotProps:j,clearButtonText:b,cancelButtonText:v,acceptButtonText:h,minutesStep:P,minTime:O}=n,_=e.__rest(n,["label","selectedDateTime","onDateTimeChange","minDateTime","maxDateTime","disabled","readOnly","inputFormat","slotProps","clearButtonText","cancelButtonText","acceptButtonText","minutesStep","minTime"]);const[f,g]=a.useState(null),B=a.useMemo((()=>{switch(f){case"minDate":case"maxDate":case"invalidDate":return"Formato de fecha/hora inválido";case"disableFuture":return"No se permiten fechas/horas futuras";case"disablePast":return"No se permiten fechas/horas pasadas";default:return""}}),[f]),k=a.useMemo((()=>{const e={};return b&&(e.clearButtonLabel=b),v&&(e.cancelButtonLabel=v),h&&(e.okButtonLabel=h),e}),[b,v,h]);return t.jsxRuntimeExports.jsx(i.LocalizationProvider,{dateAdapter:r.AdapterDayjs,children:t.jsxRuntimeExports.jsx(s.DateTimePicker,Object.assign({label:u,value:c,onChange:m,minDateTime:d,maxDateTime:x,minutesStep:P,disabled:p,readOnly:T,minTime:O,format:D||"DD/MM/YYYY HH:mm",slotProps:Object.assign(Object.assign({},j),{textField:Object.assign(Object.assign({fullWidth:!0},null==j?void 0:j.textField),{helperText:B||(null===(l=null==j?void 0:j.textField)||void 0===l?void 0:l.helperText),error:!!B||(null===(o=null==j?void 0:j.textField)||void 0===o?void 0:o.error)})}),localeText:Object.assign({},k)},_))})};exports.DateTimePicker=n,exports.default=n;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),t=require("../../_virtual/jsx-runtime.cjs"),i=require("react"),a=require("@mui/material"),s=require("../../node_modules/@mui/system/esm/styled/styled.cjs"),r=require("../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.cjs"),n=require("../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.cjs"),o=require("../../node_modules/@mui/x-date-pickers/esm/DateTimePicker/DateTimePicker.cjs");const l=s(a.TextField)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center",marginTop:"-4px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}}))),u=s=>{var u,d,m,{label:p,selectedDateTime:c,onDateTimeChange:x,minDateTime:b,maxDateTime:T,disabled:g,readOnly:j,customClass:h="",inputFormat:D,slotProps:v,clearButtonText:f,cancelButtonText:P,acceptButtonText:y,minutesStep:B,minTime:M}=s,O=e.__rest(s,["label","selectedDateTime","onDateTimeChange","minDateTime","maxDateTime","disabled","readOnly","customClass","inputFormat","slotProps","clearButtonText","cancelButtonText","acceptButtonText","minutesStep","minTime"]);const[I,k]=i.useState(null),_=i.useMemo((()=>{switch(I){case"minDate":case"maxDate":case"invalidDate":return"Formato de fecha/hora inválido";case"disableFuture":return"No se permiten fechas/horas futuras";case"disablePast":return"No se permiten fechas/horas pasadas";default:return""}}),[I]),F=i.useMemo((()=>{const e={};return f&&(e.clearButtonLabel=f),P&&(e.cancelButtonLabel=P),y&&(e.okButtonLabel=y),e}),[f,P,y]);return t.jsxRuntimeExports.jsx(r.LocalizationProvider,{dateAdapter:n.AdapterDayjs,children:t.jsxRuntimeExports.jsx(a.Box,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsxRuntimeExports.jsx(o.DateTimePicker,Object.assign({className:h,label:p,value:c,onChange:x,minDateTime:b,maxDateTime:T,minutesStep:B,disabled:g,readOnly:j,minTime:M,format:D||"DD/MM/YYYY HH:mm",sx:{"& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root":{maxHeight:"28px",borderRadius:"10px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiPickersInputBase-root > fieldset > legend":{display:"none"}},slotProps:Object.assign(Object.assign({},v),{textField:Object.assign(Object.assign({},null==v?void 0:v.textField),{helperText:_||(null===(u=null==v?void 0:v.textField)||void 0===u?void 0:u.helperText),error:!!_||(null===(d=null==v?void 0:v.textField)||void 0===d?void 0:d.error),InputProps:Object.assign(Object.assign({},null===(m=null==v?void 0:v.textField)||void 0===m?void 0:m.InputProps),{inputComponent:l})})}),localeText:Object.assign({},F)},O))})})};exports.DateTimePicker=u,exports.default=u;
2
2
  //# sourceMappingURL=DateTimePicker.cjs.map
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),r=require("@mui/material"),s=require("../../node_modules/@mui/icons-material/esm/Close.cjs");module.exports=({open:o,onClose:i,title:n,anchor:a="right",children:l,size:x="medium",height:u="auto"})=>{const c=(e=>{switch(e){case"small":return Math.round(345);case"medium":default:return Math.round(517.5);case"large":return Math.round(690)}})(x),m=t.useMemo((()=>"left"===a||"right"===a?{width:c}:{height:u,width:"100%"}),[a,c,u]);return e.jsxRuntimeExports.jsx(r.Drawer,{anchor:a,open:o,onClose:i,disableEscapeKeyDown:!1,ModalProps:{keepMounted:!0},children:e.jsxRuntimeExports.jsxs(r.Box,{sx:Object.assign(Object.assign({},m),{display:"flex",flexDirection:"column",p:2,backgroundColor:e=>e.palette.background.paper,color:e=>e.palette.text.primary,height:"100%"}),role:"presentation",children:[e.jsxRuntimeExports.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,flexShrink:0},children:[n&&e.jsxRuntimeExports.jsx(r.Typography,{variant:"h6",component:"div",sx:{fontWeight:"bold"},children:n}),e.jsxRuntimeExports.jsx(r.IconButton,{onClick:i,sx:{ml:"auto"},children:e.jsxRuntimeExports.jsx(s,{})})]}),e.jsxRuntimeExports.jsx(r.Divider,{sx:{mb:2}})," ",e.jsxRuntimeExports.jsx(r.Box,{sx:{flexGrow:1,overflowY:"auto"},children:l})]})})};
2
+ //# sourceMappingURL=Flyout.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flyout.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";var t=require("./Flyout/Flyout.cjs");exports.Flyout=t;
2
+ //# sourceMappingURL=Flyout.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flyout.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),t=require("../../_virtual/jsx-runtime.cjs"),r=require("@mui/material");const i=i=>{var{value:a,onChange:n,type:s="text",variant:u="outlined",min:o,max:l,inputProps:p}=i,v=e.__rest(i,["value","onChange","type","variant","min","max","inputProps"]);const m=Object.assign({},p);return"number"===s&&(m.min=void 0!==o?o:Number.NEGATIVE_INFINITY,void 0!==l&&(m.max=l)),t.jsxRuntimeExports.jsx(r.TextField,Object.assign({fullWidth:!0,value:a,onChange:e=>{const t=e.target.value;let r;if("number"===s)if(""===t||"-"===t)r=t;else{const e=parseFloat(t);r=isNaN(e)?t:e}else r=t;n(r)},type:s,variant:u,inputProps:m},v))};exports.Input=i,exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),t=require("../../_virtual/jsx-runtime.cjs"),i=require("@mui/material");const n=require("../../node_modules/@mui/system/esm/styled/styled.cjs")(i.TextField)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px","& input::placeholder":{color:"inherit",opacity:1}},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center",marginTop:"-4px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiInputBase-root > fieldset > legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}}))),r=r=>{var{value:a,onChange:s,type:o="text",variant:p="outlined",min:l,max:u,inputProps:d}=r,x=e.__rest(r,["value","onChange","type","variant","min","max","inputProps"]);const m=Object.assign({},d);return"number"===o&&(m.min=void 0!==l?l:Number.NEGATIVE_INFINITY,void 0!==u&&(m.max=u)),t.jsxRuntimeExports.jsx(i.Box,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsxRuntimeExports.jsx(n,Object.assign({fullWidth:!0,value:a,onChange:e=>{const t=e.target.value;let i;if("number"===o)if(""===t||"-"===t)i=t;else{const e=parseFloat(t);i=isNaN(e)?t:e}else i=t;s(i)},type:o,variant:p,inputProps:m},x))})};exports.Input=r,exports.default=r;
2
2
  //# sourceMappingURL=Input.cjs.map
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),i=require("@mui/material"),r=require("../Input/Input.cjs"),o=require("../Select/Select.cjs"),n=require("../DatePicker/DatePicker.cjs"),u=require("../../node_modules/@mui/x-date-pickers/esm/DatePicker/DatePicker.cjs");module.exports=({children:s})=>{const p=t.Children.toArray(s),d=p.map(((s,d)=>{if(t.isValidElement(s)){const a=s.props,l=s.type,c=l===i.TextField||l===r.Input||l===i.Select||l===o.Select||l===u.DatePicker||l===n.DatePicker?t.cloneElement(s,Object.assign(Object.assign({},a),{className:"InputGroupChild",sx:Object.assign(Object.assign({},a.sx),{"& .MuiOutlinedInput-notchedOutline":{border:"none !important"},"& .MuiInputBase-root .MuiButtonBase-root":{borderRight:"none"},"& .MuiOutlinedInput-notchedOutline > legend":{display:"none"}," .InputGroupChild > MuiOutlinedInput-notchedOutline":{border:"none !important"},".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline":{border:"none !important"}})})):s;return e.jsxRuntimeExports.jsx(i.Box,{sx:{flexGrow:1,display:"flex",alignItems:"center",minWidth:0,borderRight:d<p.length-1?"1px solid #ccc":"none"},children:c},d)}return s}));return e.jsxRuntimeExports.jsx(i.Box,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:e.jsxRuntimeExports.jsx(i.Box,{className:"InputGroupChild",sx:{display:"flex",justifyContent:"space-between",height:"32px",border:"1px solid #ccc",borderRadius:"10px",padding:"8px 0px",marginTop:"-5px",marginBottom:"20px","& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root":{borderRadius:0},"& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root":{borderTopLeftRadius:"10px",borderBottomLeftRadius:"10px"},"& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root":{borderTopRightRadius:"10px",borderBottomRightRadius:"10px",border:"none !important"},"& .InputGroupChild":{width:"100%"},"& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline":{border:"none !important"}},children:d})})};
2
+ //# sourceMappingURL=InputGroup.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";var r=require("./InputGroup/InputGroup.cjs");exports.InputGroup=r;
2
+ //# sourceMappingURL=InputGroup.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.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"),s=require("@mui/material"),r=require("../../node_modules/@mui/icons-material/esm/Clear.cjs");function n(e){return null}function l({label:n,options:l=[],value:i,defaultValue:o,onChange:a,size:u="medium",multiple:p=!1,filterable:x=!1,placeholder:d,children:c,maxHeight:m=300,maxWidth:h,maxChipsToShow:j=3,renderChipLabel:f,chipVariant:g="outlined",loadOptions:b,loadingMessage:y="Cargando opciones...",noOptionsMessage:E="No hay opciones",debounceTimeout:v=300}){const R=t.useMemo((()=>{var e;if(1===t.Children.count(c)){const s=t.Children.only(c);if(t.isValidElement(s)&&"Option"===(null===(e=s.type)||void 0===e?void 0:e.displayName))return s.props.children}return null}),[c]),[C,_]=t.useState(""),[M,O]=t.useState([]),[S,I]=t.useState(!1),P=t.useRef(null),T=t.useRef(null),k="function"==typeof b,w=k?M:l;t.useEffect((()=>{k&&(P.current&&clearTimeout(P.current),C?(I(!0),P.current=window.setTimeout((()=>{b(C).then((e=>{O(e)})).finally((()=>{I(!1),T.current&&T.current.focus()}))}),v)):(O([]),I(!1),T.current&&T.current.focus()))}),[C,k,b,v]);const L=t.useMemo((()=>k?w:x&&C?w.filter((e=>e.label.toLowerCase().includes(C.toLowerCase()))):w),[C,x,w,k]),z=t.useMemo((()=>{const e={};return L.forEach((t=>{const s=t.group||"__default";e[s]||(e[s]=[]),e[s].push(t)})),e}),[L]),V=t.useMemo((()=>{const t=[];return(x||k)&&t.push(e.jsxRuntimeExports.jsx(s.ListSubheader,{sx:{px:2,pt:1,pb:1,backgroundColor:"background.paper",zIndex:1,position:"sticky",top:0},children:e.jsxRuntimeExports.jsx(s.TextField,{inputRef:T,placeholder:"Buscar...",variant:"standard",size:"small",fullWidth:!0,value:C,onChange:e=>_(e.target.value),inputProps:{autoFocus:!0},onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation()})},"search-header")),S?t.push(e.jsxRuntimeExports.jsx(s.MenuItem,{disabled:!0,children:e.jsxRuntimeExports.jsxs(s.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsxRuntimeExports.jsx(s.CircularProgress,{size:20}),e.jsxRuntimeExports.jsx(s.Typography,{children:y})]})},"loading-message")):0===Object.keys(z).length||1===Object.keys(z).length&&z.__default&&0===z.__default.length?t.push(e.jsxRuntimeExports.jsx(s.MenuItem,{disabled:!0,children:e.jsxRuntimeExports.jsx(s.Typography,{children:E})},"no-options-message")):Object.entries(z).forEach((([r,n])=>{"__default"!==r&&t.push(e.jsxRuntimeExports.jsx(s.ListSubheader,{disableSticky:!0,children:r},r)),n.forEach((r=>{t.push(e.jsxRuntimeExports.jsx(s.MenuItem,{value:r.value,disabled:r.disabled,children:R?R(r):r.label},r.value))}))})),t}),[z,R,x,k,C,S,y,E]);return e.jsxRuntimeExports.jsxs(s.FormControl,{fullWidth:!0,size:u,children:[n&&e.jsxRuntimeExports.jsx(s.InputLabel,{children:n}),e.jsxRuntimeExports.jsx(s.Select,{label:n,value:null!=i?i:p?[]:"",defaultValue:o,multiple:p,onChange:e=>{a(e.target.value)},renderValue:t=>{var n;if(!t||Array.isArray(t)&&0===t.length)return e.jsxRuntimeExports.jsx(s.Typography,{sx:{color:"text.disabled"},children:d||""});if(!p){const e=w.find((e=>e.value===t));return f&&e?f(e):null!==(n=null==e?void 0:e.label)&&void 0!==n?n:String(t)}const l=t,o=l.slice(0,j),u=l.length-j;return e.jsxRuntimeExports.jsxs(s.Box,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:[o.map((t=>{const n=w.find((e=>e.value===t));if(!n)return null;return e.jsxRuntimeExports.jsx(s.Chip,{variant:g,color:"primary",label:f?f(n):n.label,avatar:n.img?e.jsxRuntimeExports.jsx(s.Avatar,{src:n.img}):void 0,onDelete:()=>(e=>{const t=i.filter((t=>t!==e));a(t)})(t),deleteIcon:e.jsxRuntimeExports.jsx(r,{})},t)})),u>0&&e.jsxRuntimeExports.jsx(s.Chip,{label:`+${u} más`,variant:g})]})},displayEmpty:!0,input:e.jsxRuntimeExports.jsx(s.OutlinedInput,{label:n}),MenuProps:{PaperProps:{style:{maxHeight:m,maxWidth:h}}},children:V})]})}n.displayName="Option",exports.Option=n,exports.Select=l,exports.default=l;
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":{border:"0.7px solid",borderColor:"#e0e0e0",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:m,totalPages:d,previousPage:h,nextPage:j,pageSizeSelectorValue:b=10,onPageChange:E,onPageSizeChange:g,visiblePageNumbers:f=5,enableCSVExport:R=!1,csvExportFileName:y="data.csv",csvExportButtonText:C="Exportar CSV",csvExportColumns:S,enableExcelExport:v=!1,excelExportFileName:w="data.xlsx",excelExportButtonText:k="Exportar Excel",excelExportColumns:T,enableRowSelection:z=!1,rowIdentifier:I,onSelectionChange:B}){const P=t.Children.toArray(u).filter((e=>t.isValidElement(e)&&"Column"===e.type.displayName)),[q,M]=t.useState(!1),[_,A]=t.useState(""),[N,O]=t.useState("info"),[V,W]=t.useState([]);t.useEffect((()=>{W([])}),[x,p,m]),t.useEffect((()=>{null==B||B(V)}),[V,B]);const F=(e,t)=>{"clickaway"!==t&&M(!1)},D="function"==typeof E&&"number"==typeof p,[H,K]=t.useState(1),[L,G]=t.useState(b),U=D?p:H,$=D?m:L,J=D?x:x.slice((U-1)*$,U*$),Q=D?d:Math.ceil(x.length/$),X=e=>{e<1||e>Q||(D?null==E||E(e):K(e))},Y=(()=>{const e=[],t=Q,s=U,r=Math.floor(f/2);let o=Math.max(1,s-r),n=Math.min(t,s+r);n-o+1<f&&(1===o?n=Math.min(t,o+f-1):n===t&&(o=Math.max(1,t-f+1)));for(let t=o;t<=n;t++)e.push(t);return e})(),Z=e=>!!I&&V.some((t=>t[I]===e[I])),ee=J.filter(Z).length,te=J.length>0&&ee===J.length,se=ee>0&&ee<J.length;return e.jsxRuntimeExports.jsxs(s.TableContainer,{component:s.Paper,sx:{borderRadius:2,overflow:"auto"},children:[e.jsxRuntimeExports.jsxs(s.Table,{sx:{minWidth:650},"aria-label":"custom table",children:[e.jsxRuntimeExports.jsx(s.TableHead,{sx:{backgroundColor:e=>e.palette.grey[100]},children:e.jsxRuntimeExports.jsxs(s.TableRow,{children:[z&&e.jsxRuntimeExports.jsxs(s.TableCell,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsxRuntimeExports.jsx(s.Checkbox,{color:"primary",indeterminate:se,checked:te,onChange:e=>{if(I)if(e.target.checked){const e=[...V];J.forEach((t=>{const s=t[I];e.some((e=>e[I]===s))||e.push(t)})),W(e)}else{const e=V.filter((e=>!J.some((t=>t[I]===e[I]))));W(e)}else console.warn("`rowIdentifier` prop is required for row selection.")},inputProps:{"aria-label":"select all desserts"}})]}),P.map(((t,r)=>e.jsxRuntimeExports.jsx(s.TableCell,{sx:{fontWeight:"bold",color:e=>e.palette.text.secondary,width:t.props.width||"auto",whiteSpace:"nowrap"},children:e.jsxRuntimeExports.jsx(s.Typography,{variant:"subtitle2",fontWeight:"bold",children:t.props.name})},r)))]})}),e.jsxRuntimeExports.jsxs(s.TableBody,{children:[J.map(((t,r)=>{const o=z&&Z(t);return e.jsxRuntimeExports.jsxs(s.TableRow,{sx:{"&:last-child td, &:last-child th":{border:0},"&:hover":{backgroundColor:e=>e.palette.action.hover}},selected:o,children:[z&&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(!I)return void console.warn("`rowIdentifier` prop is required for row selection.");const s=t[I],r=V.findIndex((e=>e[I]===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))),W(o)})(0,t),inputProps:{"aria-labelledby":`table-checkbox-${r}`}})]}),P.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:{width:r.props.width||"auto",whiteSpace:"nowrap"},children:i(l)},o)}))]},r)})),0===J.length&&e.jsxRuntimeExports.jsx(s.TableRow,{children:e.jsxRuntimeExports.jsx(s.TableCell,{colSpan:P.length+(z?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."})})})]})]}),(Q>0||R||v||z&&V.length>0)&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[Q>0&&e.jsxRuntimeExports.jsx(s.Select,{size:"small",value:$,onChange:e=>{return t=Number(e.target.value),void(D?(null==g||g(t),null==E||E(1)):(G(t),K(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)))}),Q>0&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",alignItems:"center",gap:.5,sx:{flexGrow:1,justifyContent:"center"},children:[e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(1),disabled:U<=1,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(o,{fontSize:"small"})}),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(U-1),disabled:U<=1,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(i,{fontSize:"small"})}),Y.map((t=>e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>X(t),variant:U===t?"contained":"text",size:"small",sx:{minWidth:"32px",height:"32px"},children:t},t))),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(U+1),disabled:U>=Q,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(l,{fontSize:"small"})}),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(Q),disabled:U>=Q,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(n,{fontSize:"small"})})]}),z&&V.length>0&&e.jsxRuntimeExports.jsxs(s.Typography,{variant:"subtitle2",sx:{mr:2},children:[V.length," seleccionados"]}),(R||v)&&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:P,fileName:y,exportColumns:S,setSnackbarOpen:M,setSnackbarMessage:A,setSnackbarSeverity:O}),size:"small",startIcon:e.jsxRuntimeExports.jsx(r,{}),children:C}),v&&e.jsxRuntimeExports.jsx(s.Button,{variant:"text",color:"primary",onClick:()=>a.exportToExcel({data:x,columns:P,fileName:w,exportColumns:T,setSnackbarOpen:M,setSnackbarMessage:A,setSnackbarSeverity:O}),size:"small",startIcon:e.jsxRuntimeExports.jsx(r,{}),children:k})]})]}),e.jsxRuntimeExports.jsx(s.Snackbar,{open:q,autoHideDuration:3e3,onClose:F,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:e.jsxRuntimeExports.jsx(c,{onClose:F,severity:N,sx:{width:"100%"},children:_})})]})}exports.Table=u,exports.default=u;
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:m,totalPages:d,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:T,enableRowSelection:z=!1,rowIdentifier:I,onSelectionChange:B}){const q=t.Children.toArray(u).filter((e=>t.isValidElement(e)&&"Column"===e.type.displayName)),[P,M]=t.useState(!1),[F,_]=t.useState(""),[A,N]=t.useState("info"),[O,V]=t.useState([]);t.useEffect((()=>{V([])}),[x,p,m]),t.useEffect((()=>{null==B||B(O)}),[O,B]);const D=(e,t)=>{"clickaway"!==t&&M(!1)},H="function"==typeof E&&"number"==typeof p,[K,L]=t.useState(1),[W,G]=t.useState(b),U=H?p:K,$=H?m:W,J=H?x:x.slice((U-1)*$,U*$),Q=H?d:Math.ceil(x.length/$),X=e=>{e<1||e>Q||(H?null==E||E(e):L(e))},Y=(()=>{const e=[],t=Q,s=U,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})(),Z=e=>!!I&&O.some((t=>t[I]===e[I])),ee=J.filter(Z).length,te=J.length>0&&ee===J.length,se=ee>0&&ee<J.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:[z&&e.jsxRuntimeExports.jsxs(s.TableCell,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsxRuntimeExports.jsx(s.Checkbox,{color:"primary",indeterminate:se,checked:te,onChange:e=>{if(I)if(e.target.checked){const e=[...O];J.forEach((t=>{const s=t[I];e.some((e=>e[I]===s))||e.push(t)})),V(e)}else{const e=O.filter((e=>!J.some((t=>t[I]===e[I]))));V(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:[J.map(((t,r)=>{const o=z&&Z(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:[z&&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(!I)return void console.warn("`rowIdentifier` prop is required for row selection.");const s=t[I],r=O.findIndex((e=>e[I]===s));let o=[];-1===r?o=o.concat(O,t):0===r?o=o.concat(O.slice(1)):r===O.length-1?o=o.concat(O.slice(0,-1)):r>0&&(o=o.concat(O.slice(0,r),O.slice(r+1))),V(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"},children:i(l)},o)}))]},r)})),0===J.length&&e.jsxRuntimeExports.jsx(s.TableRow,{children:e.jsxRuntimeExports.jsx(s.TableCell,{colSpan:q.length+(z?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."})})})]})]}),(Q>0||R||w||z&&O.length>0)&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[Q>0&&e.jsxRuntimeExports.jsx(s.Select,{size:"small",value:$,onChange:e=>{return t=Number(e.target.value),void(H?(null==f||f(t),null==E||E(1)):(G(t),L(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)))}),Q>0&&e.jsxRuntimeExports.jsxs(s.Box,{display:"flex",alignItems:"center",gap:.5,sx:{flexGrow:1,justifyContent:"center"},children:[e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(1),disabled:U<=1,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(o,{fontSize:"small"})}),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(U-1),disabled:U<=1,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(i,{fontSize:"small"})}),Y.map((t=>e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>X(t),variant:U===t?"contained":"text",size:"small",sx:{minWidth:"32px",height:"32px"},children:t},t))),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(U+1),disabled:U>=Q,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(l,{fontSize:"small"})}),e.jsxRuntimeExports.jsx(s.IconButton,{onClick:()=>X(Q),disabled:U>=Q,size:"small",color:"primary",children:e.jsxRuntimeExports.jsx(n,{fontSize:"small"})})]}),z&&O.length>0&&e.jsxRuntimeExports.jsxs(s.Typography,{variant:"subtitle2",sx:{mr:2},children:[O.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:M,setSnackbarMessage:_,setSnackbarSeverity:N}),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:T,setSnackbarOpen:M,setSnackbarMessage:_,setSnackbarSeverity:N}),size:"small",startIcon:e.jsxRuntimeExports.jsx(r,{}),children:k})]})]}),e.jsxRuntimeExports.jsx(s.Snackbar,{open:P,autoHideDuration:3e3,onClose:D,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:e.jsxRuntimeExports.jsx(c,{onClose:D,severity:A,sx:{width:"100%"},children:F})})]})}exports.Table=u,exports.default=u;
2
2
  //# sourceMappingURL=Table.cjs.map
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../../../_virtual/jsx-runtime.cjs"),r=require("../../material/esm/utils/createSvgIcon.cjs")(e.jsxRuntimeExports.jsx("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}),"Check");module.exports=r;
2
+ //# sourceMappingURL=Check.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Check.cjs","sources":["../../../../../../node_modules/@mui/icons-material/esm/Check.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\n}), 'Check');"],"names":["CheckIcon","createSvgIcon","_jsx","jsxRuntimeExports","jsx","d"],"mappings":"mEAIAA,uDAAeC,CAA2BC,EAAIC,kBAAAC,IAAC,OAAQ,CACrDC,EAAG,sDACD","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../../../_virtual/jsx-runtime.cjs"),r=require("../../material/esm/utils/createSvgIcon.cjs")(e.jsxRuntimeExports.jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");module.exports=r;
2
+ //# sourceMappingURL=Close.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Close.cjs","sources":["../../../../../../node_modules/@mui/icons-material/esm/Close.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');"],"names":["CloseIcon","createSvgIcon","_jsx","jsxRuntimeExports","jsx","d"],"mappings":"mEAIAA,uDAAeC,CAA2BC,EAAIC,kBAAAC,IAAC,OAAQ,CACrDC,EAAG,0GACD","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("../createStyled/createStyled.cjs").default();module.exports=e;
2
+ //# sourceMappingURL=styled.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.cjs","sources":["../../../../../../../node_modules/@mui/system/esm/styled/styled.js"],"sourcesContent":["import createStyled from \"../createStyled/index.js\";\nconst styled = createStyled();\nexport default styled;"],"names":["styled","default"],"mappings":"aACK,MAACA,8CAAqBC","x_google_ignoreList":[0]}
@@ -0,0 +1 @@
1
+ export * from '../../esm/components/Flyout';
@@ -0,0 +1 @@
1
+ export * from '../../esm/components/InputGroup';
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"../../_virtual/_tslib.js";import{j as a}from"../../_virtual/jsx-runtime.js";import t,{useMemo as r}from"react";import{LocalizationProvider as s}from"../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js";import{AdapterDayjs as i}from"../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js";import{DatePicker as o}from"../../node_modules/@mui/x-date-pickers/esm/DatePicker/DatePicker.js";const l=l=>{var d,n,{label:m,selectedDate:u,onDateChange:c,minDate:p,maxDate:D,disabled:x,readOnly:j,slotProps:v}=l,b=e(l,["label","selectedDate","onDateChange","minDate","maxDate","disabled","readOnly","slotProps"]);const[f,h]=t.useState(null),g=r((()=>{switch(f){case"minDate":case"maxDate":return"Fecha fuera del rango permitido";case"invalidDate":return"Formato de fecha inválido";case"disableFuture":return"No se permiten fechas futuras";case"disablePast":return"No se permiten fechas pasadas";default:return""}}),[f]);return a.jsx(s,{dateAdapter:i,children:a.jsx(o,Object.assign({label:m,value:u,onChange:c,minDate:p,maxDate:D,onError:e=>h(e),disabled:x,readOnly:j,slotProps:Object.assign(Object.assign({},v),{textField:Object.assign(Object.assign({},null==v?void 0:v.textField),{helperText:g||(null===(d=null==v?void 0:v.textField)||void 0===d?void 0:d.helperText),error:!!g||(null===(n=null==v?void 0:v.textField)||void 0===n?void 0:n.error)})})},b))})};export{l as DatePicker,l as default};
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{j as t}from"../../_virtual/jsx-runtime.js";import a,{useMemo as i}from"react";import{TextField as r,Box as s}from"@mui/material";import o from"../../node_modules/@mui/system/esm/styled/styled.js";import{LocalizationProvider as n}from"../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js";import{AdapterDayjs as l}from"../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js";import{DatePicker as d}from"../../node_modules/@mui/x-date-pickers/esm/DatePicker/DatePicker.js";const p=o(r)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center",marginTop:"-4px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}}))),u=r=>{var o,u,m,{label:c,selectedDate:x,onDateChange:f,minDate:g,maxDate:b,disabled:h,readOnly:j,slotProps:v}=r,D=e(r,["label","selectedDate","onDateChange","minDate","maxDate","disabled","readOnly","slotProps"]);const[y,I]=a.useState(null),P=i((()=>{switch(y){case"minDate":case"maxDate":return"Fecha fuera del rango permitido";case"invalidDate":return"Formato de fecha inválido";case"disableFuture":return"No se permiten fechas futuras";case"disablePast":return"No se permiten fechas pasadas";default:return""}}),[y]);return t.jsx(n,{dateAdapter:l,children:t.jsx(s,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsx(d,Object.assign({label:c,value:x,onChange:f,minDate:g,maxDate:b,onError:e=>I(e),disabled:h,readOnly:j,className:"date-picker-custom",sx:{"& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root":{maxHeight:"28px",borderRadius:"10px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiPickersInputBase-root > fieldset > legend":{display:"none"}},slotProps:Object.assign(Object.assign({},v),{textField:Object.assign(Object.assign({},null==v?void 0:v.textField),{helperText:P||(null===(o=null==v?void 0:v.textField)||void 0===o?void 0:o.helperText),error:!!P||(null===(u=null==v?void 0:v.textField)||void 0===u?void 0:u.error),InputProps:Object.assign(Object.assign({},null===(m=null==v?void 0:v.textField)||void 0===m?void 0:m.InputProps),{inputComponent:p})})})},D))})})};export{u as DatePicker,u as default};
2
2
  //# sourceMappingURL=DatePicker.js.map
@@ -15,6 +15,7 @@ export interface DateTimePickerProps {
15
15
  acceptButtonText?: string;
16
16
  minutesStep?: number;
17
17
  minTime?: Dayjs;
18
+ customClass?: string;
18
19
  }
19
20
  /**
20
21
  * Custom Material UI DateTimePicker component.
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"../../_virtual/_tslib.js";import{j as t}from"../../_virtual/jsx-runtime.js";import a from"react";import{LocalizationProvider as i}from"../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js";import{AdapterDayjs as s}from"../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js";import{DateTimePicker as r}from"../../node_modules/@mui/x-date-pickers/esm/DateTimePicker/DateTimePicker.js";const o=o=>{var n,l,{label:m,selectedDateTime:d,onDateTimeChange:u,minDateTime:c,maxDateTime:p,disabled:T,readOnly:x,inputFormat:D,slotProps:b,clearButtonText:j,cancelButtonText:v,acceptButtonText:f,minutesStep:h,minTime:g}=o,B=e(o,["label","selectedDateTime","onDateTimeChange","minDateTime","maxDateTime","disabled","readOnly","inputFormat","slotProps","clearButtonText","cancelButtonText","acceptButtonText","minutesStep","minTime"]);const[O,P]=a.useState(null),F=a.useMemo((()=>{switch(O){case"minDate":case"maxDate":case"invalidDate":return"Formato de fecha/hora inválido";case"disableFuture":return"No se permiten fechas/horas futuras";case"disablePast":return"No se permiten fechas/horas pasadas";default:return""}}),[O]),k=a.useMemo((()=>{const e={};return j&&(e.clearButtonLabel=j),v&&(e.cancelButtonLabel=v),f&&(e.okButtonLabel=f),e}),[j,v,f]);return t.jsx(i,{dateAdapter:s,children:t.jsx(r,Object.assign({label:m,value:d,onChange:u,minDateTime:c,maxDateTime:p,minutesStep:h,disabled:T,readOnly:x,minTime:g,format:D||"DD/MM/YYYY HH:mm",slotProps:Object.assign(Object.assign({},b),{textField:Object.assign(Object.assign({fullWidth:!0},null==b?void 0:b.textField),{helperText:F||(null===(n=null==b?void 0:b.textField)||void 0===n?void 0:n.helperText),error:!!F||(null===(l=null==b?void 0:b.textField)||void 0===l?void 0:l.error)})}),localeText:Object.assign({},k)},B))})};export{o as DateTimePicker,o as default};
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{j as t}from"../../_virtual/jsx-runtime.js";import a,{useMemo as i}from"react";import{TextField as s,Box as n}from"@mui/material";import o from"../../node_modules/@mui/system/esm/styled/styled.js";import{LocalizationProvider as r}from"../../node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js";import{AdapterDayjs as l}from"../../node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js";import{DateTimePicker as m}from"../../node_modules/@mui/x-date-pickers/esm/DateTimePicker/DateTimePicker.js";const d=o(s)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px"},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center",marginTop:"-4px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}}))),p=s=>{var o,p,u,{label:c,selectedDateTime:x,onDateTimeChange:b,minDateTime:T,maxDateTime:f,disabled:g,readOnly:h,customClass:j="",inputFormat:D,slotProps:v,clearButtonText:y,cancelButtonText:B,acceptButtonText:I,minutesStep:O,minTime:P}=s,k=e(s,["label","selectedDateTime","onDateTimeChange","minDateTime","maxDateTime","disabled","readOnly","customClass","inputFormat","slotProps","clearButtonText","cancelButtonText","acceptButtonText","minutesStep","minTime"]);const[M,F]=a.useState(null),L=i((()=>{switch(M){case"minDate":case"maxDate":case"invalidDate":return"Formato de fecha/hora inválido";case"disableFuture":return"No se permiten fechas/horas futuras";case"disablePast":return"No se permiten fechas/horas pasadas";default:return""}}),[M]),C=i((()=>{const e={};return y&&(e.clearButtonLabel=y),B&&(e.cancelButtonLabel=B),I&&(e.okButtonLabel=I),e}),[y,B,I]);return t.jsx(r,{dateAdapter:l,children:t.jsx(n,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsx(m,Object.assign({className:j,label:c,value:x,onChange:b,minDateTime:T,maxDateTime:f,minutesStep:O,disabled:g,readOnly:h,minTime:P,format:D||"DD/MM/YYYY HH:mm",sx:{"& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root":{maxHeight:"28px",borderRadius:"10px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiPickersInputBase-root > fieldset > legend":{display:"none"}},slotProps:Object.assign(Object.assign({},v),{textField:Object.assign(Object.assign({},null==v?void 0:v.textField),{helperText:L||(null===(o=null==v?void 0:v.textField)||void 0===o?void 0:o.helperText),error:!!L||(null===(p=null==v?void 0:v.textField)||void 0===p?void 0:p.error),InputProps:Object.assign(Object.assign({},null===(u=null==v?void 0:v.textField)||void 0===u?void 0:u.InputProps),{inputComponent:d})})}),localeText:Object.assign({},C)},k))})})};export{p as DateTimePicker,p as default};
2
2
  //# sourceMappingURL=DateTimePicker.js.map
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ type FlyoutSize = 'small' | 'medium' | 'large';
3
+ export interface FlyoutProps {
4
+ open: boolean;
5
+ onClose: () => void;
6
+ title?: string;
7
+ anchor?: 'left' | 'top' | 'right' | 'bottom';
8
+ children: React.ReactNode;
9
+ size?: FlyoutSize;
10
+ height?: string | number;
11
+ }
12
+ declare const Flyout: React.FC<FlyoutProps>;
13
+ export default Flyout;
@@ -0,0 +1,2 @@
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{useMemo as t}from"react";import{Drawer as r,Box as o,Typography as s,IconButton as i,Divider as n}from"@mui/material";import a from"../../node_modules/@mui/icons-material/esm/Close.js";const l=({open:l,onClose:c,title:d,anchor:m="right",children:h,size:u="medium",height:x="auto"})=>{const p=(e=>{switch(e){case"small":return Math.round(345);case"medium":default:return Math.round(517.5);case"large":return Math.round(690)}})(u),f=t((()=>"left"===m||"right"===m?{width:p}:{height:x,width:"100%"}),[m,p,x]);return e.jsx(r,{anchor:m,open:l,onClose:c,disableEscapeKeyDown:!1,ModalProps:{keepMounted:!0},children:e.jsxs(o,{sx:Object.assign(Object.assign({},f),{display:"flex",flexDirection:"column",p:2,backgroundColor:e=>e.palette.background.paper,color:e=>e.palette.text.primary,height:"100%"}),role:"presentation",children:[e.jsxs(o,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,flexShrink:0},children:[d&&e.jsx(s,{variant:"h6",component:"div",sx:{fontWeight:"bold"},children:d}),e.jsx(i,{onClick:c,sx:{ml:"auto"},children:e.jsx(a,{})})]}),e.jsx(n,{sx:{mb:2}})," ",e.jsx(o,{sx:{flexGrow:1,overflowY:"auto"},children:h})]})})};export{l as default};
2
+ //# sourceMappingURL=Flyout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flyout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Flyout from './Flyout';
3
+ declare const meta: Meta<typeof Flyout>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Flyout>;
6
+ export declare const Default: Story;
7
+ export declare const SmallLeft: Story;
8
+ export declare const LargeRight: Story;
9
+ export declare const TopAnchor: Story;
10
+ export declare const BottomAnchor: Story;
11
+ export declare const NoTitle: Story;
12
+ export declare const CustomContent: Story;
@@ -0,0 +1 @@
1
+ export { default as Flyout } from './Flyout';
@@ -0,0 +1,2 @@
1
+ export{default as Flyout}from"./Flyout/Flyout.js";
2
+ //# sourceMappingURL=Flyout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flyout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -11,12 +11,5 @@ export interface InputProps extends Omit<TextFieldProps, 'value' | 'onChange' |
11
11
  disabled?: boolean;
12
12
  readOnly?: boolean;
13
13
  }
14
- /**
15
- * Componente Input personalizado de Material UI.
16
- * Un wrapper para TextField que simplifica el manejo de diferentes tipos de input
17
- * y proporciona una interfaz consistente para el valor y el evento onChange.
18
- * Permite control explícito sobre el rango de números, asegurando que se puedan
19
- * ingresar números negativos por defecto si no se especifica un 'min'.
20
- */
21
14
  export declare const Input: React.FC<InputProps>;
22
15
  export default Input;
@@ -1,2 +1,2 @@
1
- import{__rest as t}from"../../_virtual/_tslib.js";import{j as a}from"../../_virtual/jsx-runtime.js";import{TextField as e}from"@mui/material";const i=i=>{var{value:n,onChange:r,type:s="text",variant:o="outlined",min:m,max:u,inputProps:l}=i,p=t(i,["value","onChange","type","variant","min","max","inputProps"]);const v=Object.assign({},l);return"number"===s&&(v.min=void 0!==m?m:Number.NEGATIVE_INFINITY,void 0!==u&&(v.max=u)),a.jsx(e,Object.assign({fullWidth:!0,value:n,onChange:t=>{const a=t.target.value;let e;if("number"===s)if(""===a||"-"===a)e=a;else{const t=parseFloat(a);e=isNaN(t)?a:t}else e=a;r(e)},type:s,variant:o,inputProps:v},p))};export{i as Input,i as default};
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{j as t}from"../../_virtual/jsx-runtime.js";import{TextField as i,Box as n}from"@mui/material";import a from"../../node_modules/@mui/system/esm/styled/styled.js";const r=a(i)((({theme:e})=>({"& .MuiInputBase-root":{maxHeight:"34px",padding:"8px 10px",borderRadius:"10px",display:"flex",alignItems:"center",fontSize:"14px","& input::placeholder":{color:"inherit",opacity:1}},"& .MuiInputBase-input":{padding:"0 !important",height:"18px",display:"flex",alignItems:"center",marginTop:"-4px"},"& .MuiInputLabel-root":{top:"50%",transform:"translate(14px, -50%)","&.MuiInputLabel-shrink":{transform:"translate(1px, -200%) scale(0.75)",fontSize:"16px !important","> legend":{display:"none"}}},"& .MuiInputBase-root > fieldset > legend":{display:"none"},"& .MuiOutlinedInput-notchedOutline":{border:"0.7px solid",borderColor:"#e0e0e0"}}))),o=i=>{var{value:a,onChange:o,type:p="text",variant:s="outlined",min:l,max:u,inputProps:m}=i,d=e(i,["value","onChange","type","variant","min","max","inputProps"]);const x=Object.assign({},m);return"number"===p&&(x.min=void 0!==l?l:Number.NEGATIVE_INFINITY,void 0!==u&&(x.max=u)),t.jsx(n,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsx(r,Object.assign({fullWidth:!0,value:a,onChange:e=>{const t=e.target.value;let i;if("number"===p)if(""===t||"-"===t)i=t;else{const e=parseFloat(t);i=isNaN(e)?t:e}else i=t;o(i)},type:p,variant:s,inputProps:x},d))})};export{o as Input,o as default};
2
2
  //# sourceMappingURL=Input.js.map
@@ -14,3 +14,4 @@ export declare const ReadOnlyInput: Story;
14
14
  export declare const InputVariants: Story;
15
15
  export declare const InputSizes: Story;
16
16
  export declare const FullWidthInput: Story;
17
+ export declare const StandardVariant: Story;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ interface InputGroupProps {
3
+ children: React.ReactNode;
4
+ }
5
+ declare const InputGroup: React.FC<InputGroupProps>;
6
+ export default InputGroup;
@@ -0,0 +1,2 @@
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{Children as e,isValidElement as o,cloneElement as i}from"react";import{Box as r,TextField as n,Select as p}from"@mui/material";import{Input as u}from"../Input/Input.js";import{Select as s}from"../Select/Select.js";import{DatePicker as d}from"../DatePicker/DatePicker.js";import{DatePicker as a}from"../../node_modules/@mui/x-date-pickers/esm/DatePicker/DatePicker.js";const l=({children:l})=>{const m=e.toArray(l),c=m.map(((e,l)=>{if(o(e)){const o=e.props,c=e.type,x=c===n||c===u||c===p||c===s||c===a||c===d?i(e,Object.assign(Object.assign({},o),{className:"InputGroupChild",sx:Object.assign(Object.assign({},o.sx),{"& .MuiOutlinedInput-notchedOutline":{border:"none !important"},"& .MuiInputBase-root .MuiButtonBase-root":{borderRight:"none"},"& .MuiOutlinedInput-notchedOutline > legend":{display:"none"}," .InputGroupChild > MuiOutlinedInput-notchedOutline":{border:"none !important"},".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline":{border:"none !important"}})})):e;return t.jsx(r,{sx:{flexGrow:1,display:"flex",alignItems:"center",minWidth:0,borderRight:l<m.length-1?"1px solid #ccc":"none"},children:x},l)}return e}));return t.jsx(r,{sx:{width:"100%",display:"grid",marginBottom:"10px",marginTop:"10px"},children:t.jsx(r,{className:"InputGroupChild",sx:{display:"flex",justifyContent:"space-between",height:"32px",border:"1px solid #ccc",borderRadius:"10px",padding:"8px 0px",marginTop:"-5px",marginBottom:"20px","& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root":{borderRadius:0},"& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root":{borderTopLeftRadius:"10px",borderBottomLeftRadius:"10px"},"& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root":{borderTopRightRadius:"10px",borderBottomRightRadius:"10px",border:"none !important"},"& .InputGroupChild":{width:"100%"},"& > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline":{border:"none !important"}},children:c})})};export{l as default};
2
+ //# sourceMappingURL=InputGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import InputGroup from './InputGroup';
3
+ declare const meta: Meta<typeof InputGroup>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof InputGroup>;
6
+ export declare const BasicInputGroup: Story;
7
+ export declare const CombinedInputGroup: Story;
8
+ export declare const DatePickerInputGroup: Story;
@@ -0,0 +1 @@
1
+ export { default as InputGroup } from './InputGroup';
@@ -0,0 +1,2 @@
1
+ export{default as InputGroup}from"./InputGroup/InputGroup.js";
2
+ //# sourceMappingURL=InputGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import l,{useMemo as n,isValidElement as r,useState as a,useRef as t,useEffect as i}from"react";import{ListSubheader as s,TextField as o,MenuItem as u,Box as d,CircularProgress as c,Typography as p,FormControl as h,InputLabel as m,Select as f,OutlinedInput as x,Chip as g,Avatar as j}from"@mui/material";import b from"../../node_modules/@mui/icons-material/esm/Clear.js";function v(e){return null}function y({label:v,options:y=[],value:C,defaultValue:_,onChange:k,size:w="medium",multiple:O=!1,filterable:P=!1,placeholder:z,children:W,maxHeight:E=300,maxWidth:S,maxChipsToShow:T=3,renderChipLabel:V,chipVariant:I="outlined",loadOptions:L,loadingMessage:M="Cargando opciones...",noOptionsMessage:N="No hay opciones",debounceTimeout:A=300}){const D=n((()=>{var e;if(1===l.Children.count(W)){const n=l.Children.only(W);if(r(n)&&"Option"===(null===(e=n.type)||void 0===e?void 0:e.displayName))return n.props.children}return null}),[W]),[H,B]=a(""),[F,K]=a([]),[R,$]=a(!1),q=t(null),G=t(null),J="function"==typeof L,Q=J?F:y;i((()=>{J&&(q.current&&clearTimeout(q.current),H?($(!0),q.current=window.setTimeout((()=>{L(H).then((e=>{K(e)})).finally((()=>{$(!1),G.current&&G.current.focus()}))}),A)):(K([]),$(!1),G.current&&G.current.focus()))}),[H,J,L,A]);const U=n((()=>J?Q:P&&H?Q.filter((e=>e.label.toLowerCase().includes(H.toLowerCase()))):Q),[H,P,Q,J]),X=n((()=>{const e={};return U.forEach((l=>{const n=l.group||"__default";e[n]||(e[n]=[]),e[n].push(l)})),e}),[U]),Y=n((()=>{const l=[];return(P||J)&&l.push(e.jsx(s,{sx:{px:2,pt:1,pb:1,backgroundColor:"background.paper",zIndex:1,position:"sticky",top:0},children:e.jsx(o,{inputRef:G,placeholder:"Buscar...",variant:"standard",size:"small",fullWidth:!0,value:H,onChange:e=>B(e.target.value),inputProps:{autoFocus:!0},onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation()})},"search-header")),R?l.push(e.jsx(u,{disabled:!0,children:e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(c,{size:20}),e.jsx(p,{children:M})]})},"loading-message")):0===Object.keys(X).length||1===Object.keys(X).length&&X.__default&&0===X.__default.length?l.push(e.jsx(u,{disabled:!0,children:e.jsx(p,{children:N})},"no-options-message")):Object.entries(X).forEach((([n,r])=>{"__default"!==n&&l.push(e.jsx(s,{disableSticky:!0,children:n},n)),r.forEach((n=>{l.push(e.jsx(u,{value:n.value,disabled:n.disabled,children:D?D(n):n.label},n.value))}))})),l}),[X,D,P,J,H,R,M,N]);return e.jsxs(h,{fullWidth:!0,size:w,children:[v&&e.jsx(m,{children:v}),e.jsx(f,{label:v,value:null!=C?C:O?[]:"",defaultValue:_,multiple:O,onChange:e=>{k(e.target.value)},renderValue:l=>{var n;if(!l||Array.isArray(l)&&0===l.length)return e.jsx(p,{sx:{color:"text.disabled"},children:z||""});if(!O){const e=Q.find((e=>e.value===l));return V&&e?V(e):null!==(n=null==e?void 0:e.label)&&void 0!==n?n:String(l)}const r=l,a=r.slice(0,T),t=r.length-T;return e.jsxs(d,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:[a.map((l=>{const n=Q.find((e=>e.value===l));if(!n)return null;return e.jsx(g,{variant:I,color:"primary",label:V?V(n):n.label,avatar:n.img?e.jsx(j,{src:n.img}):void 0,onDelete:()=>(e=>{const l=C.filter((l=>l!==e));k(l)})(l),deleteIcon:e.jsx(b,{})},l)})),t>0&&e.jsx(g,{label:`+${t} más`,variant:I})]})},displayEmpty:!0,input:e.jsx(x,{label:v}),MenuProps:{PaperProps:{style:{maxHeight:E,maxWidth:S}}},children:Y})]})}v.displayName="Option";export{v as Option,y as Select,y as default};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import t,{useMemo as n,isValidElement as i,useState as l,useRef as r,useEffect as a}from"react";import{Select as o,InputLabel as s,OutlinedInput as u,ListSubheader as d,TextField as p,MenuItem as c,Box as x,CircularProgress as h,Typography as m,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 C from"../../node_modules/@mui/system/esm/styled/styled.js";function I(e){return null}I.displayName="Option";const M=C(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":{border:"0.7px solid",borderColor:"#e0e0e0",borderRadius:"10px"},"& .MuiSelect-icon":{top:"50%",transform:"translateY(-50%)"},"& .MuiOutlinedInput-notchedOutline > legend":{display:"none"}}))),O=C(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=C(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:C,onChange:I,size:_="medium",multiple:S=!1,filterable:w=!1,placeholder:z,children:L,maxHeight:T=300,maxWidth:P,maxChipsToShow:W=3,renderChipLabel:B,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=r(null),J=r(null),Q="function"==typeof E,U=Q?G:s;a((()=>{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(d,{sx:{px:2,pt:1,pb:1,backgroundColor:"background.paper",zIndex:1,position:"sticky",top:0},children:e.jsx(p,{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(h,{size:20}),e.jsx(m,{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(m,{children:R})},"no-options-message")):Object.entries(Z).forEach((([n,i])=>{"__default"!==n&&t.push(e.jsx(d,{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(M,{label:o,value:null!=u?u:S?[]:"",defaultValue:C,multiple:S,onChange:e=>{I(e.target.value)},renderValue:t=>{var n;if(!t||Array.isArray(t)&&0===t.length)return e.jsx(m,{sx:{color:"text.disabled"},children:z||""});if(!S){const e=U.find((e=>e.value===t));return B&&e?B(e):null!==(n=null==e?void 0:e.label)&&void 0!==n?n:String(t)}const i=t,l=i.slice(0,W),r=i.length-W;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:B?B(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));I(t)})(t),deleteIcon:e.jsx(y,{sx:{fontSize:"12px !important"}}),sx:{height:"27px",marginTop:"1px"}},t)})),r>0&&e.jsx(b,{sx:{height:"27px",marginTop:"0px"},label:`+${r} 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:P}}},children:ee})})]})}export{I as Option,_ as Select,_ as default};
2
2
  //# sourceMappingURL=Select.js.map
@@ -1,2 +1,2 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import r,{Children as t,isValidElement as o,useState as l,useEffect as s}from"react";import{TableContainer as i,Paper as a,Table as n,TableHead as c,TableRow as d,TableCell as m,Checkbox as x,Typography as p,TableBody as h,Box as u,Select as f,MenuItem as j,IconButton as g,Button as b,Snackbar as y}from"@mui/material";import v from"../../node_modules/@mui/icons-material/esm/DownloadOutlined.js";import w from"../../node_modules/@mui/icons-material/esm/FirstPage.js";import C from"../../node_modules/@mui/icons-material/esm/LastPage.js";import k from"../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft.js";import S from"../../node_modules/@mui/icons-material/esm/KeyboardArrowRight.js";import{exportToCSV as z,exportToExcel as E}from"./exportsUtils.js";import P from"../../node_modules/@mui/material/esm/Alert/Alert.js";const I=r.forwardRef((function(r,t){return e.jsx(P,Object.assign({elevation:6,ref:t,variant:"filled"},r))}));function M({data:r,children:P,currentPage:M,pageSize:A,totalPages:N,previousPage:_,nextPage:O,pageSizeSelectorValue:R=10,onPageChange:W,onPageSizeChange:F,visiblePageNumbers:T=5,enableCSVExport:V=!1,csvExportFileName:q="data.csv",csvExportButtonText:B="Exportar CSV",csvExportColumns:D,enableExcelExport:K=!1,excelExportFileName:L="data.xlsx",excelExportButtonText:G="Exportar Excel",excelExportColumns:H,enableRowSelection:U=!1,rowIdentifier:$,onSelectionChange:J}){const Q=t.toArray(P).filter((e=>o(e)&&"Column"===e.type.displayName)),[X,Y]=l(!1),[Z,ee]=l(""),[re,te]=l("info"),[oe,le]=l([]);s((()=>{le([])}),[r,M,A]),s((()=>{null==J||J(oe)}),[oe,J]);const se=(e,r)=>{"clickaway"!==r&&Y(!1)},ie="function"==typeof W&&"number"==typeof M,[ae,ne]=l(1),[ce,de]=l(R),me=ie?M:ae,xe=ie?A:ce,pe=ie?r:r.slice((me-1)*xe,me*xe),he=ie?N:Math.ceil(r.length/xe),ue=e=>{e<1||e>he||(ie?null==W||W(e):ne(e))},fe=(()=>{const e=[],r=he,t=me,o=Math.floor(T/2);let l=Math.max(1,t-o),s=Math.min(r,t+o);s-l+1<T&&(1===l?s=Math.min(r,l+T-1):s===r&&(l=Math.max(1,r-T+1)));for(let r=l;r<=s;r++)e.push(r);return e})(),je=e=>!!$&&oe.some((r=>r[$]===e[$])),ge=pe.filter(je).length,be=pe.length>0&&ge===pe.length,ye=ge>0&&ge<pe.length;return e.jsxs(i,{component:a,sx:{borderRadius:2,overflow:"auto"},children:[e.jsxs(n,{sx:{minWidth:650},"aria-label":"custom table",children:[e.jsx(c,{sx:{backgroundColor:e=>e.palette.grey[100]},children:e.jsxs(d,{children:[U&&e.jsxs(m,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsx(x,{color:"primary",indeterminate:ye,checked:be,onChange:e=>{if($)if(e.target.checked){const e=[...oe];pe.forEach((r=>{const t=r[$];e.some((e=>e[$]===t))||e.push(r)})),le(e)}else{const e=oe.filter((e=>!pe.some((r=>r[$]===e[$]))));le(e)}else console.warn("`rowIdentifier` prop is required for row selection.")},inputProps:{"aria-label":"select all desserts"}})]}),Q.map(((r,t)=>e.jsx(m,{sx:{fontWeight:"bold",color:e=>e.palette.text.secondary,width:r.props.width||"auto",whiteSpace:"nowrap"},children:e.jsx(p,{variant:"subtitle2",fontWeight:"bold",children:r.props.name})},t)))]})}),e.jsxs(h,{children:[pe.map(((r,t)=>{const o=U&&je(r);return e.jsxs(d,{sx:{"&:last-child td, &:last-child th":{border:0},"&:hover":{backgroundColor:e=>e.palette.action.hover}},selected:o,children:[U&&e.jsxs(m,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsx(x,{color:"primary",checked:o,onClick:e=>((e,r)=>{if(!$)return void console.warn("`rowIdentifier` prop is required for row selection.");const t=r[$],o=oe.findIndex((e=>e[$]===t));let l=[];-1===o?l=l.concat(oe,r):0===o?l=l.concat(oe.slice(1)):o===oe.length-1?l=l.concat(oe.slice(0,-1)):o>0&&(l=l.concat(oe.slice(0,o),oe.slice(o+1))),le(l)})(0,r),inputProps:{"aria-labelledby":`table-checkbox-${t}`}})]}),Q.map(((t,o)=>{const{field:l,children:s}=t.props;let i;return i=Array.isArray(l)?l.reduce(((e,t)=>(e[t]=r[t],e)),{}):{[l]:r[l]},e.jsx(m,{sx:{width:t.props.width||"auto",whiteSpace:"nowrap"},children:s(i)},o)}))]},t)})),0===pe.length&&e.jsx(d,{children:e.jsx(m,{colSpan:Q.length+(U?1:0),sx:{textAlign:"center",py:4},children:e.jsx(p,{variant:"body2",color:"text.secondary",children:"No hay datos disponibles para mostrar."})})})]})]}),(he>0||V||K||U&&oe.length>0)&&e.jsxs(u,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[he>0&&e.jsx(f,{size:"small",value:xe,onChange:e=>{return r=Number(e.target.value),void(ie?(null==F||F(r),null==W||W(1)):(de(r),ne(1)));var r},children:[1,2,3,5,10,20,50,100].map((r=>e.jsxs(j,{value:r,children:["Mostrar ",r]},r)))}),he>0&&e.jsxs(u,{display:"flex",alignItems:"center",gap:.5,sx:{flexGrow:1,justifyContent:"center"},children:[e.jsx(g,{onClick:()=>ue(1),disabled:me<=1,size:"small",color:"primary",children:e.jsx(w,{fontSize:"small"})}),e.jsx(g,{onClick:()=>ue(me-1),disabled:me<=1,size:"small",color:"primary",children:e.jsx(k,{fontSize:"small"})}),fe.map((r=>e.jsx(b,{onClick:()=>ue(r),variant:me===r?"contained":"text",size:"small",sx:{minWidth:"32px",height:"32px"},children:r},r))),e.jsx(g,{onClick:()=>ue(me+1),disabled:me>=he,size:"small",color:"primary",children:e.jsx(S,{fontSize:"small"})}),e.jsx(g,{onClick:()=>ue(he),disabled:me>=he,size:"small",color:"primary",children:e.jsx(C,{fontSize:"small"})})]}),U&&oe.length>0&&e.jsxs(p,{variant:"subtitle2",sx:{mr:2},children:[oe.length," seleccionados"]}),(V||K)&&e.jsxs(u,{display:"flex",alignItems:"center",gap:1,children:[V&&e.jsx(b,{variant:"text",color:"primary",onClick:()=>z({data:r,columns:Q,fileName:q,exportColumns:D,setSnackbarOpen:Y,setSnackbarMessage:ee,setSnackbarSeverity:te}),size:"small",startIcon:e.jsx(v,{}),children:B}),K&&e.jsx(b,{variant:"text",color:"primary",onClick:()=>E({data:r,columns:Q,fileName:L,exportColumns:H,setSnackbarOpen:Y,setSnackbarMessage:ee,setSnackbarSeverity:te}),size:"small",startIcon:e.jsx(v,{}),children:G})]})]}),e.jsx(y,{open:X,autoHideDuration:3e3,onClose:se,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:e.jsx(I,{onClose:se,severity:re,sx:{width:"100%"},children:Z})})]})}export{M as Table,M as default};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import r,{Children as t,isValidElement as s,useState as o,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 C from"../../node_modules/@mui/icons-material/esm/LastPage.js";import v from"../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft.js";import S 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:T=5,enableCSVExport:V=!1,csvExportFileName:q="data.csv",csvExportButtonText:B="Exportar CSV",csvExportColumns:D,enableExcelExport:K=!1,excelExportFileName:L="data.xlsx",excelExportButtonText:W="Exportar Excel",excelExportColumns:G,enableRowSelection:H=!1,rowIdentifier:U,onSelectionChange:$}){const J=t.toArray(E).filter((e=>s(e)&&"Column"===e.type.displayName)),[Q,X]=o(!1),[Y,Z]=o(""),[ee,re]=o("info"),[te,se]=o([]);l((()=>{se([])}),[r,F,I]),l((()=>{null==$||$(te)}),[te,$]);const oe=(e,r)=>{"clickaway"!==r&&X(!1)},le="function"==typeof O&&"number"==typeof F,[ie,ne]=o(1),[ae,ce]=o(_),de=le?F:ie,me=le?I:ae,xe=le?r:r.slice((de-1)*me,de*me),pe=le?M:Math.ceil(r.length/me),he=e=>{e<1||e>pe||(le?null==O||O(e):ne(e))},ue=(()=>{const e=[],r=pe,t=de,s=Math.floor(T/2);let o=Math.max(1,t-s),l=Math.min(r,t+s);l-o+1<T&&(1===o?l=Math.min(r,o+T-1):l===r&&(o=Math.max(1,r-T+1)));for(let r=o;r<=l;r++)e.push(r);return e})(),fe=e=>!!U&&te.some((r=>r[U]===e[U])),je=xe.filter(fe).length,ge=xe.length>0&&je===xe.length,be=je>0&&je<xe.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:be,checked:ge,onChange:e=>{if(U)if(e.target.checked){const e=[...te];xe.forEach((r=>{const t=r[U];e.some((e=>e[U]===t))||e.push(r)})),se(e)}else{const e=te.filter((e=>!xe.some((r=>r[U]===e[U]))));se(e)}else console.warn("`rowIdentifier` prop is required for row selection.")},inputProps:{"aria-label":"select all desserts"}})]}),J.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:[xe.map(((r,t)=>{const s=H&&fe(r);return e.jsxs(c,{sx:{backgroundColor:"#F8F8F8","&:last-child td, &:last-child th":{border:0},"&:hover":{backgroundColor:e=>"#FFF"}},selected:s,children:[H&&e.jsxs(d,{padding:"checkbox",sx:{width:"50px"},children:[" ",e.jsx(m,{color:"primary",checked:s,onClick:e=>((e,r)=>{if(!U)return void console.warn("`rowIdentifier` prop is required for row selection.");const t=r[U],s=te.findIndex((e=>e[U]===t));let o=[];-1===s?o=o.concat(te,r):0===s?o=o.concat(te.slice(1)):s===te.length-1?o=o.concat(te.slice(0,-1)):s>0&&(o=o.concat(te.slice(0,s),te.slice(s+1))),se(o)})(0,r),inputProps:{"aria-labelledby":`table-checkbox-${t}`}})]}),J.map(((t,s)=>{const{field:o,children:l}=t.props;let i;return i=Array.isArray(o)?o.reduce(((e,t)=>(e[t]=r[t],e)),{}):{[o]:r[o]},e.jsx(d,{sx:{fontSize:"14px",width:t.props.width||"auto",whiteSpace:"nowrap"},children:l(i)},s)}))]},t)})),0===xe.length&&e.jsx(c,{children:e.jsx(d,{colSpan:J.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."})})})]})]}),(pe>0||V||K||H&&te.length>0)&&e.jsxs(h,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[pe>0&&e.jsx(u,{size:"small",value:me,onChange:e=>{return r=Number(e.target.value),void(le?(null==R||R(r),null==O||O(1)):(ce(r),ne(1)));var r},children:[1,2,3,5,10,20,50,100].map((r=>e.jsxs(f,{value:r,children:["Mostrar ",r]},r)))}),pe>0&&e.jsxs(h,{display:"flex",alignItems:"center",gap:.5,sx:{flexGrow:1,justifyContent:"center"},children:[e.jsx(j,{onClick:()=>he(1),disabled:de<=1,size:"small",color:"primary",children:e.jsx(w,{fontSize:"small"})}),e.jsx(j,{onClick:()=>he(de-1),disabled:de<=1,size:"small",color:"primary",children:e.jsx(v,{fontSize:"small"})}),ue.map((r=>e.jsx(g,{onClick:()=>he(r),variant:de===r?"contained":"text",size:"small",sx:{minWidth:"32px",height:"32px"},children:r},r))),e.jsx(j,{onClick:()=>he(de+1),disabled:de>=pe,size:"small",color:"primary",children:e.jsx(S,{fontSize:"small"})}),e.jsx(j,{onClick:()=>he(pe),disabled:de>=pe,size:"small",color:"primary",children:e.jsx(C,{fontSize:"small"})})]}),H&&te.length>0&&e.jsxs(x,{variant:"subtitle2",sx:{mr:2},children:[te.length," seleccionados"]}),(V||K)&&e.jsxs(h,{display:"flex",alignItems:"center",gap:1,children:[V&&e.jsx(g,{variant:"text",color:"primary",onClick:()=>k({data:r,columns:J,fileName:q,exportColumns:D,setSnackbarOpen:X,setSnackbarMessage:Z,setSnackbarSeverity:re}),size:"small",startIcon:e.jsx(y,{}),children:B}),K&&e.jsx(g,{variant:"text",color:"primary",onClick:()=>z({data:r,columns:J,fileName:L,exportColumns:G,setSnackbarOpen:X,setSnackbarMessage:Z,setSnackbarSeverity:re}),size:"small",startIcon:e.jsx(y,{}),children:W})]})]}),e.jsx(b,{open:Q,autoHideDuration:3e3,onClose:oe,anchorOrigin:{vertical:"bottom",horizontal:"center"},children:e.jsx(P,{onClose:oe,severity:ee,sx:{width:"100%"},children:Y})})]})}export{F as Table,F as default};
2
2
  //# sourceMappingURL=Table.js.map
@@ -1,5 +1,8 @@
1
1
  import * as React from "react";
2
- import { TimelineItemProps } from "./TimelineItem";
2
+ import { TimelineItemProps as MuiTimelineItemProps } from "@mui/lab/TimelineItem";
3
+ interface TimelineItemProps extends MuiTimelineItemProps {
4
+ connectorColor?: string;
5
+ }
3
6
  interface TimelineProps {
4
7
  children: React.ReactElement<TimelineItemProps>[];
5
8
  position?: "left" | "right" | "center";
@@ -0,0 +1,2 @@
1
+ import{j as r}from"../../../../_virtual/jsx-runtime.js";import t from"../../material/esm/utils/createSvgIcon.js";var a=t(r.jsx("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}),"Check");export{a as default};
2
+ //# sourceMappingURL=Check.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Check.js","sources":["../../../../../../node_modules/@mui/icons-material/esm/Check.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\n}), 'Check');"],"names":["CheckIcon","createSvgIcon","_jsx","jsx","d"],"mappings":"iHAIA,IAAAA,EAAeC,EAA2BC,EAAIC,IAAC,OAAQ,CACrDC,EAAG,sDACD","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ import{j as r}from"../../../../_virtual/jsx-runtime.js";import t from"../../material/esm/utils/createSvgIcon.js";var a=t(r.jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");export{a as default};
2
+ //# sourceMappingURL=Close.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Close.js","sources":["../../../../../../node_modules/@mui/icons-material/esm/Close.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');"],"names":["CloseIcon","createSvgIcon","_jsx","jsx","d"],"mappings":"iHAIA,IAAAA,EAAeC,EAA2BC,EAAIC,IAAC,OAAQ,CACrDC,EAAG,0GACD","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ import e from"../createStyled/createStyled.js";const t=e();export{t as default};
2
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":["../../../../../../../node_modules/@mui/system/esm/styled/styled.js"],"sourcesContent":["import createStyled from \"../createStyled/index.js\";\nconst styled = createStyled();\nexport default styled;"],"names":["styled","createStyled"],"mappings":"+CACK,MAACA,EAASC","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soyfri/shared-library",
3
- "version": "1.1.13",
3
+ "version": "1.1.14",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -54,6 +54,11 @@
54
54
  "require": "./cjs/components/Select.cjs",
55
55
  "types": "./esm/components/Select/Select.d.ts"
56
56
  },
57
+ "./components/InputGroup": {
58
+ "import": "./esm/components/InputGroup.js",
59
+ "require": "./cjs/components/InputGroup.cjs",
60
+ "types": "./esm/components/InputGroup/InputGroup.d.ts"
61
+ },
57
62
  "./components/Input": {
58
63
  "import": "./esm/components/Input.js",
59
64
  "require": "./cjs/components/Input.cjs",
@@ -64,6 +69,11 @@
64
69
  "require": "./cjs/components/Icon.cjs",
65
70
  "types": "./esm/components/Icon/Icon.d.ts"
66
71
  },
72
+ "./components/Flyout": {
73
+ "import": "./esm/components/Flyout.js",
74
+ "require": "./cjs/components/Flyout.cjs",
75
+ "types": "./esm/components/Flyout/Flyout.d.ts"
76
+ },
67
77
  "./components/DateTimePicker": {
68
78
  "import": "./esm/components/DateTimePicker.js",
69
79
  "require": "./cjs/components/DateTimePicker.cjs",