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

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

@@ -0,0 +1,105 @@
+import React from 'react';
+import {
+    List, Datagrid, TextField, ReferenceField, NumberField, BooleanField,
+    Show, SimpleShowLayout, TabbedShowLayout, Tab, Create, SimpleForm, Edit, Pagination,
+    TextInput, NumberInput, ReferenceInput, SelectInput, Filter
+} from 'react-admin';
+
+const ProductFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search by Product Name" source="ProductName" alwaysOn />
+        <NumberInput label="Unit Price" source="UnitPrice" />
+        <TextInput label="Category" source="CategoryId" />
+        <TextInput label="Supplier" source="SupplierId" />
+    </Filter>
+);
+
+// List Component
+export const ProductList = (props) => (
+    <List {...props} filters={<ProductFilter />} pagination={<Pagination rowsPerPageOptions={[7]} />}>
+        <Datagrid rowClick="show">
+            <TextField source="ProductName" label="Product Name" />
+            <TextField source="QuantityPerUnit" label="Quantity Per Unit" />
+            <NumberField source="UnitPrice" label="Unit Price" options={{ style: 'currency', currency: 'USD' }} />
+            <NumberField source="UnitsInStock" label="Units In Stock" />
+            <BooleanField source="Discontinued" label="Discontinued" />
+            <TextField source="UnitsOnOrder" label="Units On Order" />
+            <ReferenceField label="Category" source="CategoryId" reference="Category">
+                <TextField source="CategoryName" />
+            </ReferenceField>
+            <ReferenceField label="Supplier" source="SupplierId" reference="Supplier">
+                <TextField source="CompanyName" />
+            </ReferenceField>
+        </Datagrid>
+    </List>
+);
+
+// Show Component
+export const ProductShow = (props) => (
+    <Show {...props}>
+        <SimpleShowLayout>
+            <TextField source="ProductName" label="Product Name" />
+            <TextField source="QuantityPerUnit" label="Quantity Per Unit" />
+            <NumberField source="UnitPrice" label="Unit Price" options={{ style: 'currency', currency: 'USD' }} />
+            <NumberField source="UnitsInStock" label="Units In Stock" />
+            <NumberField source="UnitsOnOrder" label="Units On Order" />
+            <NumberField source="ReorderLevel" label="Reorder Level" />
+            <BooleanField source="Discontinued" label="Discontinued" />
+            <ReferenceField label="Category" source="CategoryId" reference="Category">
+                <TextField source="CategoryName" />
+            </ReferenceField>
+            <ReferenceField label="Supplier" source="SupplierId" reference="Supplier">
+                <TextField source="CompanyName" />
+            </ReferenceField>
+        </SimpleShowLayout>
+        <TabbedShowLayout>
+            <Tab label="Order Details">
+                <ReferenceField reference="OrderDetail" source="Id">
+                    <TextField source="Id" />
+                </ReferenceField>
+            </Tab>
+        </TabbedShowLayout>
+    </Show>
+);
+
+// Create Component
+export const ProductCreate = (props) => (
+    <Create {...props}>
+        <SimpleForm>
+            <TextInput source="ProductName" label="Product Name" />
+            <TextInput source="QuantityPerUnit" label="Quantity Per Unit" />
+            <NumberInput source="UnitPrice" label="Unit Price" />
+            <NumberInput source="UnitsInStock" label="Units In Stock" />
+            <NumberInput source="UnitsOnOrder" label="Units On Order" />
+            <NumberInput source="ReorderLevel" label="Reorder Level" />
+            <BooleanField source="Discontinued" label="Discontinued" />  # FIXEDME - BooleanField
+            <ReferenceInput label="Category" source="CategoryId" reference="Category">
+                <SelectInput optionText="CategoryName" />
+            </ReferenceInput>
+            <ReferenceInput label="Supplier" source="SupplierId" reference="Supplier">
+                <SelectInput optionText="CompanyName" />
+            </ReferenceInput>
+        </SimpleForm>
+    </Create>
+);
+
+// Edit Component
+export const ProductEdit = (props) => (
+    <Edit {...props}>
+        <SimpleForm>
+            <TextInput source="ProductName" label="Product Name" />
+            <TextInput source="QuantityPerUnit" label="Quantity Per Unit" />
+            <NumberInput source="UnitPrice" label="Unit Price" />
+            <NumberInput source="UnitsInStock" label="Units In Stock" />
+            <NumberInput source="UnitsOnOrder" label="Units On Order" />
+            <NumberInput source="ReorderLevel" label="Reorder Level" />
+            <BooleanField source="Discontinued" label="Discontinued" />  # FIXEDME - BooleanField
+            <ReferenceInput label="Category" source="CategoryId" reference="Category">
+                <SelectInput optionText="CategoryName" />
+            </ReferenceInput>
+            <ReferenceInput label="Supplier" source="SupplierId" reference="Supplier">
+                <SelectInput optionText="CompanyName" />
+            </ReferenceInput>
+        </SimpleForm>
+    </Edit>
+);

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

