@blaze-cms/react-page-builder 0.146.0-core-styles.43 → 0.146.0-node18.0

package/tests/unit/src/components/TextBlock/__snapshots__/TextBlock.test.js.snap

@@ -14,6 +14,9 @@ exports[`TextBlock component With wrapper flag should render with wrapper and le
       <a
         aria-label="link"
         href="/"
+      />
+      <a
+        href="/"
       >
         link
       </a>
@@ -37,6 +40,9 @@ exports[`TextBlock component With wrapper flag should render with wrapper and le
       <a
         aria-label="link"
         href="/"
+      />
+      <a
+        href="/"
       >
         link
       </a>
@@ -60,6 +66,9 @@ exports[`TextBlock component should match snapshot 1`] = `
       <a
         aria-label="link"
         href="/"
+      />
+      <a
+        href="/"
       >
         link
       </a>
@@ -80,6 +89,9 @@ exports[`TextBlock component should not render wrapper if no modifier 1`] = `
     <a
       aria-label="link"
       href="/"
+    />
+    <a
+      href="/"
     >
       link
     </a>

package/tests/unit/src/helpers/__snapshots__/parse-textBlock.test.js.snap

@@ -7,6 +7,9 @@ exports[`Parse textBlock it should match snapshot 1`] = `
     <a
       aria-label="link"
       href="/"
+    />
+    <a
+      href="/"
     >
       link
     </a>

package/tests/unit/src/helpers/build-checkbox-filters.test.js

@@ -8,7 +8,10 @@ describe('buildCheckboxFilters helper', () => {
   });
 
   it('should handle new array filters', () => {
-    const checkboxFilters = [['filterName', 'not'], ['secondFilter', 'on']];
+    const checkboxFilters = [
+      ['filterName', 'not'],
+      ['secondFilter', 'on']
+    ];
     const result = buildCheckboxFilters(checkboxFilters);
     expect(result).toEqual([{ match: { filterName: false } }, { match: { secondFilter: true } }]);
   });

package/tests/unit/src/helpers/get-dictionary-match.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getDictionaryMatch from '.../../../src/helpers/get-dictionary-match';
+import getDictionaryMatch from '../../../../src/helpers/get-dictionary-match';
 
 describe('get dictionary match', () => {
   const gridStringMock = getDictionaryMatch(3);

package/tests/unit/src/helpers/parse-textBlock.test.js

@@ -14,7 +14,9 @@ describe('Parse textBlock', () => {
 
   beforeAll(() => {
     const parsedTextBlock = parseTextBlock({ html, LinkWrapper: BlazeLink });
-    expectedMarkup = () => <>{parsedTextBlock}</>;
+    expectedMarkup = () => {
+      parsedTextBlock;
+    };
   });
 
   test('it should match snapshot', () => {

package/tests/unit/src/hooks/use-check-mobile-screen.test.js

@@ -1,9 +1,9 @@
 /**
  * @jest-environment jsdom
  */
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { useCheckMobileScreen } from '../../../../src/hooks';
-
+// TODO fix breaking test
 describe('Check Mobile Screen hook', () => {
   it('should server render will always be mobile', () => {
     global.innerWidth = undefined;
@@ -29,6 +29,7 @@ describe('Check Mobile Screen hook', () => {
     resizeCheck(screenSize, isMobile);
   });
 });
+
 function resizeCheck(screenSize, isMobile) {
   const { result, rerender } = renderHook(() => useCheckMobileScreen());
   rerender();

package/tests/unit/src/hooks/use-get-image-id-from-relation.test.js

@@ -2,7 +2,7 @@
  * @jest-environment jsdom
  */
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 
 import useGetImageIdFromRelation from '../../../../src/hooks/use-get-image-id-from-relation';
@@ -76,7 +76,7 @@ describe('useGetImageIdFromRelation', () => {
 });
 
 function renderCustomHook() {
-  const { result, waitForNextUpdate } = renderHook(
+  const { result } = renderHook(
     () =>
       useGetImageIdFromRelation(
         mockProps.id,
@@ -88,5 +88,5 @@ function renderCustomHook() {
     { wrapper }
   );
 
-  return { result, waitForNextUpdate };
+  return { result };
 }

package/tests/unit/src/hooks/use-get-images.test.js

@@ -4,7 +4,7 @@
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react';
 import { useGetImages } from '../../../../src/hooks';
 import { getFiles, getFileById } from '../../../../src/application/query';
 
@@ -69,25 +69,23 @@ describe('UseGetImages hook', () => {
     <MockedProvider mocks={ARRAY_MOCK}>{children}</MockedProvider>
   );
 
-  it('should be a function', () => {
-    expect(typeof useGetImages).toEqual('function');
-  });
-
   it('should return expected value (id is an array)', async () => {
     const wrapper = ({ children }) => (
       <MockedProvider mocks={ARRAY_MOCK}>{children}</MockedProvider>
     );
     const ids = [id1, id2];
     const hasMultipleIds = true;
-    const { result, waitForNextUpdate } = renderHook(() => useGetImages(ids, hasMultipleIds), {
+    const { result } = renderHook(() => useGetImages(ids, hasMultipleIds), {
       wrapper
     });
 
     expect(result.current.loading).toEqual(true);
 
-    await act(() => waitForNextUpdate());
+    await waitFor(() => {
+      const { loading } = result.current;
+      expect(loading).toBe(false);
+    });
 
-    expect(result.current.loading).toEqual(false);
     expect(result.current).toEqual({
       data: {
         getFiles: resultData
@@ -98,15 +96,17 @@ describe('UseGetImages hook', () => {
   });
 
   it('should return expected value (id is an array) when id is string', async () => {
-    const { result, waitForNextUpdate } = renderHook(() => useGetImages(id1, true), {
+    const { result } = renderHook(() => useGetImages(id1, true), {
       wrapper: arrayWrapper
     });
 
     expect(result.current.loading).toEqual(true);
 
-    await act(() => waitForNextUpdate());
+    await waitFor(() => {
+      const { loading } = result.current;
+      expect(loading).toBe(false);
+    });
 
-    expect(result.current.loading).toEqual(false);
     expect(result.current).toEqual({
       data: {
         getFiles: [resultData[0]]
@@ -145,15 +145,17 @@ describe('UseGetImages hook', () => {
       <MockedProvider mocks={STRING_MOCK}>{children}</MockedProvider>
     );
 
-    const { result, waitForNextUpdate } = renderHook(() => useGetImages(id1), {
+    const { result } = renderHook(() => useGetImages(id1), {
       wrapper
     });
 
     expect(result.current.loading).toEqual(true);
 
-    await act(() => waitForNextUpdate());
+    await waitFor(() => {
+      const { loading } = result.current;
+      expect(loading).toBe(false);
+    });
 
-    expect(result.current.loading).toEqual(false);
     expect(result.current).toEqual({
       data: {
         getFile: resultData[0]

package/tests/unit/src/hooks/use-get-single-entity-schema.test.js

@@ -2,7 +2,7 @@
  * @jest-environment jsdom
  */
 import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, waitFor } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 import { useGetSingleEntitySchema } from '../../../../src/hooks';
 import { getSingleEntitySchema } from '../../../../src/application/query';
@@ -47,13 +47,15 @@ const wrapper = ({ children }) => (
 
 describe('useGetSingleEntitySchema hook', () => {
   it('should return a single schema object', async () => {
-    const { result, waitForNextUpdate } = renderHook(() => useGetSingleEntitySchema('page'), {
+    const { result } = renderHook(() => useGetSingleEntitySchema('page'), {
       wrapper
     });
 
-    await act(() => waitForNextUpdate());
+    await waitFor(() => {
+      const { loading } = result.current;
+      expect(loading).toBe(false);
+    });
 
-    expect(result.current.loading).toEqual(false);
     expect(result.current).toEqual({
       data: {
         getEntitySchema: mockQueryResults

package/lib/components/MenuItem/helpers/has-active-child.js

@@ -1,19 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.object.to-string.js");
-var _isUrlPathMatch = _interopRequireDefault(require("./isUrlPathMatch"));
-var _helpers = require("../../../helpers");
-var hasActiveChild = function hasActiveChild(path, children) {
-  return (0, _helpers.hasChildren)(children) && children.props.children[1][0].props.component.items.find(function (menuItem) {
-    return (0, _isUrlPathMatch["default"])(path, menuItem.settings.url);
-  });
-};
-var _default = exports["default"] = hasActiveChild;
-//# sourceMappingURL=has-active-child.js.map

package/lib/components/MenuItem/helpers/has-active-child.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"has-active-child.js","names":["_isUrlPathMatch","_interopRequireDefault","require","_helpers","hasActiveChild","path","children","hasChildren","props","component","items","find","menuItem","isUrlPathMatch","settings","url","_default","exports"],"sources":["../../../../src/components/MenuItem/helpers/has-active-child.js"],"sourcesContent":["import isUrlPathMatch from './isUrlPathMatch';\nimport { hasChildren } from '../../../helpers';\n\nconst hasActiveChild = (path, children) =>\n  hasChildren(children) &&\n  children.props.children[1][0].props.component.items.find(menuItem =>\n    isUrlPathMatch(path, menuItem.settings.url)\n  );\n\nexport default hasActiveChild;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAI,EAAEC,QAAQ;EAAA,OACpC,IAAAC,oBAAW,EAACD,QAAQ,CAAC,IACrBA,QAAQ,CAACE,KAAK,CAACF,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACE,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAAC,UAAAC,QAAQ;IAAA,OAC/D,IAAAC,0BAAc,EAACR,IAAI,EAAEO,QAAQ,CAACE,QAAQ,CAACC,GAAG,CAAC;EAAA,CAC7C,CAAC;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEWb,cAAc"}

package/lib/components/MenuItem/helpers/isUrlPathMatch.js

@@ -1,18 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.regexp.constructor.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.regexp.to-string.js");
-var isUrlPathMatch = function isUrlPathMatch(path, itemUrl) {
-  if (!itemUrl || !path) return false;
-  var reg = new RegExp(/^[^?]+/);
-  var _path = reg.exec(path)[0];
-  return _path === itemUrl || _path === "/".concat(itemUrl);
-};
-var _default = exports["default"] = isUrlPathMatch;
-//# sourceMappingURL=isUrlPathMatch.js.map

package/lib/components/MenuItem/helpers/isUrlPathMatch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isUrlPathMatch.js","names":["isUrlPathMatch","path","itemUrl","reg","RegExp","_path","exec","concat","_default","exports"],"sources":["../../../../src/components/MenuItem/helpers/isUrlPathMatch.js"],"sourcesContent":["const isUrlPathMatch = (path, itemUrl) => {\n  if (!itemUrl || !path) return false;\n\n  const reg = new RegExp(/^[^?]+/);\n  const _path = reg.exec(path)[0];\n\n  return _path === itemUrl || _path === `/${itemUrl}`;\n};\n\nexport default isUrlPathMatch;\n"],"mappings":";;;;;;;;;;AAAA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAI,EAAEC,OAAO,EAAK;EACxC,IAAI,CAACA,OAAO,IAAI,CAACD,IAAI,EAAE,OAAO,KAAK;EAEnC,IAAME,GAAG,GAAG,IAAIC,MAAM,CAAC,QAAQ,CAAC;EAChC,IAAMC,KAAK,GAAGF,GAAG,CAACG,IAAI,CAACL,IAAI,CAAC,CAAC,CAAC,CAAC;EAE/B,OAAOI,KAAK,KAAKH,OAAO,IAAIG,KAAK,SAAAE,MAAA,CAASL,OAAO,CAAE;AACrD,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEaT,cAAc"}

package/lib-es/components/MenuItem/helpers/has-active-child.js

@@ -1,5 +0,0 @@
-import isUrlPathMatch from './isUrlPathMatch';
-import { hasChildren } from '../../../helpers';
-const hasActiveChild = (path, children) => hasChildren(children) && children.props.children[1][0].props.component.items.find(menuItem => isUrlPathMatch(path, menuItem.settings.url));
-export default hasActiveChild;
-//# sourceMappingURL=has-active-child.js.map

package/lib-es/components/MenuItem/helpers/has-active-child.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"has-active-child.js","names":["isUrlPathMatch","hasChildren","hasActiveChild","path","children","props","component","items","find","menuItem","settings","url"],"sources":["../../../../src/components/MenuItem/helpers/has-active-child.js"],"sourcesContent":["import isUrlPathMatch from './isUrlPathMatch';\nimport { hasChildren } from '../../../helpers';\n\nconst hasActiveChild = (path, children) =>\n  hasChildren(children) &&\n  children.props.children[1][0].props.component.items.find(menuItem =>\n    isUrlPathMatch(path, menuItem.settings.url)\n  );\n\nexport default hasActiveChild;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,MAAMC,cAAc,GAAGA,CAACC,IAAI,EAAEC,QAAQ,KACpCH,WAAW,CAACG,QAAQ,CAAC,IACrBA,QAAQ,CAACC,KAAK,CAACD,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAACC,QAAQ,IAC/DT,cAAc,CAACG,IAAI,EAAEM,QAAQ,CAACC,QAAQ,CAACC,GAAG,CAC5C,CAAC;AAEH,eAAeT,cAAc"}

package/lib-es/components/MenuItem/helpers/isUrlPathMatch.js

@@ -1,8 +0,0 @@
-const isUrlPathMatch = (path, itemUrl) => {
-  if (!itemUrl || !path) return false;
-  const reg = new RegExp(/^[^?]+/);
-  const _path = reg.exec(path)[0];
-  return _path === itemUrl || _path === `/${itemUrl}`;
-};
-export default isUrlPathMatch;
-//# sourceMappingURL=isUrlPathMatch.js.map

package/lib-es/components/MenuItem/helpers/isUrlPathMatch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isUrlPathMatch.js","names":["isUrlPathMatch","path","itemUrl","reg","RegExp","_path","exec"],"sources":["../../../../src/components/MenuItem/helpers/isUrlPathMatch.js"],"sourcesContent":["const isUrlPathMatch = (path, itemUrl) => {\n  if (!itemUrl || !path) return false;\n\n  const reg = new RegExp(/^[^?]+/);\n  const _path = reg.exec(path)[0];\n\n  return _path === itemUrl || _path === `/${itemUrl}`;\n};\n\nexport default isUrlPathMatch;\n"],"mappings":"AAAA,MAAMA,cAAc,GAAGA,CAACC,IAAI,EAAEC,OAAO,KAAK;EACxC,IAAI,CAACA,OAAO,IAAI,CAACD,IAAI,EAAE,OAAO,KAAK;EAEnC,MAAME,GAAG,GAAG,IAAIC,MAAM,CAAC,QAAQ,CAAC;EAChC,MAAMC,KAAK,GAAGF,GAAG,CAACG,IAAI,CAACL,IAAI,CAAC,CAAC,CAAC,CAAC;EAE/B,OAAOI,KAAK,KAAKH,OAAO,IAAIG,KAAK,KAAM,IAAGH,OAAQ,EAAC;AACrD,CAAC;AAED,eAAeF,cAAc"}

package/src/components/MenuItem/helpers/has-active-child.js

@@ -1,10 +0,0 @@
-import isUrlPathMatch from './isUrlPathMatch';
-import { hasChildren } from '../../../helpers';
-
-const hasActiveChild = (path, children) =>
-  hasChildren(children) &&
-  children.props.children[1][0].props.component.items.find(menuItem =>
-    isUrlPathMatch(path, menuItem.settings.url)
-  );
-
-export default hasActiveChild;

package/src/components/MenuItem/helpers/isUrlPathMatch.js

@@ -1,10 +0,0 @@
-const isUrlPathMatch = (path, itemUrl) => {
-  if (!itemUrl || !path) return false;
-
-  const reg = new RegExp(/^[^?]+/);
-  const _path = reg.exec(path)[0];
-
-  return _path === itemUrl || _path === `/${itemUrl}`;
-};
-
-export default isUrlPathMatch;

package/tests/unit/src/components/MenuItem/helpers/constants.js

@@ -1,73 +0,0 @@
-export const mockMenuProps = {
-  props: {
-    children: [
-      false,
-      [
-        {
-          props: {
-            component: {
-              items: [
-                {
-                  type: 'menuitem',
-                  settings: {
-                    name: 'menuitem-card',
-                    url: 'card',
-                    text: 'Card'
-                  },
-                  id: 'menuitem-card-1',
-                  items: [],
-                  name: 'menuitem-card-1'
-                },
-                {
-                  type: 'menuitem',
-                  settings: {
-                    name: 'menuitem-Card',
-
-                    url: 'card',
-                    text: 'Card'
-                  },
-                  id: 'menuitem-Card-1',
-                  items: [],
-                  name: 'menuitem-Card-1'
-                },
-                {
-                  type: 'menuitem',
-                  settings: {
-                    name: 'menuitem-card-Carousel',
-                    url: 'card-carousel',
-                    text: 'Card Carousel'
-                  },
-                  id: 'menuitem-card-carousel-1',
-                  items: [],
-                  name: 'menuitem-card-carousel-1'
-                },
-                {
-                  type: 'menuitem',
-                  settings: {
-                    eventType: 'hover',
-                    name: 'menuitem-Content-Group',
-                    modifier: null,
-                    url: 'content-group',
-                    text: 'Content Group',
-                    variant: null,
-                    gtmClassName: null,
-                    entities: [],
-                    filterByProperty: [],
-                    filterByFeatured: 'off',
-                    filterBySponsored: 'off',
-                    operator: 'AND',
-                    filterBy: [],
-                    sortProperties: []
-                  },
-                  id: 'menuitem-Content-Group-1',
-                  items: [],
-                  name: 'menuitem-Content-Group-1'
-                }
-              ]
-            }
-          }
-        }
-      ]
-    ]
-  }
-};

package/tests/unit/src/components/MenuItem/helpers/has-active-child.test.js

@@ -1,35 +0,0 @@
-/* eslint-disable no-unused-vars */
-import '@testing-library/jest-dom/extend-expect';
-import { hasActiveChild } from '../../../../../../src/components/MenuItem/helpers';
-import { mockMenuProps } from './constants';
-
-describe('hasActiveChild', () => {
-  const structuredClone = val => JSON.parse(JSON.stringify(val));
-
-  it('should return true for finding active menu-item child', () => {
-    const activePath = '/card';
-    const menuProps = mockMenuProps;
-    const result = !!hasActiveChild(activePath, menuProps);
-    expect(result).toBe(true);
-  });
-
-  it('shoul return false for findng no exact match', () => {
-    const activePath = '/carousel';
-    const menuProps = mockMenuProps;
-
-    const result = !!hasActiveChild(activePath, menuProps);
-    expect(result).toBe(false);
-  });
-
-  it('should return false for empty children-items', () => {
-    const activePath = '/carousel';
-    const menuWithNoChildrenProps = (() => {
-      const obj = structuredClone(mockMenuProps);
-      obj.props.children[1][0].props.component.items = [];
-      return obj;
-    }).call();
-
-    const result = !!hasActiveChild(activePath, menuWithNoChildrenProps);
-    expect(result).toBe(false);
-  });
-});

package/tests/unit/src/components/MenuItem/helpers/is-url-path-match.test.js

@@ -1,46 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import { isUrlPathMatch } from '../../../../../../src/components/MenuItem/helpers';
-
-describe('isUrlPathMatch', () => {
-  it('should return true since path and itemUrl match', () => {
-    const path = '/button';
-    const itemUrl = 'button';
-    const result = isUrlPathMatch(path, itemUrl);
-    expect(result).toBeTruthy();
-  });
-
-  it('should match since path and itemUrl do not match', () => {
-    const path = '/card';
-    const itemUrl = 'button';
-    const result = isUrlPathMatch(path, itemUrl);
-    expect(result).toBeFalsy();
-  });
-
-  it('should not match since path and itemUrl is a partial match', () => {
-    const path = '/button-card';
-    const itemUrl = 'button';
-    const result = isUrlPathMatch(path, itemUrl);
-    expect(result).toBeFalsy();
-  });
-
-  it('should not match since nested path and itemUrl is a partial match', () => {
-    const path = '/button/child';
-    const itemUrl = 'button';
-    const result = isUrlPathMatch(path, itemUrl);
-    expect(result).toBeFalsy();
-  });
-
-  it('should match with uri-with-parameters', () => {
-    const path = '/button?paramater=value';
-    const itemUrl = 'button';
-    const result = isUrlPathMatch(path, itemUrl);
-    expect(result).toBeTruthy();
-  });
-
-  it('should not match with empty itemUrl', () => {
-    const path = '/';
-    const itemUrl = null;
-    const result = isUrlPathMatch(path, itemUrl);
-    expect(result).toBeFalsy();
-  });
-});

package/tests/unit/src/hooks/use-page-builder.test.js

@@ -1,48 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
-import PropTypes from 'prop-types';
-import { shallow } from 'enzyme';
-import { usePageBuilder } from '../../../../src/hooks';
-import { PAGE_BUILDER_MOCK } from '../../../helpers/mocks';
-
-const Mock = ({ data = null }) => {
-  const child = usePageBuilder(data);
-
-  return <div>{child}</div>;
-};
-
-Mock.propTypes = {
-  data: PropTypes.array
-};
-
-Mock.defaultProps = {
-  data: null
-};
-
-describe('Build Page hook', () => {
-  const defaultPage = shallow(<Mock data={PAGE_BUILDER_MOCK} />);
-
-  it('should be defined', () => {
-    expect(usePageBuilder).toBeDefined();
-  });
-
-  describe('should always return an Array', () => {
-    const isArray = data => Array.isArray(data);
-
-    it('should return an Array with data', () => {
-      const hasChild = defaultPage.props().children;
-
-      expect(isArray(hasChild)).toBeTruthy();
-    });
-
-    it('should return Array with empty data', () => {
-      const pageWithoutData = shallow(<Mock />);
-      const hasNoChild = pageWithoutData.props().children;
-
-      expect(isArray(hasNoChild)).toBeTruthy();
-    });
-  });
-});