@blaze-cms/plugin-data-ui 0.146.0-core-styles.42 → 0.146.0-node18.0

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getFormBuilderLookup","formFieldTypes","React","pkg","DATA_LISTING_PREFIX","PLUGIN_NAME","getAddContentMenuItems","UserIcon","TaxonomyIcon","ContentIcon","SettingsIcon","EntityDataListing","lazy","EntityManager","load","app","events","once","addFieldType","Object","keys","forEach","type","component","emitAsync","addConfig","main","items","content","label","loadOpen","icon","order","taxonomy","user","settings","entityDataListingRoute","path","key","exact","editEntityRoute","addEntityRoute","addRoute","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import { getFormBuilderLookup, formFieldTypes } from '@blaze-cms/react-form-builder';\nimport React from 'react';\nimport pkg from '../package.json';\nimport { DATA_LISTING_PREFIX, PLUGIN_NAME } from './constants';\nimport getAddContentMenuItems from './utils/add-content-menu-items';\nimport { UserIcon, TaxonomyIcon, ContentIcon, SettingsIcon } from './icons';\n\nconst EntityDataListing = React.lazy(() =>\n  import(/* webpackChunkName: 'EntityDataListing' */ './components/EntityDataListing')\n);\nconst EntityManager = React.lazy(() =>\n  import(/* webpackChunkName: 'EntityManager' */ './components/EntityManager')\n);\n\nexport default async function load(app) {\n  app.events.once('admin:menu:config:load', getAddContentMenuItems(app));\n\n  app.events.once('load:custom:field:type', addFieldType => {\n    Object.keys(formFieldTypes).forEach(type => {\n      addFieldType({ type, component: formFieldTypes[type] });\n    });\n  });\n\n  app.events.once('plugin:data-ui:load:loaded', async () => {\n    await app.events.emitAsync('load:custom:field:type', getFormBuilderLookup.addFieldType);\n  });\n\n  app.events.once('admin:menu:config:load', ({ addConfig }) => {\n    addConfig({\n      main: {\n        items: {\n          content: {\n            label: 'content',\n            loadOpen: true,\n            items: {},\n            icon: ContentIcon,\n            order: 10\n          },\n          taxonomy: {\n            label: 'Taxonomy',\n            items: {},\n            icon: TaxonomyIcon,\n            order: 40\n          },\n          user: {\n            label: 'User',\n            items: {},\n            icon: UserIcon,\n            order: 90\n          },\n          settings: {\n            label: 'Settings',\n            items: {},\n            icon: SettingsIcon,\n            order: 100\n          }\n        }\n      }\n    });\n  });\n\n  const entityDataListingRoute = {\n    path: `${DATA_LISTING_PREFIX}/:entityIdentifier`,\n    key: 'entityDataListing',\n    component: EntityDataListing,\n    exact: true\n  };\n\n  const editEntityRoute = {\n    path: `${DATA_LISTING_PREFIX}/:entityIdentifier/:action/:id`,\n    key: 'editEntity',\n    component: EntityManager,\n    exact: true\n  };\n\n  const addEntityRoute = {\n    path: `${DATA_LISTING_PREFIX}/:entityIdentifier/:action`,\n    key: 'createEntity',\n    component: EntityManager,\n    exact: true\n  };\n\n  app.addRoute(entityDataListingRoute);\n  app.addRoute(editEntityRoute);\n  app.addRoute(addEntityRoute);\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getFormBuilderLookup","formFieldTypes","React","pkg","DATA_LISTING_PREFIX","PLUGIN_NAME","getAddContentMenuItems","UserIcon","TaxonomyIcon","ContentIcon","SettingsIcon","EntityDataListing","lazy","EntityManager","load","app","events","once","addFieldType","Object","keys","forEach","type","component","emitAsync","addConfig","main","items","content","label","loadOpen","icon","order","taxonomy","user","settings","entityDataListingRoute","path","key","exact","editEntityRoute","addEntityRoute","addRoute","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import { getFormBuilderLookup, formFieldTypes } from '@blaze-cms/react-form-builder';\nimport React from 'react';\nimport pkg from '../package.json';\nimport { DATA_LISTING_PREFIX, PLUGIN_NAME } from './constants';\nimport getAddContentMenuItems from './utils/add-content-menu-items';\nimport { UserIcon, TaxonomyIcon, ContentIcon, SettingsIcon } from './icons';\n\nconst EntityDataListing = React.lazy(\n  () => import(/* webpackChunkName: 'EntityDataListing' */ './components/EntityDataListing')\n);\nconst EntityManager = React.lazy(\n  () => import(/* webpackChunkName: 'EntityManager' */ './components/EntityManager')\n);\n\nexport default async function load(app) {\n  app.events.once('admin:menu:config:load', getAddContentMenuItems(app));\n\n  app.events.once('load:custom:field:type', addFieldType => {\n    Object.keys(formFieldTypes).forEach(type => {\n      addFieldType({ type, component: formFieldTypes[type] });\n    });\n  });\n\n  app.events.once('plugin:data-ui:load:loaded', async () => {\n    await app.events.emitAsync('load:custom:field:type', getFormBuilderLookup.addFieldType);\n  });\n\n  app.events.once('admin:menu:config:load', ({ addConfig }) => {\n    addConfig({\n      main: {\n        items: {\n          content: {\n            label: 'content',\n            loadOpen: true,\n            items: {},\n            icon: ContentIcon,\n            order: 10\n          },\n          taxonomy: {\n            label: 'Taxonomy',\n            items: {},\n            icon: TaxonomyIcon,\n            order: 40\n          },\n          user: {\n            label: 'User',\n            items: {},\n            icon: UserIcon,\n            order: 90\n          },\n          settings: {\n            label: 'Settings',\n            items: {},\n            icon: SettingsIcon,\n            order: 100\n          }\n        }\n      }\n    });\n  });\n\n  const entityDataListingRoute = {\n    path: `${DATA_LISTING_PREFIX}/:entityIdentifier`,\n    key: 'entityDataListing',\n    component: EntityDataListing,\n    exact: true\n  };\n\n  const editEntityRoute = {\n    path: `${DATA_LISTING_PREFIX}/:entityIdentifier/:action/:id`,\n    key: 'editEntity',\n    component: EntityManager,\n    exact: true\n  };\n\n  const addEntityRoute = {\n    path: `${DATA_LISTING_PREFIX}/:entityIdentifier/:action`,\n    key: 'createEntity',\n    component: EntityManager,\n    exact: true\n  };\n\n  app.addRoute(entityDataListingRoute);\n  app.addRoute(editEntityRoute);\n  app.addRoute(addEntityRoute);\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-data-ui",
-  "version": "0.146.0-core-styles.42",
+  "version": "0.146.0-node18.0",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -10,15 +10,15 @@
   },
   "scripts": {
     "test": "jest",
-    "lint": "yarn run lint:js",
+    "lint": "npm run lint:js",
     "lint:js": "eslint .",
     "clean": "rm -Rf ./lib/ && rm -Rf ./lib-es/",
     "build:cjs": "BABEL_ENV=cjs ../../node_modules/.bin/babel ./src --out-dir ./lib --source-maps --root-mode upward",
     "build:esm": "BABEL_ENV=esm ../../node_modules/.bin/babel ./src --out-dir ./lib-es --source-maps --root-mode upward",
-    "build": "yarn run build:cjs && yarn run build:esm",
-    "build:clean": "yarn run clean && yarn run build",
-    "prepublishOnly": "yarn run build:clean",
-    "postpublish": "yarn run clean"
+    "build": "npm run build:cjs && npm run build:esm",
+    "build:clean": "npm run clean && npm run build",
+    "prepublishOnly": "npm run build:clean",
+    "postpublish": "npm run clean"
   },
   "author": {
     "email": "hello@thebyte9.com",
@@ -27,18 +27,19 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.146.0-core-styles.41",
-    "@blaze-cms/core-errors": "0.146.0-core-styles.41",
-    "@blaze-cms/plugin-render-hooks-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/react-form-builder": "0.146.0-core-styles.41",
-    "@blaze-cms/react-page-builder": "0.146.0-core-styles.42",
-    "@blaze-cms/setup-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/versioning-ui": "0.146.0-core-styles.3",
+    "@blaze-cms/admin-ui-utils": "0.146.0-node18.0",
+    "@blaze-cms/core-errors": "0.146.0-node18.0",
+    "@blaze-cms/plugin-render-hooks-ui": "0.146.0-node18.0",
+    "@blaze-cms/react-form-builder": "0.146.0-node18.0",
+    "@blaze-cms/react-page-builder": "0.146.0-node18.0",
+    "@blaze-cms/setup-ui": "0.146.0-node18.0",
+    "@blaze-cms/versioning-ui": "0.146.0-node18.0",
     "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/more": "0.5.19",
     "@blaze-react/multiselect": "0.8.0-alpha.78",
     "@blaze-react/pagination": "0.8.0-alpha.76",
     "@blaze-react/select": "0.8.0-alpha.80",
+    "@blaze-react/tab": "^0.7.0",
     "@blaze-react/table": "0.8.0-alpha.74",
     "@blaze-react/toaster": "0.5.17",
     "@blaze-react/utils": "0.5.15",
@@ -55,17 +56,17 @@
     "uuid": "^3.3.3"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-core-styles.41"
+    "@blaze-cms/core-ui": "0.146.0-node18.0"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
     "prop-types": "^15.7.2",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-router-dom": "^5.0.1"
   },
   "eslintIgnore": [
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "e0bb72b9d0d59741a2102423c2f763002f3b4fb8"
+  "gitHead": "c60370714e89e0c96f2169d61e4c56bc542f7686"
 }

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

@@ -51,6 +51,7 @@ const Entity = ({
   onViewUrl,
   refetchRecord
 }) => {
+  const client = useApolloClient();
   const [, setCurrentTabId] = useState(null);
   const [formValues, setFormValues] = useState(null);
   const [entitySchema, setEntitySchema] = useState(null);
@@ -76,7 +77,6 @@ const Entity = ({
   const isCreatePage = history.location.pathname.includes('create');
   const [isNewEntity, setIsNewEntity] = useState(isCreatePage);
 
-  const client = useApolloClient();
   const shouldUpdateState =
     !entityIdentifier ||
     checkFulfilConditions(entity, schema, previousQuery, !entityData) ||
@@ -107,50 +107,47 @@ const Entity = ({
     []
   ); // Using an empty dependency array ensures this only runs on unmount
 
-  useEffect(
-    () => {
-      if (shouldUpdateState) {
-        setSaveButtonText(SAVE_BUTTON_TEXTS.save);
-        setEntityData(entity);
-        setPageTitle(getPageName(schema.displayProperties, entity));
-        setEntityIsPublish(entity.status);
-        setEntitySchema(schema);
-        setEnablePublishButton(schema.actions.publish);
-        setEntityIdentifier(schema.identifier);
-        setEnablePreviewButton(!!schema.interfaces.includes(PREVIEW_INTERFACE));
-      }
+  useEffect(() => {
+    if (shouldUpdateState) {
+      setSaveButtonText(SAVE_BUTTON_TEXTS.save);
+      setEntityData(entity);
+      setPageTitle(getPageName(schema.displayProperties, entity));
+      setEntityIsPublish(entity.status);
+      setEntitySchema(schema);
+      setEnablePublishButton(schema.actions.publish);
+      setEntityIdentifier(schema.identifier);
+      setEnablePreviewButton(!!schema.interfaces.includes(PREVIEW_INTERFACE));
+    }
 
-      if (formData && pageBuilderTemplateStatus) {
-        const isPageBuilderTemplateSet = !!formData.values.pageBuilderTemplateId;
-        client.writeQuery({
-          query: getQuery('GET_PB_TEMPLATE_STATUS'),
-          data: {
-            pageBuilderTemplateSet: isPageBuilderTemplateSet,
-            pageBuilderTemplateId: formData.values.pageBuilderTemplateId || ''
-          }
-        });
-      }
-      if (schema) {
-        client.writeQuery({
-          query: getQuery('GET_CURRENT_ENTITY'),
-          data: {
-            currentEntity: schema.id
-          }
-        });
-      }
-    },
-    [
-      client,
-      entity,
-      entityData,
-      formData,
-      formValues,
-      pageBuilderTemplateStatus,
-      previousQuery,
-      schema,
-      shouldUpdateState
-    ]
-  );
+    if (formData && pageBuilderTemplateStatus) {
+      const isPageBuilderTemplateSet = !!formData.values.pageBuilderTemplateId;
+      client.writeQuery({
+        query: getQuery('GET_PB_TEMPLATE_STATUS'),
+        data: {
+          pageBuilderTemplateSet: isPageBuilderTemplateSet,
+          pageBuilderTemplateId: formData.values.pageBuilderTemplateId || ''
+        }
+      });
+    }
+    if (schema) {
+      client.writeQuery({
+        query: getQuery('GET_CURRENT_ENTITY'),
+        data: {
+          currentEntity: schema.id
+        }
+      });
+    }
+  }, [
+    client,
+    entity,
+    entityData,
+    formData,
+    formValues,
+    pageBuilderTemplateStatus,
+    previousQuery,
+    schema,
+    shouldUpdateState
+  ]);
 
   const getFullUrl = async () => {
     const query = getQuery('GET_ENTITY_URL');

package/src/components/EntityManager/Entity/EntityHeader/EntityHeader.js

@@ -30,8 +30,7 @@ const EntityHeader = ({
 
   const {
     displayProperties: { adminCrudActions: { delete: deleteAction = { active: true } } = {} } = {}
-  } =
-    entitySchema || {};
+  } = entitySchema || {};
 
   const showDeleteButton =
     deleteAction.active && formData && Object.keys(formData.values).length !== 0;

package/src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js

@@ -21,17 +21,19 @@ const useCustomSidebarData = ({ id, schema, displayProperties }) => {
       }
     `;
 
-  const { data = {}, loading, error, refetch } = useQuery(customSidebarInfoQuery, {
+  const {
+    data = {},
+    loading,
+    error,
+    refetch
+  } = useQuery(customSidebarInfoQuery, {
     variables: { id },
     skip: !query
   });
 
-  useEffect(
-    () => {
-      refetch();
-    },
-    [externalUpdateTime, updated, refetch]
-  );
+  useEffect(() => {
+    refetch();
+  }, [externalUpdateTime, updated, refetch]);
 
   return { data: data.__typename !== 'Query' ? data : null, loading, error };
 };

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) {