@@ -0,0 +1,70 @@
+// Region.jsx - This file defines the React Admin components for the Region resource.
+
+import React from 'react';
+import {
+    List,
+    Datagrid,
+    TextField,
+    Show,
+    SimpleShowLayout,
+    TabbedShowLayout,
+    Tab,
+    Edit,
+    Create, Filter,  // FIXEDME missing imports
+    SimpleForm,
+    TextInput,
+    ReferenceManyField
+} from 'react-admin'; 
+
+const RegionList = (props) => (
+    <List {...props} filters={<RegionFilter />}>
+        <Datagrid rowClick="show">
+            <TextField source="RegionDescription" label="Region Description" />
+            <TextField source="Id" label="ID" />
+        </Datagrid>
+    </List>
+);
+
+const RegionShow = (props) => (
+    <Show {...props}>
+        <SimpleShowLayout>
+            <TextField source="RegionDescription" label="Region Description" />
+            <TextField source="Id" label="ID" />
+        </SimpleShowLayout>
+        <TabbedShowLayout>
+            <Tab label="Related Territories">
+                <ReferenceManyField reference="EmployeeTerritory" target="RegionId" label="Employee Territories">
+                    <Datagrid rowClick="show">
+                        <TextField source="TerritoryDescription" label="Territory Description" />
+                        <TextField source="Id" label="ID" />
+                    </Datagrid>
+                </ReferenceManyField>
+            </Tab>
+        </TabbedShowLayout>
+    </Show>
+);
+
+const RegionEdit = (props) => (
+    <Edit {...props}>
+        <SimpleForm>
+            <TextInput source="RegionDescription" label="Region Description" />
+        </SimpleForm>
+    </Edit>
+);
+
+
+const RegionCreate = (props) => (
+    <Create {...props}>
+        <SimpleForm>
+            <TextInput source="RegionDescription" label="Region Description*" required />
+        </SimpleForm>
+    </Create>
+);
+
+const RegionFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search by Description" source="RegionDescription" alwaysOn />
+    </Filter>
+);
+
+export { RegionList, RegionShow, RegionCreate, RegionEdit };

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

@@ -0,0 +1,64 @@
+// Importing necessary components and modules from react-admin and material-ui
+import React from 'react';
+import { List, Datagrid, TextField, NumberField, Show, SimpleShowLayout, Create, SimpleForm, Edit, TextInput, ReferenceField, TabbedShowLayout, Tab, ReferenceInput, SelectInput, Pagination, Filter } from 'react-admin';
+
+// Filter component for the Shipper resource
+type FilterProps = {
+    [key: string]: any,
+};
+const ShipperFilter = (props: FilterProps) => (
+    <Filter {...props}>
+        <TextInput label="Search by Company Name" source="CompanyName" alwaysOn />
+    </Filter>
+);
+
+// List view for Shipper resource with pagination, sorting, and filtering
+export const ShipperList = (props: any) => (
+    <List {...props} filters={<ShipperFilter />} perPage={7} pagination={<Pagination />}>
+        <Datagrid rowClick="show">
+            <TextField source="CompanyName" label="Company Name" sortable={true} />
+            <TextField source="Phone" label="Phone" />
+            <NumberField source="Id" label="ID" />
+        </Datagrid>
+    </List>
+);
+
+// Show view for Shipper resource with fields organized in a simple layout
+export const ShipperShow = (props: any) => (
+    <Show {...props} title="Shipper Details">
+        <SimpleShowLayout>
+            <TextField source="CompanyName" label="Company Name" />
+            <TextField source="Phone" label="Phone" />
+            <NumberField source="Id" label="ID" />
+            {/* Example for future tabbed relation */}
+            {/*<TabbedShowLayout>
+                <Tab label="Related Resource Example">
+                    <ReferenceField label="Custom Label" source="relationSource" reference="RelatedResource">
+                        <TextField source="fieldName" />
+                    </ReferenceField>
+                </Tab>
+            </TabbedShowLayout>*/}
+        </SimpleShowLayout>
+    </Show>
+);
+
+// Create view for adding a new Shipper
+export const ShipperCreate = (props: any) => (
+    <Create {...props} title="Create a new Shipper">
+        <SimpleForm>
+            <TextInput source="CompanyName" label="Company Name" />
+            <TextInput source="Phone" label="Phone" />
+        </SimpleForm>
+    </Create>
+);
+
+// Edit view for editing a Shipper
+export const ShipperEdit = (props: any) => (
+    <Edit {...props} title="Edit Shipper">
+        <SimpleForm>
+            <TextInput source="CompanyName" label="Company Name" />
+            <TextInput source="Phone" label="Phone" />
+            <NumberField source="Id" label="ID" />
+        </SimpleForm>
+    </Edit>
+);

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

