@anoki/fse-ui/dist/index.cjs152.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableCard/TableCard.css');const e=require("./index.cjs237.js");;/* empty css              */const a=require("react"),m=require("./index.cjs253.js"),p=require("./index.cjs117.js"),j=require("./index.cjs95.js"),b=require("./index.cjs96.js"),x=require("./index.cjs123.js"),R=require("./index.cjs61.js"),u=require("./index.cjs116.js"),h=require("./index.cjs44.js"),q=({title:c,headerTitle:l,data:r=[]})=>{const[i,d]=a.useState(""),n=m.useDebouncedValue(i.trim().toLowerCase(),300),o=a.useMemo(()=>n?r.filter(s=>[s.title,s.description].some(t=>t==null?void 0:t.toLowerCase().includes(n))):r,[n,r]);return e.jsxRuntimeExports.jsxs(x.Section,{className:"table-card",children:[e.jsxRuntimeExports.jsx(x.SectionHeading,{title:c,mdFs:"2",fs:"3",color:"primary",className:"table-card-section-title"}),e.jsxRuntimeExports.jsxs(R.Col,{children:[e.jsxRuntimeExports.jsx(u.Row,{alignItems:"flex-start",className:"header-row",justifyContent:"space-between",flexWrap:"wrap",children:e.jsxRuntimeExports.jsx("p",{className:"update-title",children:l})}),e.jsxRuntimeExports.jsxs(u.Row,{alignItems:"flex-start",className:"header-row border-bottom",justifyContent:"space-between",flexWrap:"wrap",children:[e.jsxRuntimeExports.jsxs("span",{className:"info",children:["(Numero elementi: ",o.length,")"]}),e.jsxRuntimeExports.jsx(p.Search,{variant:"outlined",btnText:"",helperText:"",value:i,onChangeValue:d})]}),e.jsxRuntimeExports.jsx(j.GridContainer,{gap:"x24",mt:"x32",px:"x12",children:o.map((s,t)=>e.jsxRuntimeExports.jsx(b.GridItem,{sm:6,md:4,children:e.jsxRuntimeExports.jsx(h.CardFile,{...s})},`table-card-${t}`))})]})]})};exports.TableCard=q;
//# sourceMappingURL=index.cjs152.js.map