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/OrderDetail.js

@@ -0,0 +1,201 @@
+// 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 OrderDetailList = (props) => {
+    return (
+        <List {...props} sort={{ field: 'Id', order: 'ASC' }}>
+            <Datagrid rowClick="show">
+                <TextField source="Id" label="ID" />
+                <ReferenceField source="ProductId" reference="Product" label="Product">
+                    <TextField source="ProductName" />
+                </ReferenceField>
+                <ReferenceField source="OrderId" reference="Order" label="Order">
+                    <TextField source="Id" />
+                </ReferenceField>
+                <NumberField source="UnitPrice" label="Unit Price" options={{ style: 'currency', currency: 'USD' }} />
+                <NumberField source="Quantity" label="Quantity" />
+                <NumberField source="Discount" label="Discount" />
+                <NumberField source="Amount" label="Amount" options={{ style: 'currency', currency: 'USD' }} />
+                <DateField source="ShippedDate" label="Shipped Date" />
+                <EditButton />
+                <DeleteButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Order Detail Show
+export const OrderDetailShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Order Detail
+                    </Typography>
+                    <Grid container spacing={2} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="ID">
+                                    <TextField source="Id" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Product">
+                                    <ReferenceField source="ProductId" reference="Product">
+                                        <TextField source="ProductName" />
+                                    </ReferenceField>
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Order">
+                                    <ReferenceField source="OrderId" reference="Order">
+                                        <TextField source="Id" />
+                                    </ReferenceField>
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Unit Price">
+                                    <NumberField source="UnitPrice" options={{ style: 'currency', currency: 'USD' }} />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Quantity">
+                                    <NumberField source="Quantity" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Discount">
+                                    <NumberField source="Discount" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Amount">
+                                    <NumberField source="Amount" options={{ style: 'currency', currency: 'USD' }} />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Shipped Date">
+                                    <DateField source="ShippedDate" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleShowLayout>
+        </Show>
+    );
+};
+
+// Order Detail Create
+export const OrderDetailCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Order Detail
+                    </Typography>
+                    <Grid container spacing={2} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="ProductId" reference="Product" fullWidth>
+                                    <SelectInput optionText="ProductName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="OrderId" reference="Order" fullWidth>
+                                    <SelectInput optionText="Id" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Quantity" validate={required()} fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Discount" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Order Detail Edit
+export const OrderDetailEdit = (props) => {
+    return (
+        <Edit {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Order Detail
+                    </Typography>
+                    <Grid container spacing={2} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="ProductId" reference="Product" fullWidth>
+                                    <SelectInput optionText="ProductName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="OrderId" reference="Order" fullWidth>
+                                    <SelectInput optionText="Id" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Quantity" validate={required()} fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Discount" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: OrderDetailList,
+    show: OrderDetailShow,
+    create: OrderDetailCreate,
+    edit: OrderDetailEdit,
+};

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

@@ -0,0 +1,226 @@
+// 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 ProductFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search Product Name" source="ProductName" alwaysOn />
+        <BooleanInput label="Discontinued" source="Discontinued" />
+    </Filter>
+);
+
+// Product List
+export const ProductList = (props) => {
+    return (
+        <List filters={<ProductFilter />} {...props} sort={{ field: 'ProductName', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="ProductName" label="Product Name" />
+                <NumberField source="UnitPrice" label="Price" options={{ style: 'currency', currency: 'USD' }} />
+                <NumberField source="UnitsInStock" label="Units In Stock" />
+                <BooleanField source="Discontinued" label="Discontinued" />
+                <EditButton />
+                <DeleteButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Product Show
+export const ProductShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Product Details
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Product Name">
+                                    <TextField source="ProductName" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Price">
+                                    <NumberField source="UnitPrice" options={{ style: 'currency', currency: 'USD' }} />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Units In Stock">
+                                    <NumberField source="UnitsInStock" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Discontinued">
+                                    <BooleanField source="Discontinued" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                    <Divider sx={{ my: 2 }} />
+                </Box>
+            </SimpleShowLayout>
+            <TabbedShowLayout>
+                <Tab label="Order Details">
+                    <ReferenceManyField reference="OrderDetail" target="ProductId" addLabel={false} pagination={<Pagination />}>
+                        <Datagrid rowClick="show">
+                            <TextField source="Id" label="Detail ID" />
+                            <NumberField source="Quantity" label="Quantity" />
+                            <NumberField source="Amount" label="Amount" options={{ style: 'currency', currency: 'USD' }} />
+                            <EditButton />
+                            <DeleteButton />
+                        </Datagrid>
+                    </ReferenceManyField>
+                    <AddOrderDetailButton />
+                </Tab>
+            </TabbedShowLayout>
+        </Show>
+    );
+};
+
+// Custom Add Order Detail Button
+const AddOrderDetailButton = () => {
+    const record = useRecordContext();
+    const redirect = useRedirect();
+    
+    const handleClick = () => {
+        redirect(`/OrderDetail/create?source=${encodeURIComponent(JSON.stringify({ ProductId: record?.id }))}`);
+    };
+
+    return (
+        <Button
+            variant="contained"
+            color="primary"
+            startIcon={<AddIcon />}
+            onClick={handleClick}
+            sx={{ mt: 2 }}
+        >
+            Add New Order Detail
+        </Button>
+    );
+};
+
+// Product Create
+export const ProductCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Product
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="ProductName" label="Product Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="UnitPrice" label="Unit Price (USD)" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="UnitsInStock" label="Units In Stock" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <BooleanInput source="Discontinued" label="Discontinued" />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="SupplierId" reference="Supplier" fullWidth>
+                                    <SelectInput optionText="CompanyName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="CategoryId" reference="Category" fullWidth>
+                                    <SelectInput optionText="CategoryName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Product Edit
+export const ProductEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Product
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="ProductName" label="Product Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="UnitPrice" label="Unit Price (USD)" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="UnitsInStock" label="Units In Stock" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <BooleanInput source="Discontinued" label="Discontinued" />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="SupplierId" reference="Supplier" fullWidth>
+                                    <SelectInput optionText="CompanyName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="CategoryId" reference="Category" fullWidth>
+                                    <SelectInput optionText="CategoryName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: ProductList,
+    show: ProductShow,
+    create: ProductCreate,
+    edit: ProductEdit,
+};

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

@@ -0,0 +1,104 @@
+// 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 RegionFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="RegionDescription" alwaysOn />
+    </Filter>
+);
+
+// Region List
+export const RegionList = (props) => {
+    return (
+        <List filters={<RegionFilter />} {...props} sort={{ field: 'RegionDescription', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="RegionDescription" label="Region Description" />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Region Show
+export const RegionShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Region Information
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextField source="RegionDescription" label="Region Description" />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                    <Divider sx={{ my: 2 }} />
+                </Box>
+            </SimpleShowLayout>
+        </Show>
+    );
+};
+
+// Region Create
+export const RegionCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Region
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="RegionDescription" label="Region Description" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Region Edit
+export const RegionEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Region
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="RegionDescription" label="Region Description" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+// Export the entry points for the React Admin interface
+export default {
+    list: RegionList,
+    show: RegionShow,
+    create: RegionCreate,
+    edit: RegionEdit,
+};

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

@@ -0,0 +1,120 @@
+// 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 ShipperFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="CompanyName" alwaysOn />
+    </Filter>
+);
+
+// Shipper List
+export const ShipperList = (props) => {
+    return (
+        <List filters={<ShipperFilter />} {...props} sort={{ field: 'CompanyName', order: 'ASC' }}>
+            <Datagrid rowClick="show">
+                <TextField source="CompanyName" label="Company Name" />
+                <TextField source="Phone" label="Phone" />
+                <EditButton />
+                <DeleteButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Shipper Show
+export const ShipperShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Shipper Information
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextField source="CompanyName" label="Company Name" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextField source="Phone" label="Phone" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Show>
+    );
+};
+
+// Shipper Create
+export const ShipperCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Shipper
+                    </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" validate={required()} fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Phone" label="Phone" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Shipper Edit
+export const ShipperEdit = (props) => {
+    return (
+        <Edit {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Shipper
+                    </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" validate={required()} fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Phone" label="Phone" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: ShipperList,
+    show: ShipperShow,
+    create: ShipperCreate,
+    edit: ShipperEdit,
+};