@@ -0,0 +1,103 @@
+// Supplier.js
+
+import React from 'react';
+import {
+  List,
+  Datagrid,
+  TextField,
+  ReferenceField,
+  Show,
+  SimpleShowLayout,
+  TabbedShowLayout,
+  Tab,
+  Edit,
+  Create,
+  SimpleForm,
+  TextInput,
+  NumberInput,
+  SelectInput,
+  ReferenceInput,
+  Filter,
+  Pagination,
+} from 'react-admin';
+
+// Filters for the Supplier List
+const SupplierFilter = (props) => (
+  <Filter {...props}>
+    <TextInput label="Search by Company Name" source="CompanyName" alwaysOn />
+    <TextInput label="Search by Contact Name" source="ContactName" />
+    <TextInput label="Search by City" source="City" />
+  </Filter>
+);
+
+// Supplier List Component
+export const SupplierList = (props) => (
+  <List filters={<SupplierFilter />} pagination={<Pagination />} {...props}>
+    <Datagrid rowClick="show">
+      <TextField source="CompanyName" label="Company Name" />
+      <TextField source="ContactName" label="Contact Name" />
+      <TextField source="ContactTitle" label="Contact Title" />
+      <TextField source="Address" label="Address" />
+      <TextField source="City" label="City" />
+      <TextField source="Country" label="Country" />
+      <TextField source="Phone" label="Phone" />
+    </Datagrid>
+  </List>
+);
+
+// Supplier Show Component
+export const SupplierShow = (props) => (
+  <Show {...props}>
+    <SimpleShowLayout>
+      <TextField source="CompanyName" label="Company Name" />
+      <TextField source="ContactName" label="Contact Name" />
+      <TextField source="ContactTitle" label="Contact Title" />
+      <TextField source="Address" label="Address" />
+      <TextField source="City" label="City" />
+      <TextField source="Region" label="Region" />
+      <TextField source="PostalCode" label="Postal Code" />
+      <TextField source="Country" label="Country" />
+      <TextField source="Phone" label="Phone" />
+      <TextField source="Fax" label="Fax" />
+      <TextField source="HomePage" label="Home Page" />
+    </SimpleShowLayout>
+  </Show>
+);
+
+// Supplier Create Component
+export const SupplierCreate = (props) => (
+  <Create {...props}>
+    <SimpleForm>
+      <TextInput source="CompanyName" label="Company Name" />
+      <TextInput source="ContactName" label="Contact Name" />
+      <TextInput source="ContactTitle" label="Contact Title" />
+      <TextInput source="Address" label="Address" />
+      <TextInput source="City" label="City" />
+      <TextInput source="Region" label="Region" />
+      <TextInput source="PostalCode" label="Postal Code" />
+      <TextInput source="Country" label="Country" />
+      <TextInput source="Phone" label="Phone" />
+      <TextInput source="Fax" label="Fax" />
+      <TextInput source="HomePage" label="Home Page" />
+    </SimpleForm>
+  </Create>
+);
+
+// Supplier Edit Component
+export const SupplierEdit = (props) => (
+  <Edit {...props}>
+    <SimpleForm>
+      <TextInput source="CompanyName" label="Company Name" />
+      <TextInput source="ContactName" label="Contact Name" />
+      <TextInput source="ContactTitle" label="Contact Title" />
+      <TextInput source="Address" label="Address" />
+      <TextInput source="City" label="City" />
+      <TextInput source="Region" label="Region" />
+      <TextInput source="PostalCode" label="Postal Code" />
+      <TextInput source="Country" label="Country" />
+      <TextInput source="Phone" label="Phone" />
+      <TextInput source="Fax" label="Fax" />
+      <TextInput source="HomePage" label="Home Page" />
+    </SimpleForm>
+  </Edit>
+);

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

