ApiLogicServer 15.0.27__py3-none-any.whl → 15.0.32__py3-none-any.whl

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/Customer.js

@@ -0,0 +1,193 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const CustomerFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search by Company Name" source="CompanyName" alwaysOn />
+        <BooleanInput label="Email Opt Out" source="email_opt_out" />
+    </Filter>
+);
+
+// Customer List
+export const CustomerList = (props) => (
+    <List filters={<CustomerFilter />} {...props} sort={{ field: 'CompanyName', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+        <Datagrid rowClick="show">
+            <TextField source="CompanyName" label="Company Name" />
+            <TextField source="ContactName" label="Contact Name" />
+            <TextField source="City" label="City" />
+            <TextField source="Country" label="Country" />
+            <NumberField source="Balance" label="Balance" options={{ style: 'currency', currency: 'USD' }} />
+            <EditButton />
+            <DeleteButton />
+        </Datagrid>
+    </List>
+);
+
+// Customer Show
+export const CustomerShow = (props) => (
+    <Show {...props}>
+        <SimpleShowLayout>
+            <Box sx={{ mb: 3 }}>
+                <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                    Customer Information
+                </Typography>
+                <Grid container spacing={3} sx={{ mb: 2 }}>
+                    <Grid item xs={12} sm={6} md={3}>
+                        <Box sx={{ p: 1 }}>
+                            <Labeled label="Company Name">
+                                <TextField source="CompanyName" />
+                            </Labeled>
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={3}>
+                        <Box sx={{ p: 1 }}>
+                            <Labeled label="Balance">
+                                <NumberField source="Balance" options={{ style: 'currency', currency: 'USD' }} />
+                            </Labeled>
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={3}>
+                        <Box sx={{ p: 1 }}>
+                            <Labeled label="Contact Name">
+                                <TextField source="ContactName" />
+                            </Labeled>
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={3}>
+                        <Box sx={{ p: 1 }}>
+                            <Labeled label="Contact Title">
+                                <TextField source="ContactTitle" />
+                            </Labeled>
+                        </Box>
+                    </Grid>
+                </Grid>
+                <Divider sx={{ my: 2 }} />
+            </Box>
+        </SimpleShowLayout>
+        <TabbedShowLayout>
+            <Tab label="Orders">
+                <ReferenceManyField reference="Order" target="CustomerId" addLabel={false} pagination={<Pagination />}>
+                    <Datagrid rowClick="show">
+                        <TextField source="Id" label="Order ID" />
+                        <TextField source="ShipName" label="Ship Name" />
+                        <DateField source="OrderDate" label="Order Date" />
+                        <NumberField source="AmountTotal" label="Amount Total" options={{ style: 'currency', currency: 'USD' }} />
+                        <DateField source="ShippedDate" label="Shipped Date" />
+                        <EditButton />
+                        <DeleteButton />
+                    </Datagrid>
+                </ReferenceManyField>
+                <AddOrderButton />
+            </Tab>
+        </TabbedShowLayout>
+    </Show>
+);
+
+// Custom Add Order Button
+const AddOrderButton = () => {
+    const record = useRecordContext();
+    const redirect = useRedirect();
+    
+    const handleClick = () => {
+        redirect(`/Order/create?source=${encodeURIComponent(JSON.stringify({ CustomerId: record?.id }))}`);
+    };
+
+    return (
+        <Button
+            variant="contained"
+            color="primary"
+            startIcon={<AddIcon />}
+            onClick={handleClick}
+            sx={{ mt: 2 }}
+        >
+            Add New Order
+        </Button>
+    );
+};
+
+// Customer Create
+export const CustomerCreate = (props) => (
+    <Create {...props}>
+        <SimpleForm>
+            <Box sx={{ mb: 3 }}>
+                <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                    Create New Customer
+                </Typography>
+                <Grid container spacing={3} sx={{ mb: 2 }}>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="CompanyName" label="Company Name" fullWidth validate={required()} />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="ContactName" label="Contact Name" fullWidth />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <NumberInput source="Balance" label="Balance" fullWidth />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="ContactTitle" label="Contact Title" fullWidth />
+                        </Box>
+                    </Grid>
+                </Grid>
+            </Box>
+        </SimpleForm>
+    </Create>
+);
+
+// Customer Edit
+export const CustomerEdit = (props) => (
+    <Edit {...props} redirect={false}>
+        <SimpleForm>
+            <Box sx={{ mb: 3 }}>
+                <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                    Edit Customer
+                </Typography>
+                <Grid container spacing={3} sx={{ mb: 2 }}>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="CompanyName" label="Company Name" fullWidth validate={required()} />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="ContactName" label="Contact Name" fullWidth />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <NumberInput source="Balance" label="Balance" fullWidth />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="ContactTitle" label="Contact Title" fullWidth />
+                        </Box>
+                    </Grid>
+                </Grid>
+            </Box>
+        </SimpleForm>
+    </Edit>
+);
+
+export default {
+    list: CustomerList,
+    show: CustomerShow,
+    create: CustomerCreate,
+    edit: CustomerEdit,
+};

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/CustomerDemographic.js

@@ -0,0 +1,119 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const CustomerDemographicFilter = (props) => (
+  <div {...props}>
+    <TextInput label="Search by ID" source="Id" alwaysOn />
+  </div>
+);
+
+// CustomerDemographic List
+export const CustomerDemographicList = (props) => {
+  return (
+    <List filters={<CustomerDemographicFilter />} {...props} sort={{ field: 'Id', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} />}> 
+      <Datagrid rowClick="show">
+        <TextField source="Id" label="ID" />
+        <TextField source="CustomerDesc" label="Customer Description" />
+      </Datagrid>
+    </List>
+  );
+};
+
+// CustomerDemographic Show
+export const CustomerDemographicShow = (props) => {
+  return (
+    <Show {...props}>
+      <SimpleShowLayout>
+        <Box sx={{ mb: 3 }}>
+          <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+            Customer Demographic Information
+          </Typography>
+          <Grid container spacing={2}>
+            <Grid item xs={12}>
+              <Labeled label="ID">
+                <TextField source="Id" />
+              </Labeled>
+            </Grid>
+            <Grid item xs={12}>
+              <Labeled label="Customer Description">
+                <TextField source="CustomerDesc" />
+              </Labeled>
+            </Grid>
+          </Grid>
+          <Divider sx={{ my: 2 }} />
+        </Box>
+      </SimpleShowLayout>
+    </Show>
+  );
+};
+
+// CustomerDemographic Create
+export const CustomerDemographicCreate = (props) => {
+  return (
+    <Create {...props}>
+      <SimpleForm>
+        <Box sx={{ mb: 3 }}>
+          <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+            Create New Customer Demographic
+          </Typography>
+          <Grid container spacing={3} sx={{ mb: 2 }}>
+            <Grid item xs={12} sm={6} md={4}>
+              <Box sx={{ p: 1 }}>
+                <TextInput source="Id" label="ID" fullWidth validate={required()} />
+              </Box>
+            </Grid>
+            <Grid item xs={12} sm={6} md={8}>
+              <Box sx={{ p: 1 }}>
+                <TextInput source="CustomerDesc" label="Customer Description" fullWidth />
+              </Box>
+            </Grid>
+          </Grid>
+        </Box>
+      </SimpleForm>
+    </Create>
+  );
+};
+
+// CustomerDemographic Edit
+export const CustomerDemographicEdit = (props) => {
+  return (
+    <Edit {...props}>
+      <SimpleForm>
+        <Box sx={{ mb: 3 }}>
+          <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+            Edit Customer Demographic
+          </Typography>
+          <Grid container spacing={3} sx={{ mb: 2 }}>
+            <Grid item xs={12} sm={6} md={4}>
+              <Box sx={{ p: 1 }}>
+                <TextInput source="Id" label="ID" fullWidth disabled />
+              </Box>
+            </Grid>
+            <Grid item xs={12} sm={6} md={8}>
+              <Box sx={{ p: 1 }}>
+                <TextInput source="CustomerDesc" label="Customer Description" fullWidth />
+              </Box>
+            </Grid>
+          </Grid>
+        </Box>
+      </SimpleForm>
+    </Edit>
+  );
+};
+
+export default {
+  list: CustomerDemographicList,
+  show: CustomerDemographicShow,
+  create: CustomerDemographicCreate,
+  edit: CustomerDemographicEdit,
+};

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/Department.js

@@ -0,0 +1,144 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+export const DepartmentList = (props) => (
+    <List {...props} sort={{ field: 'DepartmentName', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+        <Datagrid rowClick="show">
+            <TextField source="DepartmentName" label="Department Name" />
+            <NumberField source="SecurityLevel" label="Security Level" />
+        </Datagrid>
+    </List>
+);
+
+// Department Show
+export const DepartmentShow = (props) => (
+    <Show {...props}>
+        <SimpleShowLayout>
+            <Box sx={{ mb: 3 }}>
+                <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                    Department Information
+                </Typography>
+                <Grid container spacing={3} sx={{ mb: 2 }}>
+                    <Grid item xs={12} sm={6} md={3}>
+                        <Box sx={{ p: 1 }}>
+                            <Labeled label="Department Name">
+                                <TextField source="DepartmentName" />
+                            </Labeled>
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={3}>
+                        <Box sx={{ p: 1 }}>
+                            <Labeled label="Security Level">
+                                <NumberField source="SecurityLevel" />
+                            </Labeled>
+                        </Box>
+                    </Grid>
+                </Grid>
+                <Divider sx={{ my: 2 }} />
+            </Box>
+        </SimpleShowLayout>
+        <TabbedShowLayout>
+            <Tab label="Employee List">
+                <ReferenceManyField reference="Employee" target="OnLoanDepartmentId" addLabel={false} pagination={<Pagination />}>
+                    <Datagrid rowClick="show">
+                        <TextField source="LastName" label="Last Name" />
+                        <TextField source="FirstName" label="First Name" />
+                        <DateField source="HireDate" label="Hire Date" />
+                        <EditButton />
+                        <DeleteButton />
+                    </Datagrid>
+                </ReferenceManyField>
+                <AddEmployeeButton />
+            </Tab>
+        </TabbedShowLayout>
+    </Show>
+);
+
+// Custom Add Employee Button
+const AddEmployeeButton = () => {
+    const record = useRecordContext();
+    const redirect = useRedirect();
+    
+    const handleClick = () => {
+        redirect(`/Employee/create?source=${encodeURIComponent(JSON.stringify({ OnLoanDepartmentId: record?.id }))}`);
+    };
+
+    return (
+        <Button
+            variant="contained"
+            color="primary"
+            startIcon={<AddIcon />}
+            onClick={handleClick}
+            sx={{ mt: 2 }}
+        >
+            Add New Employee
+        </Button>
+    );
+};
+
+// Department Create
+export const DepartmentCreate = (props) => (
+    <Create {...props}>
+        <SimpleForm>
+            <Box sx={{ mb: 3 }}>
+                <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                    Create New Department
+                </Typography>
+                <Grid container spacing={3} sx={{ mb: 2 }}>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="DepartmentName" label="Department Name" fullWidth />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <NumberInput source="SecurityLevel" label="Security Level" fullWidth />
+                        </Box>
+                    </Grid>
+                </Grid>
+            </Box>
+        </SimpleForm>
+    </Create>
+);
+
+// Department Edit
+export const DepartmentEdit = (props) => (
+    <Edit {...props} redirect={false}>
+        <SimpleForm>
+            <Box sx={{ mb: 3 }}>
+                <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                    Edit Department
+                </Typography>
+                <Grid container spacing={3} sx={{ mb: 2 }}>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <TextInput source="DepartmentName" label="Department Name" fullWidth />
+                        </Box>
+                    </Grid>
+                    <Grid item xs={12} sm={6} md={4}>
+                        <Box sx={{ p: 1 }}>
+                            <NumberInput source="SecurityLevel" label="Security Level" fullWidth />
+                        </Box>
+                    </Grid>
+                </Grid>
+            </Box>
+        </SimpleForm>
+    </Edit>
+);
+
+export default {
+    list: DepartmentList,
+    show: DepartmentShow,
+    create: DepartmentCreate,
+    edit: DepartmentEdit,
+};

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/Employee.js

@@ -0,0 +1,213 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const EmployeeFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="LastName" alwaysOn />
+    </Filter>
+);
+
+// Employee List
+export const EmployeeList = (props) => {
+    return (
+        <List filters={<EmployeeFilter />} {...props} sort={{ field: 'LastName', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="LastName" label="Last Name" />
+                <TextField source="FirstName" label="First Name" />
+                <EmailField source="Email" label="Email" />
+                <NumberField source="Salary" label="Salary" options={{ style: 'currency', currency: 'USD'}} />
+                <ReferenceField source="WorksForDepartmentId" reference="Department" label="Department">
+                    <TextField source="DepartmentName" />
+                </ReferenceField>
+                <EditButton />
+                <DeleteButton />
+                <ShowButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Employee Show
+export const EmployeeShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Employee Information
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Last Name">
+                                    <TextField source="LastName" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="First Name">
+                                    <TextField source="FirstName" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Salary">
+                                    <NumberField source="Salary" options={{ style: 'currency', currency: 'USD'}} />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Email">
+                                    <EmailField source="Email" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                    <Divider sx={{ my: 2 }} />
+                </Box>
+            </SimpleShowLayout>
+            <TabbedShowLayout>
+                <Tab label="Audit Logs">
+                    <ReferenceManyField reference="EmployeeAudit" target="EmployeeId" addLabel={false} pagination={<Pagination />}> 
+                        <Datagrid rowClick="show">
+                            <TextField source="Id" label="Audit ID" />
+                            <TextField source="LastName" label="Last Name" />
+                            <TextField source="FirstName" label="First Name" />
+                            <DateField source="CreatedOn" label="Created On" />
+                            <EditButton />
+                            <DeleteButton />
+                        </Datagrid>
+                    </ReferenceManyField>
+                </Tab>
+                <Tab label="Territories">
+                    <ReferenceManyField reference="EmployeeTerritory" target="EmployeeId" addLabel={false} pagination={<Pagination />}> 
+                        <Datagrid rowClick="show">
+                            <NumberField source="TerritoryId" label="Territory ID" />
+                            <EditButton />
+                            <DeleteButton />
+                        </Datagrid>
+                    </ReferenceManyField>
+                </Tab>
+                <Tab label="Order History">
+                    <ReferenceManyField reference="Order" target="EmployeeId" addLabel={false} pagination={<Pagination />}> 
+                        <Datagrid rowClick="show">
+                            <TextField source="Id" label="Order ID" />
+                            <DateField source="OrderDate" label="Order Date" />
+                            <NumberField source="AmountTotal" label="Total Amount" options={{ style: 'currency', currency: 'USD'}} />
+                            <EditButton />
+                            <DeleteButton />
+                        </Datagrid>
+                    </ReferenceManyField>
+                </Tab>
+            </TabbedShowLayout>
+        </Show>
+    );
+};
+
+// Employee Create
+export const EmployeeCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Employee
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="LastName" label="Last Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="FirstName" label="First Name" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Email" label="Email" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Salary" label="Salary" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="WorksForDepartmentId" reference="Department" fullWidth>
+                                    <SelectInput optionText="DepartmentName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Employee Edit
+export const EmployeeEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Employee
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="LastName" label="Last Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="FirstName" label="First Name" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Email" label="Email" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Salary" label="Salary" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="WorksForDepartmentId" reference="Department" fullWidth>
+                                    <SelectInput optionText="DepartmentName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: EmployeeList,
+    show: EmployeeShow,
+    create: EmployeeCreate,
+    edit: EmployeeEdit,
+};