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

package/lib-es/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","PropTypes","Tab","TabItem","useReadFromCache","GET_CURRENT_TAB_ID","TabsContextProvider","PAGE_BUILDER_TAB","PAGE_BUILDER_TAB_INDEX","EDITOR_VIEW_TAB","EDITOR_VIEW_TAB_INDEX","Tabs","children","onTabChange","enabled","currentTabId","query","activeAccordions","setActiveAccordions","createElement","Fragment","value","selected","title","action","propTypes","oneOfType","object","arrayOf","isRequired","func","bool"],"sources":["../../../src/components/Tabs/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Tab, TabItem } from '@blaze-react/tab';\nimport {\n  useReadFromCache,\n  GET_CURRENT_TAB_ID,\n  TabsContextProvider\n} from '@blaze-cms/admin-ui-utils';\nimport {\n  PAGE_BUILDER_TAB,\n  PAGE_BUILDER_TAB_INDEX,\n  EDITOR_VIEW_TAB,\n  EDITOR_VIEW_TAB_INDEX\n} from '../../constants';\n\nconst Tabs = ({ children, onTabChange, enabled }) => {\n  const { currentTabId } = useReadFromCache({ query: GET_CURRENT_TAB_ID }) || EDITOR_VIEW_TAB_INDEX;\n  const [activeAccordions, setActiveAccordions] = useState([]);\n  return enabled ? (\n    <>\n      <TabsContextProvider value={{ currentTabId, activeAccordions, setActiveAccordions }}>\n        <Tab selected={currentTabId}>\n          <TabItem title={EDITOR_VIEW_TAB} action={() => onTabChange(EDITOR_VIEW_TAB_INDEX)}>\n            {children}\n          </TabItem>\n          <TabItem title={PAGE_BUILDER_TAB} action={() => onTabChange(PAGE_BUILDER_TAB_INDEX)}>\n            {children}\n          </TabItem>\n        </Tab>\n      </TabsContextProvider>\n    </>\n  ) : (\n    <>{children}</>\n  );\n};\nTabs.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired,\n  onTabChange: PropTypes.func.isRequired,\n  enabled: PropTypes.bool.isRequired\n};\n\nexport default Tabs;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,GAAG,EAAEC,OAAO,QAAQ,kBAAkB;AAC/C,SACEC,gBAAgB,EAChBC,kBAAkB,EAClBC,mBAAmB,QACd,2BAA2B;AAClC,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,eAAe,EACfC,qBAAqB,QAChB,iBAAiB;AAExB,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAQ,CAAC,KAAK;EACnD,MAAM;IAAEC;EAAa,CAAC,GAAGX,gBAAgB,CAAC;IAAEY,KAAK,EAAEX;EAAmB,CAAC,CAAC,IAAIK,qBAAqB;EACjG,MAAM,CAACO,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGlB,QAAQ,CAAC,EAAE,CAAC;EAC5D,OAAOc,OAAO,gBACZf,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAoB,aAAA,CAACb,mBAAmB;IAACe,KAAK,EAAE;MAAEN,YAAY;MAAEE,gBAAgB;MAAEC;IAAoB;EAAE,gBAClFnB,KAAA,CAAAoB,aAAA,CAACjB,GAAG;IAACoB,QAAQ,EAAEP;EAAa,gBAC1BhB,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACoB,KAAK,EAAEd,eAAgB;IAACe,MAAM,EAAEA,CAAA,KAAMX,WAAW,CAACH,qBAAqB;EAAE,GAC/EE,QACM,CAAC,eACVb,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACoB,KAAK,EAAEhB,gBAAiB;IAACiB,MAAM,EAAEA,CAAA,KAAMX,WAAW,CAACL,sBAAsB;EAAE,GACjFI,QACM,CACN,CACc,CACrB,CAAC,gBAEHb,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QAAGR,QAAW,CACf;AACH,CAAC;AACDD,IAAI,CAACc,SAAS,GAAG;EACfb,QAAQ,EAAEX,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,MAAM,EAAE1B,SAAS,CAAC2B,OAAO,CAAC3B,SAAS,CAAC0B,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU;EACjGhB,WAAW,EAAEZ,SAAS,CAAC6B,IAAI,CAACD,UAAU;EACtCf,OAAO,EAAEb,SAAS,CAAC8B,IAAI,CAACF;AAC1B,CAAC;AAED,eAAelB,IAAI","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","PropTypes","Tab","TabItem","useReadFromCache","GET_CURRENT_TAB_ID","TabsContextProvider","PAGE_BUILDER_TAB","PAGE_BUILDER_TAB_INDEX","EDITOR_VIEW_TAB","EDITOR_VIEW_TAB_INDEX","Tabs","children","onTabChange","enabled","currentTabId","query","activeAccordions","setActiveAccordions","createElement","value","selected","title","action","propTypes","oneOfType","object","arrayOf","isRequired","func","bool"],"sources":["../../../src/components/Tabs/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Tab, TabItem } from '@blaze-react/tab';\nimport {\n  useReadFromCache,\n  GET_CURRENT_TAB_ID,\n  TabsContextProvider\n} from '@blaze-cms/admin-ui-utils';\nimport {\n  PAGE_BUILDER_TAB,\n  PAGE_BUILDER_TAB_INDEX,\n  EDITOR_VIEW_TAB,\n  EDITOR_VIEW_TAB_INDEX\n} from '../../constants';\n\nconst Tabs = ({ children, onTabChange, enabled }) => {\n  const { currentTabId } = useReadFromCache({ query: GET_CURRENT_TAB_ID }) || EDITOR_VIEW_TAB_INDEX;\n  const [activeAccordions, setActiveAccordions] = useState([]);\n\n  if (!enabled) return children;\n\n  return (\n    <TabsContextProvider value={{ currentTabId, activeAccordions, setActiveAccordions }}>\n      <Tab selected={currentTabId}>\n        <TabItem title={EDITOR_VIEW_TAB} action={() => onTabChange(EDITOR_VIEW_TAB_INDEX)}>\n          {children}\n        </TabItem>\n        <TabItem title={PAGE_BUILDER_TAB} action={() => onTabChange(PAGE_BUILDER_TAB_INDEX)}>\n          {children}\n        </TabItem>\n      </Tab>\n    </TabsContextProvider>\n  );\n};\n\nTabs.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired,\n  onTabChange: PropTypes.func.isRequired,\n  enabled: PropTypes.bool.isRequired\n};\n\nexport default Tabs;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,GAAG,EAAEC,OAAO,QAAQ,kBAAkB;AAC/C,SACEC,gBAAgB,EAChBC,kBAAkB,EAClBC,mBAAmB,QACd,2BAA2B;AAClC,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,eAAe,EACfC,qBAAqB,QAChB,iBAAiB;AAExB,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAQ,CAAC,KAAK;EACnD,MAAM;IAAEC;EAAa,CAAC,GAAGX,gBAAgB,CAAC;IAAEY,KAAK,EAAEX;EAAmB,CAAC,CAAC,IAAIK,qBAAqB;EACjG,MAAM,CAACO,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGlB,QAAQ,CAAC,EAAE,CAAC;EAE5D,IAAI,CAACc,OAAO,EAAE,OAAOF,QAAQ;EAE7B,oBACEb,KAAA,CAAAoB,aAAA,CAACb,mBAAmB;IAACc,KAAK,EAAE;MAAEL,YAAY;MAAEE,gBAAgB;MAAEC;IAAoB;EAAE,gBAClFnB,KAAA,CAAAoB,aAAA,CAACjB,GAAG;IAACmB,QAAQ,EAAEN;EAAa,gBAC1BhB,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACmB,KAAK,EAAEb,eAAgB;IAACc,MAAM,EAAEA,CAAA,KAAMV,WAAW,CAACH,qBAAqB;EAAE,GAC/EE,QACM,CAAC,eACVb,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACmB,KAAK,EAAEf,gBAAiB;IAACgB,MAAM,EAAEA,CAAA,KAAMV,WAAW,CAACL,sBAAsB;EAAE,GACjFI,QACM,CACN,CACc,CAAC;AAE1B,CAAC;AAEDD,IAAI,CAACa,SAAS,GAAG;EACfZ,QAAQ,EAAEX,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,MAAM,EAAEzB,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAACyB,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU;EACjGf,WAAW,EAAEZ,SAAS,CAAC4B,IAAI,CAACD,UAAU;EACtCd,OAAO,EAAEb,SAAS,CAAC6B,IAAI,CAACF;AAC1B,CAAC;AAED,eAAejB,IAAI","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-data-ui",
-  "version": "0.146.0-node18-core-styles.2",
+  "version": "0.146.0-node18-core-styles-tooltips.0",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,18 +27,18 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.146.0-node18-core-styles.2",
-    "@blaze-cms/core-errors": "0.146.0-node18-core-styles.2",
-    "@blaze-cms/plugin-render-hooks-ui": "0.146.0-node18-core-styles.0",
-    "@blaze-cms/react-form-builder": "0.146.0-node18-core-styles.2",
-    "@blaze-cms/react-page-builder": "0.146.0-node18-core-styles.2",
-    "@blaze-cms/setup-ui": "0.146.0-node18-core-styles.0",
-    "@blaze-cms/versioning-ui": "0.146.0-node18-core-styles.0",
+    "@blaze-cms/admin-ui-utils": "0.146.0-node18-core-styles-tooltips.0",
+    "@blaze-cms/core-errors": "0.146.0-node18-core-styles-tooltips.0",
+    "@blaze-cms/plugin-render-hooks-ui": "0.146.0-node18-core-styles-tooltips.0",
+    "@blaze-cms/react-form-builder": "0.146.0-node18-core-styles-tooltips.0",
+    "@blaze-cms/react-page-builder": "0.146.0-node18-core-styles-tooltips.0",
+    "@blaze-cms/setup-ui": "0.146.0-node18-core-styles-tooltips.0",
+    "@blaze-cms/versioning-ui": "0.146.0-node18-core-styles-tooltips.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/multiselect": "0.8.0-alpha.100",
     "@blaze-react/pagination": "0.8.0-alpha.76",