@@ -0,0 +1,84 @@
+import React from 'react';
+import {
+    List,
+    Datagrid,
+    TextField,
+    NumberField,
+    NumberInput,
+    TextInput,
+    Show,
+    SimpleShowLayout,
+    TabbedShowLayout,
+    Tab,
+    Create,
+    SimpleForm,
+    Edit,
+    ReferenceManyField,
+    ReferenceInput,
+    SelectInput,
+    Filter,
+    Pagination
+} from 'react-admin';
+
+// Define filters for Territories list which include search capabilities
+const TerritoryFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="TerritoryDescription" alwaysOn />
+        <TextInput label="Region" source="RegionId" />
+    </Filter>
+);
+
+// List component to display Territories
+export const TerritoryList = props => (
+    <List {...props} filters={<TerritoryFilter />} pagination={<Pagination />}
+        sort={{ field: 'TerritoryDescription', order: 'ASC' }}>
+        <Datagrid rowClick="show">
+            <TextField source="TerritoryDescription" label="Territory Description" />
+            <NumberField source="Id" label="ID" />
+            <NumberField source="RegionId" label="Region ID" />
+        </Datagrid>
+    </List>
+);
+
+// Show component to display details of a specific Territory
+export const TerritoryShow = props => (
+    <Show {...props}>
+        <SimpleShowLayout>
+            <TextField source="TerritoryDescription" label="Territory Description" />
+            <NumberField source="Id" label="ID" />
+            <NumberField source="RegionId" label="Region ID" />
+
+            {/* Related Employee Territories shown in a tabbed layout */}
+            <TabbedShowLayout>
+                <Tab label="Employee Territories List">
+                    <ReferenceManyField reference="EmployeeTerritory" target="TerritoryId" label="Employee Territories">
+                        <Datagrid rowClick="show">
+                            <TextField source="Id" label="ID" />
+                            <NumberField source="EmployeeId" label="Employee ID" />
+                        </Datagrid>
+                    </ReferenceManyField>
+                </Tab>
+            </TabbedShowLayout>
+        </SimpleShowLayout>
+    </Show>
+);
+
+// Create component for adding a new territory
+export const TerritoryCreate = props => (
+    <Create {...props}>
+        <SimpleForm>
+            <TextInput source="TerritoryDescription" label="Territory Description" />
+            <NumberInput source="RegionId" label="Region ID" />
+        </SimpleForm>
+    </Create>
+);
+
+// Edit component for modifying existing territory data
+export const TerritoryEdit = props => (
+    <Edit {...props}>
+        <SimpleForm>
+            <TextInput source="TerritoryDescription" label="Territory Description" />
+            <NumberInput source="RegionId" label="Region ID" />
+        </SimpleForm>
+    </Edit>
+);

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

@@ -0,0 +1,77 @@
+// Union.js - React Admin resource definitions and components for the Union entity.
+import React from 'react';
+import {
+  List,
+  Datagrid,
+  TextField,
+  NumberField,
+  Show,
+  SimpleShowLayout,
+  TabbedShowLayout,
+  Tab,
+  TextInput,
+  Create,
+  SimpleForm,
+  Edit,
+  ReferenceManyField,
+  EditButton,
+  ShowButton,
+  Pagination,
+  Filter,
+} from 'react-admin';
+
+const UnionFilter = (props) => (
+  <Filter {...props}>
+    <TextInput label="Search by Name" source="Name" alwaysOn />
+  </Filter>
+);
+
+export const UnionList = (props) => (
+  <List
+    {...props}
+    filters={<UnionFilter />}
+    pagination={<Pagination rowsPerPageOptions={[10, 25, 50]} />}
+    sort={{ field: 'Name', order: 'ASC' }}
+  >
+    <Datagrid rowClick="show">
+      <TextField source="Name" label="Union Name" />
+      <NumberField source="Id" label="ID" />
+      <ShowButton />
+    </Datagrid>
+  </List>
+);
+
+export const UnionShow = (props) => (
+  <Show {...props}>
+    <SimpleShowLayout>
+      <TextField source="Name" label="Union Name" />
+      <TabbedShowLayout>
+        <Tab label="Members">
+          <ReferenceManyField reference="Employee" target="UnionId" label="Union Employees">
+            <Datagrid>
+              <TextField source="LastName" label="Last Name" />
+              <TextField source="FirstName" label="First Name" />
+              <ShowButton />
+            </Datagrid>
+          </ReferenceManyField>
+        </Tab>
+      </TabbedShowLayout>
+    </SimpleShowLayout>
+  </Show>
+);
+
+export const UnionCreate = (props) => (
+  <Create {...props}>
+    <SimpleForm>
+      <TextInput source="Name" label="Union Name" />
+    </SimpleForm>
+  </Create>
+);
+
+export const UnionEdit = (props) => (
+  <Edit {...props}>
+    <SimpleForm>
+      <TextInput source="Name" label="Union Name" />
+    </SimpleForm>
+  </Edit>
+);

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

