@blaze-cms/plugin-data-ui 0.146.0-core-styles.44 → 0.146.0-node18.1

package/src/components/EntityManager/Entity/SideBarRelations/index.js

@@ -12,51 +12,43 @@ import EntityNavLinks from '../EntitiyNavLinks';
 
 const SideBarRelations = ({ schema, onChange, formData, entity }) => {
   const { relation: RelationComponent } = formFieldTypes;
-  const {
-    formattedStatus,
-    formattedUpdated,
-    formattedCreated,
-    formattedPublished,
-    status
-  } = formData;
+  const { formattedStatus, formattedUpdated, formattedCreated, formattedPublished, status } =
+    formData;
   const client = useApolloClient();
 
   const [relationsComponents, setRelationsComponents] = useState(null);
 
-  useEffect(
-    () => {
-      (async () => {
-        const fetchRelationSchema = async ({ entityIdentifier }) => {
-          if (!entityIdentifier) return null;
+  useEffect(() => {
+    (async () => {
+      const fetchRelationSchema = async ({ entityIdentifier }) => {
+        if (!entityIdentifier) return null;
 
-          const {
-            data: {
-              getEntitySchemas: [relationSchema]
-            }
-          } = await client.query({
-            query: getQuery('GET_ENTITY_SCHEMA'),
-            variables: { identifier: entityIdentifier }
-          });
-          return relationSchema;
-        };
+        const {
+          data: {
+            getEntitySchemas: [relationSchema]
+          }
+        } = await client.query({
+          query: getQuery('GET_ENTITY_SCHEMA'),
+          variables: { identifier: entityIdentifier }
+        });
+        return relationSchema;
+      };
 
-        if (!relationsComponents && schema) {
-          const allRelationComponents = await Promise.all(
-            schema.relations
-              .filter(({ showInForm, foreignKey }) => showInForm && schema.properties[foreignKey])
-              .map(async relation => ({
-                id: uuidv1(),
-                staticData: relation,
-                schema: await fetchRelationSchema(relation)
-              }))
-          );
+      if (!relationsComponents && schema) {
+        const allRelationComponents = await Promise.all(
+          schema.relations
+            .filter(({ showInForm, foreignKey }) => showInForm && schema.properties[foreignKey])
+            .map(async relation => ({
+              id: uuidv1(),
+              staticData: relation,
+              schema: await fetchRelationSchema(relation)
+            }))
+        );
 
-          setRelationsComponents(allRelationComponents);
-        }
-      })();
-    },
-    [client, relationsComponents, schema, schema.relations]
-  );
+        setRelationsComponents(allRelationComponents);
+      }
+    })();
+  }, [client, relationsComponents, schema, schema.relations]);
   const { id: itemId } = entity;
   const { identifier: itemEntity, interfaces } = schema;
 
@@ -82,19 +74,16 @@ const SideBarRelations = ({ schema, onChange, formData, entity }) => {
               )}
             </div>
           )}
-          {!schema.displayProperties.disableDefaultAdminInfo &&
-            formattedCreated && (
-              <>
-                <>
-                  <p>
-                    Created: <span>{formattedCreated}</span>
-                  </p>
-                  <p>
-                    Updated: <span>{formattedUpdated}</span>
-                  </p>
-                </>
-              </>
-            )}
+          {!schema.displayProperties.disableDefaultAdminInfo && formattedCreated && (
+            <>
+              <p>
+                Created: <span>{formattedCreated}</span>
+              </p>
+              <p>
+                Updated: <span>{formattedUpdated}</span>
+              </p>
+            </>
+          )}
 
           <CustomSidebarInfoContainer
             id={itemId}

package/src/components/EntityManager/EntityManager.js

