@griddo/ax 1.67.4 → 1.67.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.67.4",
+  "version": "1.67.7",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -221,5 +221,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a356dd64d48cd9d3043adc038e43e6158d8f6241"
+  "gitHead": "1f30909d372622d6dac5eebcce131d7d6b086fd5"
 }

package/src/components/Modal/style.tsx

@@ -77,7 +77,6 @@ export const ModalHeader = styled.div`
 export const ModalContent = styled.div`
   position: relative;
   flex-grow: 1;
-  overflow: auto;
 `;
 
 export const Title = styled.div`
@@ -98,4 +97,4 @@ export const ModalFooter = styled.div`
     margin-left: ${(p) => p.theme.spacing.s};
   }
   border-radius: 0 0 4px 4px;
-`;
+`;

package/src/forms/editor.tsx

@@ -1,4 +1,4 @@
-import { deepClone } from "@ax/helpers";
+import { deepClone, getDisplayName } from "@ax/helpers";
 import { IPage, IBreadcrumbItem } from "@ax/types";
 
 const configKeys = ["headerConfig", "footerConfig"];
@@ -89,7 +89,11 @@ const getNewBreadcrumb = (componentsTree: any, editorID: number, isFiltered?: bo
 
   if (leaf.element.component) {
     newBreadcrumb = [
-      { editorID: leaf.element.editorID, displayName: leaf.element.component, component: leaf.element.component },
+      {
+        editorID: leaf.element.editorID,
+        displayName: getDisplayName(leaf.element.component) || leaf.element.component,
+        component: leaf.element.component,
+      },
       ...newBreadcrumb,
     ];
   }

package/src/helpers/schemas.tsx

@@ -29,8 +29,8 @@ const getTemplateThumbnails = (name: string, theme?: string) => {
 const getDataPackSchema = (name: string) => schemas.dataPacks[name];
 
 const getDisplayName = (component: string) => {
-  const { displayName } = getSchema(component);
-  return displayName;
+  const schema = getSchema(component);
+  return schema?.displayName;
 };
 
 const getSchemaType = (component: string) => {

package/src/modules/Content/atoms.tsx

@@ -96,6 +96,7 @@ const CopyModal = (props: ICopyModal): JSX.Element => {
       <S.ModalContent>
         <p>
           <strong>Select a site to copy this page. </strong>
+          <br/>
           You can only select sites with the same language as this page.
         </p>
         <S.SelectWrapper>
@@ -130,4 +131,4 @@ interface ICopyModal extends IModal {
   site: string | null;
 }
 
-export { DeleteModal, MainActionButton, SecondaryActionButton, CopyModal };
+export { DeleteModal, CopyModal, MainActionButton, SecondaryActionButton };