@@ -0,0 +1,110 @@
+import { fetchUtils } from 'react-admin';
+
+const apiUrl = 'http://localhost:5656/api';
+const httpClient = fetchUtils.fetchJson;
+
+const convertId = (record) => ({
+    ...record.attributes,
+    id: record.id,
+});
+
+export const dataProvider = {
+    getList: async (resource, params) => {
+        const { page, perPage } = params.pagination;
+        const { field, order } = params.sort;
+        const query = {
+            [`page[number]`]: page,
+            [`page[size]`]: perPage,
+            [`sort`]: order === 'ASC' ? field : `-${field}`,
+        };
+
+        // Filters (e.g. filter[name]=Alice)
+        Object.entries(params.filter || {}).forEach(([key, value]) => {
+            query[`filter[${key}]`] = value;
+        });
+
+        const url = `${apiUrl}/${resource}?${new URLSearchParams(query).toString()}`;
+        const { json } = await httpClient(url);
+        return {
+            data: json.data.map(convertId),
+            total: json.meta?.total || json.data.length,
+        };
+    },
+
+    getOne: async (resource, params) => {
+        const url = `${apiUrl}/${resource}/${params.id}`;
+        const { json } = await httpClient(url);
+        return {
+            data: convertId(json.data),
+        };
+    },
+
+    getMany: async (resource, params) => {
+        const promises = params.ids.map((id) =>
+            httpClient(`${apiUrl}/${resource}/${id}`).then(({ json }) => convertId(json.data))
+        );
+        const data = await Promise.all(promises);
+        return { data };
+    },
+
+    getManyReference: async (resource, params) => {
+        const { page, perPage } = params.pagination;
+        const { field, order } = params.sort;
+        const query = {
+            [`page[number]`]: page,
+            [`page[size]`]: perPage,
+            [`sort`]: order === 'ASC' ? field : `-${field}`,
+            [`filter[${params.target}]`]: params.id,
+        };
+
+        const url = `${apiUrl}/${resource}?${new URLSearchParams(query).toString()}`;
+        const { json } = await httpClient(url);
+        return {
+            data: json.data.map(convertId),
+            total: json.meta?.total || json.data.length,
+        };
+    },
+
+    create: async (resource, params) => {
+        const url = `${apiUrl}/${resource}`;
+        const body = {
+            data: {
+                type: resource,
+                attributes: params.data,
+            },
+        };
+        const { json } = await httpClient(url, {
+            method: 'POST',
+            body: JSON.stringify(body),
+        });
+        return {
+            data: convertId(json.data),
+        };
+    },
+
+    update: async (resource, params) => {
+        const url = `${apiUrl}/${resource}/${params.id}`;
+        const body = {
+            data: {
+                type: resource,
+                id: params.id,
+                attributes: params.data,
+            },
+        };
+        const { json } = await httpClient(url, {
+            method: 'PATCH',
+            body: JSON.stringify(body),
+        });
+        return {
+            data: convertId(json.data),
+        };
+    },
+
+    delete: async (resource, params) => {
+        const url = `${apiUrl}/${resource}/${params.id}`;
+        await httpClient(url, {
+            method: 'DELETE',
+        });
+        return { data: { id: params.id } };
+    },
+};

api_logic_server_cli/prototypes/nw/ui/react_admin/src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

api_logic_server_cli/prototypes/nw/ui/react_admin/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

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

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;