@donotdev/crud 0.0.9 → 0.0.11

package/dist/components/EntityCardList.d.ts

@@ -1,29 +0,0 @@
-import type { Entity } from '@donotdev/core';
-export interface EntityCardListProps {
-    /** The entity definition */
-    entity: Entity;
-    /** View handler - called when card is clicked */
-    onView: (id: string) => void;
-    /** Grid columns (responsive) - defaults to [1, 2, 3, 4] */
-    cols?: number | [number, number, number, number];
-    /** Cache stale time is ms - defaults to 30 mins */
-    staleTime?: number;
-    /** Optional filter function to filter items client-side */
-    filter?: (item: any) => boolean;
-    /** Hide filters section (default: false) */
-    hideFilters?: boolean;
-}
-/**
- * Entity Card List Component - Card grid view for public/user-facing browsing
- *
- * Features:
- * - Responsive card grid layout
- * - Image + key fields display
- * - Click card to navigate to detail
- * - Simple formatted text display (no boxes, just labels + values)
- * - Empty state handling
- * - Default routing: `/${entity.collection}/${id}` for view
- */
-export declare function EntityCardList({ entity, onView, cols, staleTime, // 30 minutes default cache
-filter, hideFilters, }: EntityCardListProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EntityCardList.d.ts.map

package/dist/components/EntityCardList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityCardList.d.ts","sourceRoot":"","sources":["../../src/components/EntityCardList.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAO7C,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjD,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,IAAmB,EACnB,SAA0B,EAAE,2BAA2B;AACvD,MAAM,EACN,WAAmB,GACpB,EAAE,mBAAmB,2CAkOrB"}

package/dist/components/EntityCardList.js

@@ -1 +0,0 @@
-"use client";import{jsx as r,jsxs as f,Fragment as _}from"react/jsx-runtime";import{useMemo as m,useCallback as k,useState as D}from"react";import{Grid as E,Card as R,Stack as v,Text as g,Section as w}from"@donotdev/components";import{useTranslation as y}from"@donotdev/core";import{translateFieldLabel as B}from"../forms/utils";import{useCrudCardList as G}from"../useCrudCardList";import{formatValue as M}from"./DisplayFieldRenderer";import{EntityFilters as q,matchesFilter as z}from"./EntityFilters";function N({entity:t,onView:j,cols:L=[1,2,3,4],staleTime:O=1e3*60*30,filter:h,hideFilters:T=!1}){const{data:$,loading:A}=G(t,{staleTime:O}),p=$?.items||[],[d,I]=D({}),V=k(e=>Object.keys(d).length===0?!0:Object.entries(d).every(([l,s])=>{const i=e[l],a=t.fields[l]?.type||"text";return z(i,s,a)}),[d,t.fields]),n=m(()=>{let e=p;return e=e.filter(V),h&&(e=e.filter(h)),e},[p,V,h]),{t:F}=y(t.namespace),{t:o}=y("crud"),U=k(e=>{j(e)},[j]),c=m(()=>{const e=t.listCardFields??t.listFields;return e&&e.length>0?e:Object.keys(t.fields).slice(0,4)},[t.listCardFields,t.listFields,t.fields]),u=m(()=>{const e=c.filter(s=>{const i=t.fields[s];return i?.type==="image"||i?.type==="images"});return e.length>0?e[0]:Object.keys(t.fields).filter(s=>{const i=t.fields[s];return i?.type==="image"||i?.type==="images"})[0]||null},[c,t.fields]),x=m(()=>c.filter(e=>e!==u),[c,u]),S=F("name",{defaultValue:t.name});return f(_,{children:[!T&&r(w,{title:o("filters.title",{entity:S,defaultValue:`Browse ${S} - Filters`}),collapsible:!0,defaultOpen:!0,children:r(q,{entity:t,data:p,filters:d,onFiltersChange:I,fieldsToFilter:t.listCardFields})}),r(w,{title:A?o("results.title.fetching",{defaultValue:"Fetching..."}):o("results.title.count",{count:n.length,defaultValue:n.length===1?"Found 1 occurrence":`Found ${n.length} occurrences`}),collapsible:!0,defaultOpen:!0,children:n.length===0?f(v,{align:"center",justify:"center",gap:"medium",style:{padding:"var(--gap-3xl)",textAlign:"center"},children:[r(g,{level:"h3",style:{color:"var(--muted-foreground)"},children:o("emptyState.title",{defaultValue:`No ${t.name.toLowerCase()} found`})}),r(g,{style:{color:"var(--muted-foreground)"},children:o("emptyState.description",{defaultValue:`No ${t.name.toLowerCase()} available at this time.`})})]}):r(E,{cols:L,gap:"medium",children:n.map(e=>{const l=u?e[u]:null,s=l?typeof l=="string"?l:l?.url||l?.thumbUrl||Array.isArray(l)&&l[0]?.url||l[0]?.thumbUrl||l[0]:null,i=x[0],C=i?e[i]:e.id;return r(R,{title:String(C||""),clickable:!0,onClick:()=>U(e.id),elevated:!0,children:f(v,{direction:"column",gap:"medium",children:[s&&r("div",{style:{width:"100%",aspectRatio:"16/9",borderRadius:"var(--radius-md)",overflow:"hidden",backgroundColor:"var(--muted)"},children:r("img",{src:s,alt:String(C||""),style:{width:"100%",height:"100%",objectFit:"cover"}})}),r(v,{direction:"column",gap:"tight",children:x.slice(1,4).map(a=>{const b=t.fields[a];return b?f("div",{children:[r(g,{level:"small",variant:"muted",children:B(a,b,F)}),r(g,{children:M(e[a],b,F,{compact:!0})})]},a):null})})]})},e.id)})})})]})}export{N as EntityCardList};

package/dist/components/EntityList.d.ts

@@ -1,30 +0,0 @@
-import type { Entity } from '@donotdev/core';
-export interface EntityListProps {
-    /** The entity definition */
-    entity: Entity;
-    /** Current user role (for UI toggle only - backend enforces security) */
-    userRole?: string;
-    /** Edit handler - called when edit button is clicked */
-    onEdit: (id: string) => void;
-    /** View handler (row click) - called when row is clicked */
-    onView?: (id: string) => void;
-    /** Create handler - called when "Add New" button is clicked */
-    onCreate?: () => void;
-    /** Hide filters section (default: false) */
-    hideFilters?: boolean;
-    /** Pagination mode: 'client' (default) or 'server' for massive datasets */
-    pagination?: 'client' | 'server';
-    /** Default page size (default: 10) */
-    defaultPageSize?: number;
-}
-/**
- * Entity List Component - Table view for admin/internal operations
- *
- * Features:
- * - Filters section (collapsible) with actions and filter inputs
- * - Results section (collapsible) with DataTable
- * - Excel-like table display with formatted values
- * - Edit and Delete actions (admin only)
- */
-export declare function EntityList({ entity, userRole, onEdit, onView, onCreate, hideFilters, pagination, defaultPageSize, }: EntityListProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EntityList.d.ts.map

package/dist/components/EntityList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityList.d.ts","sourceRoot":"","sources":["../../src/components/EntityList.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAU7C,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACjC,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAkB,EAClB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,WAAmB,EACnB,UAAqB,EACrB,eAAoB,GACrB,EAAE,eAAe,2CAqSjB"}

package/dist/components/EntityList.js

@@ -1 +0,0 @@
-"use client";import{jsx as n,jsxs as f,Fragment as J}from"react/jsx-runtime";import{RefreshCw as K,Plus as U,Trash2 as W,Edit as X,Search as Y}from"lucide-react";import{useMemo as N,useCallback as o,useState as m}from"react";import{DataTable as Z,Button as V,Stack as y,ActionButton as ee,Section as R,Input as te}from"@donotdev/components";import{useTranslation as _}from"@donotdev/core";import{translateFieldLabel as ae}from"../forms/utils";import{useCrud as le}from"../useCrud";import{useCrudList as re}from"../useCrudList";import{formatValue as ne}from"./DisplayFieldRenderer";import{EntityFilters as ie,matchesFilter as se}from"./EntityFilters";function Fe({entity:l,userRole:oe="guest",onEdit:F,onView:g,onCreate:x,hideFilters:A=!1,pagination:h="client",defaultPageSize:B=10}){const[P,E]=m(1),[v,ue]=m(B),{data:S,loading:p,mutate:T}=re(l,{pagination:h,...h==="server"&&{page:P,pageSize:v}}),{delete:k}=le(l),{t:e}=_("crud"),b=S?.items||[],{t:u}=_(l.namespace),[c,z]=m({}),[d,Q]=m(""),$=o(async()=>{await T()},[T]),L=o(t=>{F(t)},[F]),M=o(t=>{g&&g(t)},[g]),j=o(async t=>{await k(t)},[k]),q=o(t=>{z(t)},[]),D=N(()=>{let t=b;if(d){const i=d.toLowerCase();t=t.filter(r=>Object.values(r).some(a=>a==null?!1:String(a).toLowerCase().includes(i)))}return Object.keys(c).length>0&&(t=t.filter(i=>Object.entries(c).every(([r,a])=>{const s=i[r],O=l.fields[r]?.type||"text";return se(s,a,O)}))),t},[b,d,c,l.fields]),G=N(()=>{const i=(l.listFields||Object.keys(l.fields)).map(r=>{const a=l.fields[r];if(!a)return null;const s=ae(r,a,u),C=a.type||"text";return{key:r,title:s,dataIndex:r,sortable:!0,filterable:!0,align:C==="number"||C==="range"?"end":"start",render:(H,de)=>ne(H,a,u,{compact:!0})}}).filter(Boolean);return i.unshift({key:"_actions",title:e("actions.label",{defaultValue:"Actions"}),dataIndex:void 0,sortable:!1,width:120,align:"center",render:(r,a)=>f(y,{direction:"row",gap:"tight",align:"center",justify:"center",children:[n(V,{variant:"outline",icon:X,onClick:s=>{s.stopPropagation(),L(a.id)},"aria-label":e("edit",{defaultValue:"Edit"})}),n(ee,{action:async()=>{await j(a.id)},confirmText:e("delete.confirm",{defaultValue:"Are you sure you want to delete this item?"}),confirmTitle:e("delete.title",{defaultValue:"Delete Item"}),loadingText:e("delete.loading",{defaultValue:"Deleting..."}),variant:"destructive",icon:W,"aria-label":e("delete",{defaultValue:"Delete"}),children:e("delete",{defaultValue:"Delete"})})]})}),i},[l,u,e,L,j]),I=u("name",{defaultValue:l.name}),w=D.length;return f(J,{children:[n(R,{title:e("filters.title",{entity:I,defaultValue:`Browse ${I} - Filters`}),collapsible:!0,defaultOpen:!0,children:f(y,{gap:"medium",children:[f(y,{direction:"row",gap:"tight",align:"center",className:"dndev-w-full",style:{display:"grid",gridTemplateColumns:"1fr auto auto"},children:[n(te,{placeholder:e("search.placeholder",{defaultValue:"Search..."}),value:d,onChange:t=>Q(t.target.value),icon:Y,className:"dndev-w-full"}),n(V,{icon:K,variant:"outline",onClick:$,disabled:p,display:"compact","aria-label":e("refresh",{defaultValue:"Refresh"})}),x&&n(V,{icon:U,onClick:x,display:"compact",children:e("addNew",{defaultValue:"Add New"})})]}),!A&&n(ie,{entity:l,data:b,filters:c,onFiltersChange:q,fieldsToFilter:l.listFields})]})}),n(R,{title:p?e("results.title.fetching",{defaultValue:"Fetching..."}):e("results.title.count",{count:w,defaultValue:w===1?"Found 1 occurrence":`Found ${w} occurrences`}),collapsible:!0,defaultOpen:!0,children:n(Z,{data:D,columns:G,sortable:!0,searchable:!1,pagination:!0,loading:p,onRowClick:t=>M(t.id),showingLabel:e("pagination.showing",{defaultValue:"Showing {{from}} to {{to}} of {{total}} entries"}),paginationPreviousLabel:e("pagination.previous",{defaultValue:"Previous"}),paginationNextLabel:e("pagination.next",{defaultValue:"Next"}),paginationItemsPerPagePlaceholder:e("pagination.itemsPerPagePlaceholder",{defaultValue:"Items per page"}),...h==="server"&&{currentPage:P,pageSize:v,total:S?.total,onPageChange:E}})})]})}export{Fe as EntityList};