@llmnative/react 1.19.0 → 1.19.2

package/templates/project/pages/tasks/TasksPage.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Grid, Badge, Input, Select, type BadgeType } from '@llmnative/react';
+
+const statusOptions = [
+    { label: 'To do', value: 'todo' },
+    { label: 'In progress', value: 'in-progress' },
+    { label: 'Done', value: 'done' },
+];
+
+const priorityOptions = [
+    { label: 'Low', value: 'low' },
+    { label: 'Medium', value: 'medium' },
+    { label: 'High', value: 'high' },
+];
+
+const priorityVariant: Record<string, BadgeType> = {
+    low: 'secondary',
+    medium: 'warning',
+    high: 'danger',
+};
+
+const statusVariant: Record<string, BadgeType> = {
+    todo: 'secondary',
+    'in-progress': 'primary',
+    done: 'success',
+};
+
+export default function TasksPage() {
+    return (
+        <Grid
+            path="/tasks"
+            columns={[
+                { key: 'title', label: 'Task', sortable: true },
+                { key: 'project', label: 'Project', sortable: true },
+                { key: 'assignee', label: 'Assignee' },
+                {
+                    key: 'priority',
+                    label: 'Priority',
+                    render: ({ value }) => (
+                        <Badge variant={priorityVariant[String(value)] ?? 'secondary'}>{String(value)}</Badge>
+                    ),
+                },
+                {
+                    key: 'status',
+                    label: 'Status',
+                    render: ({ value }) => (
+                        <Badge variant={statusVariant[String(value)] ?? 'secondary'}>{String(value)}</Badge>
+                    ),
+                },
+            ]}
+            actions={['add', 'edit', 'delete']}
+            view="table"
+            groupBy="status"
+            sortable
+            pagination={{ limit: 25 }}
+            form={
+                <>
+                    <Input name="title" label="Task title" required />
+                    <Input name="project" label="Project" />
+                    <Input name="assignee" label="Assignee" />
+                    <Select name="priority" label="Priority" options={priorityOptions} />
+                    <Select name="status" label="Status" options={statusOptions} />
+                </>
+            }
+        />
+    );
+}

package/templates/project/pages/team/TeamPage.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Grid, Input } from '@llmnative/react';
+
+export default function TeamPage() {
+    return (
+        <Grid
+            path="/team"
+            columns={[
+                { key: 'name', label: 'Name', sortable: true },
+                { key: 'role', label: 'Role' },
+                { key: 'email', label: 'Email' },
+            ]}
+            actions={['add', 'edit', 'delete']}
+            view="table"
+            sortable
+            form={
+                <>
+                    <Input name="name" label="Full name" required />
+                    <Input name="role" label="Role" />
+                    <Input name="email" label="Email" type="email" />
+                </>
+            }
+        />
+    );
+}

package/dist/logHeader-CbzOhx-u.js

@@ -1,2 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),l=`x-llmnative-log-id`;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
-//# sourceMappingURL=logHeader-CbzOhx-u.js.map