-    "@blaze-react/select": "0.8.0-alpha.80",
+    "@blaze-react/select": "0.8.0-alpha.100",
     "@blaze-react/tab": "^0.7.0",
     "@blaze-react/table": "0.8.0-alpha.74",
     "@blaze-react/toaster": "^0.7.0",
@@ -57,7 +57,7 @@
     "uuid": "^3.3.3"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-node18-core-styles.2"
+    "@blaze-cms/core-ui": "0.146.0-node18-core-styles-tooltips.0"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
@@ -69,5 +69,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "c124596c6b8d92f08f58c4dc004a4ea7d1703f23"
+  "gitHead": "fc6d636ac61f994280bd9a08da2ba38a360e41d3"
 }

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

@@ -4,7 +4,7 @@ import { withRouter, Prompt } from 'react-router-dom';
 import { useApolloClient } from '@apollo/client';
 import PropTypes from 'prop-types';
 import { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';
-import { getQuery, GET_CURRENT_TAB_ID } from '@blaze-cms/admin-ui-utils';
+import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { FormBuilder, parseFormValues } from '@blaze-cms/react-form-builder';
 import { DeleteAction, CopyDataFromAction } from '@blaze-cms/admin';
 import { useToasts } from '@blaze-react/toaster';
@@ -12,7 +12,6 @@ import cloneDeep from 'lodash.clonedeep';
 import { getPageName } from '../utils/data-mappers';
 import availableActions from './actions-handlers';
 import SideBarRelations from './SideBarRelations';
-import Tabs from '../../Tabs';
 import useCallbackDebounce from '../../hooks/useCallbackDebounce';
 
 import {
@@ -50,8 +49,6 @@ const Entity = ({
   onViewUrl,
   refetchRecord
 }) => {
-  const client = useApolloClient();
-  const [, setCurrentTabId] = useState(null);
   const [formValues, setFormValues] = useState(null);
   const [entitySchema, setEntitySchema] = useState(null);
   const [entityData, setEntityData] = useState(null);
@@ -77,6 +74,7 @@ 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) ||
@@ -415,9 +413,6 @@ const Entity = ({
   const hasToDisplayPrompt = isSaveButtonAvailable && !suppressPrompt;
 
   const showSideBarRelations = checkFulfilConditions(schema, formData);
-  const showPageBuilderTabs =
-    schema?.interfaces?.includes('page-builder/page-builder-template') ||
-    schema?.interfaces?.includes('page-builder/page-builder');
 
   return (
     <RecordEditContextProvider value={{ externalUpdateTime, updated: formData?.values?.updated }}>
@@ -458,7 +453,7 @@ const Entity = ({
               />
             )}
 
-            <div className="page__content--fixed">
+            <div className="page__content">
               <div className="page__content">
                 <div className="content">
                   <RenderHook
@@ -467,28 +462,18 @@ const Entity = ({
                     schema={schema}
                   />
                   <InfoBoxes id={entity.id} schema={schema} />
-                  <Tabs
-                    enabled={showPageBuilderTabs}
-                    onTabChange={tabId => {
-                      client.writeQuery({
-                        query: GET_CURRENT_TAB_ID,
-                        data: { currentTabId: tabId }
-                      });
-                      setCurrentTabId(tabId);
-                    }}>
-                    <FormBuilder
-                      getIsFormValid={setIsFormValid}
-                      getFormValues={getFormValues}
-                      schema={schema}
-                      data={clonedFormData}
-                      onChange={onChangeFormValues}
-                      shouldCopyData={shouldCopyData}
-                      updateCopyData={updateCopyData}
-                      formValues={formValues}
-                      isNewEntity={isNewEntity}
-                      onExternalUpdate={setExternalUpdateTime}
-                    />
-                  </Tabs>
+                  <FormBuilder
+                    getIsFormValid={setIsFormValid}
+                    getFormValues={getFormValues}
+                    schema={schema}
+                    data={clonedFormData}
+                    onChange={onChangeFormValues}
+                    shouldCopyData={shouldCopyData}
+                    updateCopyData={updateCopyData}
+                    formValues={formValues}
+                    isNewEntity={isNewEntity}
+                    onExternalUpdate={setExternalUpdateTime}
+                  />
                   <RenderHook
                     hookKey={`entity:${action}:main:bottom`}
                     entity={entity}

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

@@ -23,7 +23,10 @@ const HeaderPreviewButton = ({ itemId, itemEntity }) => {
         }
       });
 
-      if (url) window.open(url, '_blank');
+      if (url) {
+        const delimiter = url.includes('?') ? '&' : '?';
+        window.open(`${url}${delimiter}blaze_debug=1`, '_blank');
+      }
       // eslint-disable-next-line no-empty
     } catch (err) {}
   };

package/src/components/EntityManager/utils/entity.js

@@ -28,7 +28,10 @@ function validateSideBarRelations(updatedFormValues, requiredChildField) {
 
 async function onViewUrlClick(getFullUrl) {
   const fullUrl = await getFullUrl();
-  if (fullUrl) window.open(fullUrl, '_blank');
+  if (fullUrl) {
+    const delimiter = fullUrl.includes('?') ? '&' : '?';
+    window.open(`${fullUrl}${delimiter}blaze_debug=1`, '_blank');
+  }
 }
 
 function getUpdatedFormValues({ id, value, requiredChildField, formValues }) {

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import Table from '@blaze-react/table';
 import Pagination from '@blaze-react/pagination';
-
 import PropTypes from 'prop-types';
 import { withRouter } from 'react-router-dom';
 
@@ -17,30 +16,30 @@ const ListingTableContent = ({
   const { isEnquiry } = tableData;
   const className = `page__content${isEnquiry ? ' array-table' : ''}`;
 
+  if (displayTable) {
+    return (
+      <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>
+    );
+  }
+
   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>
-      ) : (
-        <span className="table-no-results" data-testid="no-results">
-          No results
-        </span>
-      )}
-    </>
+    <span className="table-no-results" data-testid="no-results">
+      No results
+    </span>
   );
 };
 

package/src/components/Tabs/index.js

@@ -16,23 +16,23 @@ import {
 const Tabs = ({ children, onTabChange, enabled }) => {
   const { currentTabId } = useReadFromCache({ query: GET_CURRENT_TAB_ID }) || EDITOR_VIEW_TAB_INDEX;
   const [activeAccordions, setActiveAccordions] = useState([]);
-  return enabled ? (
-    <>
-      <TabsContextProvider value={{ currentTabId, activeAccordions, setActiveAccordions }}>
-        <Tab selected={currentTabId}>
-          <TabItem title={EDITOR_VIEW_TAB} action={() => onTabChange(EDITOR_VIEW_TAB_INDEX)}>
-            {children}
-          </TabItem>
-          <TabItem title={PAGE_BUILDER_TAB} action={() => onTabChange(PAGE_BUILDER_TAB_INDEX)}>
-            {children}
-          </TabItem>
-        </Tab>
-      </TabsContextProvider>
-    </>
-  ) : (
-    <>{children}</>
+
+  if (!enabled) return children;
+
+  return (
+    <TabsContextProvider value={{ currentTabId, activeAccordions, setActiveAccordions }}>
+      <Tab selected={currentTabId}>
+        <TabItem title={EDITOR_VIEW_TAB} action={() => onTabChange(EDITOR_VIEW_TAB_INDEX)}>
+          {children}
+        </TabItem>
+        <TabItem title={PAGE_BUILDER_TAB} action={() => onTabChange(PAGE_BUILDER_TAB_INDEX)}>
+          {children}
+        </TabItem>
+      </Tab>
+    </TabsContextProvider>
   );
 };
+
 Tabs.propTypes = {
   children: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired,
   onTabChange: PropTypes.func.isRequired,