@@ -19,56 +19,63 @@ const EntityManager = ({ match, history }) => {
 
   const { action, entityIdentifier, id = null, onViewUrl } = match.params;
 
-  useEffect(
-    () => {
-      (async () => {
-        try {
-          const [entitySchema, data = {}, requestedQuery] = await entityAvailableActions[action]({
-            client,
-            identifier: entityIdentifier,
-            id
-          });
-
-          if (!data) {
-            addToast(PAGE_NOT_FOUND, {
-              appearance: ERROR,
-              autoDismiss: true
-            });
-
-            history.push(`/data-listing/${entityIdentifier}`);
-          }
-
-          let localData = data;
-
-          if (isPageBuilderTemplateSet(data)) {
-            const pageBuilderComponents = await getPageBuilderComponents({
-              entitySchema,
-              client,
-              id
-            });
-
-            localData = {
-              ...localData,
-              pageBuilder: pageBuilderComponents || localData.pageBuilder
-            };
-          }
-
-          setFormData({ values: localData });
-          setEntity(data);
-          setSchema(entitySchema);
-          setPreviousQuery(requestedQuery);
-          setShouldRefetch(false);
-        } catch (error) {
-          addToast(error.message, {
+  useEffect(() => {
+    (async () => {
+      try {
+        const [entitySchema, data = {}, requestedQuery] = await entityAvailableActions[action]({
+          client,
+          identifier: entityIdentifier,
+          id
+        });
+
+        if (!data) {
+          addToast(PAGE_NOT_FOUND, {
             appearance: ERROR,
             autoDismiss: true
           });
+
           history.push(`/data-listing/${entityIdentifier}`);
         }
-      })();
-    },
-    [action, addToast, client, entityIdentifier, history, history.push, id, schema, shouldRefetch]
-  );
+
+        let localData = data;
+
+        if (isPageBuilderTemplateSet(data)) {
+          const pageBuilderComponents = await getPageBuilderComponents({
+            entitySchema,
+            client,
+            id
+          });
+
+          localData = {
+            ...localData,
+            pageBuilder: pageBuilderComponents || localData.pageBuilder
+          };
+        }
+
+        setFormData({ values: localData });
+        setEntity(data);
+        setSchema(entitySchema);
+        setPreviousQuery(requestedQuery);
+        setShouldRefetch(false);
+      } catch (error) {
+        addToast(error.message, {
+          appearance: ERROR,
+          autoDismiss: true
+        });
+        history.push(`/data-listing/${entityIdentifier}`);
+      }
+    })();
+  }, [
+    action,
+    addToast,
+    client,
+    entityIdentifier,
+    history,
+    history.push,
+    id,
+    schema,
+    shouldRefetch
+  ]);
 
   const updateFormData = (updatedFormData, shouldRefresh) => {
     if (shouldRefresh) setShouldRefetch(true);

package/src/components/InfoBoxes/container/InfoBoxContainer.js

@@ -9,12 +9,9 @@ const InfoBoxContainer = ({ id, schema, infoBox }) => {
 
   const { data, refetch } = useData({ id, schema, infoBox });
 
-  useEffect(
-    () => {
-      refetch();
-    },
-    [externalUpdateTime, refetch]
-  );
+  useEffect(() => {
+    refetch();
+  }, [externalUpdateTime, refetch]);
 
   if (!data || !Object.keys(data) || Object.keys(data).length === 0) return null;
 

package/src/components/InfoBoxes/hooks/useData.js

@@ -12,7 +12,12 @@ function useData({ id, schema, infoBox }) {
       }
     `;
 
-  const { data = {}, loading, error, refetch } = useQuery(infoBoxQuery, {
+  const {
+    data = {},
+    loading,
+    error,
+    refetch
+  } = useQuery(infoBoxQuery, {
     variables: { id },
     skip: !query
   });

package/src/components/ListingTable/ListingTable.js

@@ -144,7 +144,6 @@ const ListingTable = ({ match, entitySchema, history }) => {
     });
     history.push('?page=1');
   };
-
   if (!tableData || !tableData.rows) return 'loading';
 
   const {
@@ -160,35 +159,33 @@ const ListingTable = ({ match, entitySchema, history }) => {
 
   return (
     <div className="page">
-      {modalStatus &&
-        _deleteAction.active && (
-          <DeleteAction
-            data-testid="deleteEntity"
-            onClose={toggleModal}
-            deleteAction={deleteAction}
-            itemName={itemToDelete.name}
-          />
-        )}
+      {modalStatus && _deleteAction.active && (
+        <DeleteAction
+          data-testid="deleteEntity"
+          onClose={toggleModal}
+          deleteAction={deleteAction}
+          itemName={itemToDelete.name}
+        />
+      )}
       <PageHeader title={entitySchema.displayName} subtitle="">
-        {createAction.active &&
-          !showAddButton && (
-            <Fragment>
-              <Link
-                data-testid="addEntity"
-                className="button button--small"
-                to={`${match.url}/create`}>
-                Add
-              </Link>
-              <PageHeader.Actions>
-                <More>
-                  <More.Avatar isMoreMenu>
-                    <span className="material-icons">more_vert</span>
-                  </More.Avatar>
-                  <More.Content isMoreMenu />
-                </More>
-              </PageHeader.Actions>
-            </Fragment>
-          )}
+        {createAction.active && !showAddButton && (
+          <>
+            <Link
+              data-testid="addEntity"
+              className="button button--small"
+              to={`${match.url}/create`}>
+              Add
+            </Link>
+            <PageHeader.Actions>
+              <More>
+                <More.Avatar isMoreMenu>
+                  <span className="material-icons">more_vert</span>
+                </More.Avatar>
+                <More.Content isMoreMenu />
+              </More>
+            </PageHeader.Actions>
+          </>
+        )}
       </PageHeader>
       {showAddButton ? (
         <CardPrompt>

package/src/components/ListingTable/ListingTableContent/ListingTableContent.js

@@ -20,23 +20,21 @@ const ListingTableContent = ({
   return (
     <>
       {displayTable ? (
-        <>
-          <div className={className}>
-            <Table
-              onSort={onSort}
-              data={tableData}
-              checkboxes={!isEnquiry}
-              onSelect={handleSelect}
-              data-testid="listing-table-content"
-            />
-            <Pagination
-              visiblePages={10}
-              totalItems={totalItems}
-              currentPage={currentPage}
-              onPageChange={handleOnPageChange}
-            />
-          </div>
-        </>
+        <div className={className}>
+          <Table
+            onSort={onSort}
+            data={tableData}
+            checkboxes={!isEnquiry}
+            onSelect={handleSelect}
+            data-testid="listing-table-content"
+          />
+          <Pagination
+            visiblePages={10}
+            totalItems={totalItems}
+            currentPage={currentPage}
+            onPageChange={handleOnPageChange}
+          />
+        </div>
       ) : (
         <span className="table-no-results" data-testid="no-results">
           No results

package/src/components/ListingTable/service/index.js

@@ -34,9 +34,8 @@ function buildVariables({ entitySchema, isSearchQuery, listFilters = [], queryPa
 }
 
 const fetchData = async ({ client, querySettings: { entitySchema, queryParams }, listFilters }) => {
-  const {
-    displayProperties: { adminListings: { dataSource: { source } = {} } = {} } = {}
-  } = entitySchema;
+  const { displayProperties: { adminListings: { dataSource: { source } = {} } = {} } = {} } =
+    entitySchema;
 
   const isSearchQuery = source === 'search';
   const query = buildListingQuery(entitySchema, isSearchQuery);

package/src/index.js

@@ -5,11 +5,11 @@ import { DATA_LISTING_PREFIX, PLUGIN_NAME } from './constants';
 import getAddContentMenuItems from './utils/add-content-menu-items';
 import { UserIcon, TaxonomyIcon, ContentIcon, SettingsIcon } from './icons';
 
-const EntityDataListing = React.lazy(() =>
-  import(/* webpackChunkName: 'EntityDataListing' */ './components/EntityDataListing')
+const EntityDataListing = React.lazy(
+  () => import(/* webpackChunkName: 'EntityDataListing' */ './components/EntityDataListing')
 );
-const EntityManager = React.lazy(() =>
-  import(/* webpackChunkName: 'EntityManager' */ './components/EntityManager')
+const EntityManager = React.lazy(
+  () => import(/* webpackChunkName: 'EntityManager' */ './components/EntityManager')
 );
 
 export default async function load(app) {