ApiLogicServer 15.0.19__py3-none-any.whl → 15.0.20__py3-none-any.whl

api_logic_server_cli/prototypes/nw/ui/react_admin/src/Location.js

@@ -3,66 +3,60 @@ import {
   List,
   Datagrid,
   TextField,
-  EditButton,
-  ShowButton,
+  ReferenceManyField,
+  Show,
   SimpleShowLayout,
   TabbedShowLayout,
   Tab,
-  Show,
+  createFilter,
   Create,
   Edit,
   SimpleForm,
   TextInput,
-  ReferenceManyField,
-  ReferenceInput,
-  SelectInput,
-  required,
-  Filter,
-  Pagination,
 } from 'react-admin';
-import { Box } from '@mui/material';
-
-const LocationFilter = (props) => (
-  <Filter {...props}>
-    <TextInput label="Search" source="q" alwaysOn />
-    <TextInput label="Country" source="country" defaultValue="" />
-  </Filter>
-);
 
-export const LocationList = props => (
-  <List filters={<LocationFilter />} pagination={<Pagination rowsPerPageOptions={[5, 10, 25, 50]} />} {...props}>
+// List Component for Location
+export const LocationList = () => (
+  <List
+    filters={<LocationFilter />}
+    perPage={7}
+    title="Location List"
+  >
     <Datagrid rowClick="show">
-      <TextField source="country" label="Country" sortable={true} />
+      <TextField source="country" label="Country" />
       <TextField source="city" label="City" />
       <TextField source="notes" label="Notes" />
-      <EditButton />
-      <ShowButton />
     </Datagrid>
   </List>
 );
 
-export const LocationShow = props => (
-  <Show {...props}>
+// Filter Component for Location
+const LocationFilter = () => (
+  <createFilter>
+    <TextInput label="Country" source="country" alwaysOn />
+    <TextInput label="City" source="city" />
+  </createFilter>
+);
+
+// Show Component for Location
+export const LocationShow = (props) => (
+  <Show {...props} title="Location Details">
+    <SimpleShowLayout>
+      <TextField source="country" label="Country" />
+      <TextField source="city" label="City" />
+      <TextField source="notes" label="Notes" />
+    </SimpleShowLayout>
     <TabbedShowLayout>
-      <Tab label="Details">
-        <SimpleShowLayout>
-          <TextField source="country" label="Country" />
-          <TextField source="city" label="City" />
-          <TextField source="notes" label="Notes" />
-        </SimpleShowLayout>
-      </Tab>
-      <Tab label="Orders">
+      <Tab label="Order List">
         <ReferenceManyField
           reference="Order"
-          target="Location"
-          label="Orders in this Location"
-          pagination={<Pagination rowsPerPageOptions={[5, 10, 25, 50]} />}
+          target="City"
+          source="City"
+          label="Orders in City"
         >
-          <Datagrid>
-            <TextField source="id" label="Order ID" />
-            <TextField source="shipName" label="Ship Name" />
-            <TextField source="orderDate" label="Order Date" />
-            <ShowButton />
+          <Datagrid rowClick="show">
+            <TextField source="ShipName" label="Ship Name" />
+            <TextField source="OrderDate" label="Order Date" />
           </Datagrid>
         </ReferenceManyField>
       </Tab>
@@ -70,22 +64,24 @@ export const LocationShow = props => (
   </Show>
 );
 
-export const LocationCreate = props => (
-  <Create {...props}>
+// Create Component for Location
+export const LocationCreate = (props) => (
+  <Create {...props} title="Create a Location">
     <SimpleForm>
-      <TextInput source="country" label="Country" validate={required()} />
-      <TextInput source="city" label="City" validate={required()} />
+      <TextInput source="country" label="Country" />
+      <TextInput source="city" label="City" />
       <TextInput source="notes" label="Notes" />
     </SimpleForm>
   </Create>
 );
 
-export const LocationEdit = props => (
-  <Edit {...props}>
+// Edit Component for Location
+export const LocationEdit = (props) => (
+  <Edit {...props} title="Edit Location">
     <SimpleForm>
-      <TextInput source="country" label="Country" validate={required()} />
-      <TextInput source="city" label="City" validate={required()} />
+      <TextInput source="country" label="Country" />
+      <TextInput source="city" label="City" />
       <TextInput source="notes" label="Notes" />
     </SimpleForm>
   </Edit>
-);
+);

api_logic_server_cli/prototypes/nw/ui/react_admin/src/Order.js

@@ -1,80 +1,52 @@
-// src/Order.js
+// Order.js
 import React from 'react';
-import {
-    List,
-    Datagrid,
-    TextField,
-    DateField,
-    NumberField,
-    BooleanField,
-    ReferenceField,
-    ReferenceManyField,
-    Show,
-    TabbedShowLayout,
-    Tab,
-    SimpleShowLayout,
-    SimpleForm,
-    TextInput,
-    DateTimeInput,
-    ReferenceInput,
-    SelectInput,
-    Create,
-    Edit,
-    FunctionField,
-    Pagination,
-    Filter
-} from 'react-admin';
+import { List, Datagrid, TextField, DateField, NumberField, ReferenceField, ReferenceManyField, Show, TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput, ReferenceInput, SelectInput, Create, SimpleForm, Edit, Filter, Pagination, BooleanField, BooleanInput } from 'react-admin';
 
+// Order Filter
 const OrderFilter = (props) => (
     <Filter {...props}>
-        <TextInput label="Search Ship Name" source="ShipName" alwaysOn />
-        <TextInput label="Country" source="Country" />
-        <DateTimeInput label="Order Date" source="OrderDate" />
+        <TextInput label="Search" source="q" alwaysOn />
+        <TextInput source="ShipName" />
     </Filter>
 );
 
-export const OrderList = (props) => (
-    <List {...props} filters={<OrderFilter />} perPage={7} pagination={<Pagination />}>
+// Order List
+export const OrderList = props => (
+    <List {...props} filters={<OrderFilter />} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} />}>
         <Datagrid rowClick="show">
-            <TextField source="Id" />
+            <TextField source="ShipName" label="Ship Name" />
             <DateField source="OrderDate" />
-            <TextField source="ShipName" />
-            <TextField source="ShipAddress" />
-            <TextField source="ShipCity" />
-            <TextField source="ShipCountry" />
+            <ReferenceField source="CustomerId" reference="Customer"><TextField source="CompanyName" /></ReferenceField>
+            <ReferenceField source="EmployeeId" reference="Employee"><TextField source="LastName" /></ReferenceField>
+            <NumberField source="Freight" options={{ style: 'currency', currency: 'USD' }} />
             <BooleanField source="Ready" />
-            <ReferenceField label="Customer" source="CustomerId" reference="Customer">
-                <FunctionField render={record => record ? `${record.CompanyName}` : ''} />
-            </ReferenceField>
+            <NumberField source="Id" />
         </Datagrid>
     </List>
 );
 
-export const OrderShow = (props) => (
+// Order Show
+export const OrderShow = props => (
     <Show {...props}>
         <SimpleShowLayout>
-            <TextField source="Id" />
-            <DateField source="OrderDate" />
             <TextField source="ShipName" />
+            <DateField source="OrderDate" />
+            <ReferenceField source="CustomerId" reference="Customer"><TextField source="CompanyName" /></ReferenceField>
+            <ReferenceField source="EmployeeId" reference="Employee"><TextField source="LastName" /></ReferenceField>
+            <NumberField source="AmountTotal" label="Total Amount" options={{ style: 'currency', currency: 'USD' }} />
             <TextField source="ShipAddress" />
             <TextField source="ShipCity" />
             <TextField source="ShipCountry" />
             <BooleanField source="Ready" />
-            <NumberField source="AmountTotal" options={{ style: 'currency', currency: 'USD' }} />
-            <ReferenceField label="Customer" source="CustomerId" reference="Customer">
-                <FunctionField render={record => record ? `${record.CompanyName}` : ''} />
-            </ReferenceField>
         </SimpleShowLayout>
         <TabbedShowLayout>
             <Tab label="Order Details">
-                <ReferenceManyField reference="OrderDetail" target="OrderId" label="Order Detail List">
+                <ReferenceManyField reference="OrderDetail" target="OrderId">
                     <Datagrid>
-                        <ReferenceField source="ProductId" reference="Product">
-                            <FunctionField render={record => record ? `${record.ProductName}` : ''} />
-                        </ReferenceField>
+                        <ReferenceField source="ProductId" reference="Product"><TextField source="ProductName" /></ReferenceField>
                         <NumberField source="UnitPrice" options={{ style: 'currency', currency: 'USD' }} />
                         <NumberField source="Quantity" />
-                        <NumberField source="Discount" options={{ style: 'percent' }} />
+                        <NumberField source="Discount" />
                         <NumberField source="Amount" options={{ style: 'currency', currency: 'USD' }} />
                     </Datagrid>
                 </ReferenceManyField>
@@ -83,34 +55,44 @@ export const OrderShow = (props) => (
     </Show>
 );
 
-export const OrderCreate = (props) => (
+// Order Create
+export const OrderCreate = props => (
     <Create {...props}>
         <SimpleForm>
-            <ReferenceInput source="CustomerId" reference="Customer" required>
+            <TextInput source="ShipName" />
+            <DateTimeInput source="OrderDate" />
+            <ReferenceInput label="Customer" source="CustomerId" reference="Customer">
                 <SelectInput optionText="CompanyName" />
             </ReferenceInput>
-            <DateTimeInput source="OrderDate" />
-            <TextInput source="ShipName" />
+            <ReferenceInput label="Employee" source="EmployeeId" reference="Employee">
+                <SelectInput optionText="LastName" />
+            </ReferenceInput>
+            <NumberInput source="AmountTotal" />
             <TextInput source="ShipAddress" />
             <TextInput source="ShipCity" />
             <TextInput source="ShipCountry" />
-            <BooleanField source="Ready" /> # FIXEDME - BooleanField
+            <BooleanInput source="Ready" />
         </SimpleForm>
     </Create>
 );
 
-export const OrderEdit = (props) => (
+// Order Edit
+export const OrderEdit = props => (
     <Edit {...props}>
         <SimpleForm>
-            <ReferenceInput source="CustomerId" reference="Customer" required>
+            <TextInput source="ShipName" />
+            <DateTimeInput source="OrderDate" />
+            <ReferenceInput label="Customer" source="CustomerId" reference="Customer">
                 <SelectInput optionText="CompanyName" />
             </ReferenceInput>
-            <DateTimeInput source="OrderDate" />
-            <TextInput source="ShipName" />
+            <ReferenceInput label="Employee" source="EmployeeId" reference="Employee">
+                <SelectInput optionText="LastName" />
+            </ReferenceInput>
+            <NumberInput source="AmountTotal" />
             <TextInput source="ShipAddress" />
             <TextInput source="ShipCity" />
             <TextInput source="ShipCountry" />
-            <BooleanField source="Ready" /> # FIXEDME - BooleanField
+            <BooleanInput source="Ready" />
         </SimpleForm>
     </Edit>
 );

api_logic_server_cli/prototypes/nw/ui/react_admin/src/OrderDetail.js

@@ -1,121 +1,112 @@
-// `OrderDetail.js`
-
 import React from 'react';
 import {
-    List,
-    Datagrid,
-    TextField,
-    NumberField,
-    DateField,
-    FunctionField,
-    Show,
-    SimpleShowLayout,
-    TabbedShowLayout,
-    Tab,
-    ReferenceField,
-    TextInput,
-    NumberInput,
-    ReferenceInput,
-    SelectInput,
-    DateTimeInput,
-    BooleanInput,
-    SimpleForm,
-    Create,
-    Edit,
-    Filter,
-    Pagination,
-    BooleanField,
+  List,SelectInput,
+  FunctionField,
+  Datagrid,
+  TextField,
+  NumberField,
+  ReferenceField,
+  Show,
+  TabbedShowLayout,
+  Tab,
+  SimpleShowLayout,
+  TextInput,
+  NumberInput,
+  ReferenceInput,
+  Create,
+  SimpleForm,
+  Edit,
+  Filter,
+  Pagination,
+  BooleanField
 } from 'react-admin';
 
-// Filters for the OrderDetail list, allowing users to search and sort.
+// Filter component for OrderDetail
 const OrderDetailFilter = (props) => (
-    <Filter {...props}>
-        <TextInput label="Search" source="q" alwaysOn />
-        <ReferenceInput label="Product" source="ProductId" reference="Product" allowEmpty>
-            <SelectInput optionText="ProductName" />
-        </ReferenceInput>
-        <ReferenceInput label="Order" source="OrderId" reference="Order" allowEmpty>
-            <SelectInput optionText="Id" />
-        </ReferenceInput>
-    </Filter>
+  <Filter {...props}>
+    <TextInput label="Search by ID" source="Id" alwaysOn />
+    <ReferenceInput label="Order" source="OrderId" reference="Order" allowEmpty>
+      <NumberInput />
+    </ReferenceInput>
+    <ReferenceInput label="Product" source="ProductId" reference="Product" allowEmpty>
+      <NumberInput />
+    </ReferenceInput>
+  </Filter>
 );
 
-// Main list view with sorting, filtering, and pagination.
+// List component for OrderDetail
 export const OrderDetailList = (props) => (
-    <List
-        {...props}
-        filters={<OrderDetailFilter />}
-        perPage={7} // Shows 7 per page as specified
-        sort={{ field: 'Id', order: 'ASC' }}
-        pagination={<Pagination />}
-    >
-        <Datagrid rowClick="show">
-            <TextField source="Id" />
-            <ReferenceField label="Product" source="ProductId" reference="Product">
-                <TextField source="ProductName" />
-            </ReferenceField>
-            <ReferenceField label="Order" source="OrderId" reference="Order">
-                <TextField source="Id" />
-            </ReferenceField>
-            <NumberField source="UnitPrice" />
-            <NumberField source="Quantity" />
-            <NumberField source="Discount" />
-            <NumberField source="Amount" />
-            <DateField source="ShippedDate" />
-        </Datagrid>
-    </List>
+  <List {...props} filters={<OrderDetailFilter />} perPage={7} pagination={Pagination} sort={{ field: 'Id', order: 'ASC' }}>
+    <Datagrid rowClick="show">
+      <TextField source="Id" />
+      <ReferenceField label="Order" source="OrderId" reference="Order">
+        <TextField source="ShipName" />
+      </ReferenceField>
+      <ReferenceField label="Product" source="ProductId" reference="Product">
+        <TextField source="ProductName" />
+      </ReferenceField>
+      <FunctionField label="Quantity" source="Quantity" render={record => `${record.Quantity}`} />
+      <FunctionField label="Unit Price" source="UnitPrice" render={record => `$${record.UnitPrice}`} />
+      <FunctionField label="Discount" source="Discount" render={record => `${record.Discount * 100}%`} />
+      <FunctionField label="Amount" source="Amount" render={record => `$${record.Amount}`} />
+    </Datagrid>
+  </List>
+);
+
+// Show component for OrderDetail
+export const OrderDetailShow = (props) => (
+  <Show {...props}>
+    <TabbedShowLayout>
+      <Tab label="Details">
+        <SimpleShowLayout>
+          <TextField source="Id" />
+          <ReferenceField label="Order" source="OrderId" reference="Order">
+            <TextField source="ShipName" />
+          </ReferenceField>
+          <ReferenceField label="Product" source="ProductId" reference="Product">
+            <TextField source="ProductName" />
+          </ReferenceField>
+          <NumberField label="Quantity" source="Quantity" />
+          <NumberField label="Unit Price" source="UnitPrice" options={{ style: 'currency', currency: 'USD' }} />
+          <NumberField label="Discount" source="Discount" />
+          <NumberField label="Amount" source="Amount" options={{ style: 'currency', currency: 'USD' }} />
+        </SimpleShowLayout>
+      </Tab>
+    </TabbedShowLayout>
+  </Show>
 );
 
-// The Create view for OrderDetail with inline validation and auto-complete dropdowns for related references.
+// Create component for OrderDetail
 export const OrderDetailCreate = (props) => (
-    <Create {...props}>
-        <SimpleForm>
-            <ReferenceInput source="ProductId" reference="Product">
-                <SelectInput optionText="ProductName" />
-            </ReferenceInput>
-            <ReferenceInput source="OrderId" reference="Order" disabled>
-                <SelectInput optionText="Id" />
-            </ReferenceInput>
-            <NumberInput source="Quantity" />
-            <NumberInput source="Discount" />
-        </SimpleForm>
-    </Create>
+  <Create {...props}>
+    <SimpleForm>
+      <ReferenceInput label="Order" source="OrderId" reference="Order">
+        <SelectInput optionText="ShipName" />
+      </ReferenceInput>
+      <ReferenceInput label="Product" source="ProductId" reference="Product">
+        <SelectInput optionText="ProductName" />
+      </ReferenceInput>
+      <NumberInput source="Quantity" />
+      <NumberInput source="UnitPrice" />
+      <NumberInput source="Discount" />
+    </SimpleForm>
+  </Create>
 );
 
-// The Edit view for OrderDetail with form fields for updating exiting records.
+// Edit component for OrderDetail
 export const OrderDetailEdit = (props) => (
-    <Edit {...props}>
-        <SimpleForm>
-            <TextField source="Id" />
-            <ReferenceInput source="ProductId" reference="Product">
-                <SelectInput optionText="ProductName" />
-            </ReferenceInput>
-            <ReferenceInput source="OrderId" reference="Order" disabled>
-                <SelectInput optionText="Id" />
-            </ReferenceInput>
-            <NumberInput source="Quantity" />
-            <NumberInput source="Discount" />
-            <DateTimeInput source="ShippedDate" disabled />
-        </SimpleForm>
-    </Edit>
+  <Edit {...props}>
+    <SimpleForm>
+      <ReferenceInput label="Order" source="OrderId" reference="Order">
+        <SelectInput optionText="ShipName" />
+      </ReferenceInput>
+      <ReferenceInput label="Product" source="ProductId" reference="Product">
+        <SelectInput optionText="ProductName" />
+      </ReferenceInput>
+      <NumberInput source="Quantity" />
+      <NumberInput source="UnitPrice" />
+      <NumberInput source="Discount" />
+      <NumberField source="Amount" disabled />
+    </SimpleForm>
+  </Edit>
 );
-
-// The Show view for detailed display of OrderDetail and related records.
-export const OrderDetailShow = (props) => (
-    <Show {...props}>
-        <SimpleShowLayout>
-            <TextField source="Id" />
-            <ReferenceField label="Product" source="ProductId" reference="Product">
-                <TextField source="ProductName" />
-            </ReferenceField>
-            <ReferenceField label="Order" source="OrderId" reference="Order">
-                <TextField source="Id" />
-            </ReferenceField>
-            <NumberField source="UnitPrice" />
-            <NumberField source="Quantity" />
-            <NumberField source="Discount" />
-            <NumberField source="Amount" />
-            <DateField source="ShippedDate" />
-        </SimpleShowLayout>
-    </Show>
-);