@blaze-cms/plugin-data-ui 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

package/lib-es/components/EntityManager/Entity/Entity.js

@@ -0,0 +1,452 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["isValid", "fields", "isNewValueSet", "valuesChecked", "currentField", "value"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/* eslint-disable no-undef */
+import React, { useEffect, useState, useRef } from 'react';
+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 } 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';
+import cloneDeep from 'lodash.clonedeep';
+import { getPageName } from '../utils/data-mappers';
+import availableActions from './actions-handlers';
+import SideBarRelations from './SideBarRelations';
+import useCallbackDebounce from '../../hooks/useCallbackDebounce';
+import { ENTITY_PUBLISHED, TEXT_CONTENT_TYPE, LEAVE_PAGE_MESSAGE, PREVIEW_INTERFACE, PAGE_BUILDER_FIELD_ID, PAGE_BUILDER_TEMPLATE_FIELD_ID, ERROR, SAVE_BUTTON_TEXTS, UNPUBLISHED_WARNING } from '../../../constants';
+import EntityHeader from './EntityHeader';
+import { validateSideBarRelations, canViewPage, onViewUrlClick, getUpdatedFormValues, checkFulfilConditions } from '../utils/entity';
+import useToggle from '../../../utils/hooks/useToggle';
+import InfoBoxes from '../../InfoBoxes/InfoBoxes';
+import { RecordEditContextProvider } from '../utils/RecordEditContext';
+const Entity = ({
+  formData,
+  entity,
+  schema,
+  previousQuery,
+  action,
+  history,
+  updateFormData,
+  onViewUrl,
+  refetchRecord
+}) => {
+  var _formData$values;
+  const [formValues, setFormValues] = useState(null);
+  const [entitySchema, setEntitySchema] = useState(null);
+  const [entityData, setEntityData] = useState(null);
+  const [entityIdentifier, setEntityIdentifier] = useState(null);
+  const [pageTitle, setPageTitle] = useState('');
+  const [isSaveButtonAvailable, setIsSaveButtonAvailable] = useState(false);
+  const [entityIsPublished, setEntityIsPublish] = useState(formData && formData.values && formData.values.status);
+  const [isEnablePublishButton, setEnablePublishButton] = useState(false);
+  const [isEnablePreviewButton, setEnablePreviewButton] = useState(false);
+  const [modalStatus, setModalStatus] = useToggle(false);
+  const [copyModalStatus, setCopyModalStatus] = useToggle(false);
+  const [pageBuilderTemplateStatus, setPageBuilderTemplateStatus] = useState(true);
+  const [shouldCopyData, setShouldCopyData] = useState(false);
+  const [isFormValid, setIsFormValid] = useState(false);
+  const [formDataFromCopy, setFormDataFromCopy] = useState(null);
+  const [newUpdatedDate, setNewUpdatedDate] = useState(null);
+  const [saveButtonText, setSaveButtonText] = useState(SAVE_BUTTON_TEXTS.save);
+  const [externalUpdateTime, setExternalUpdateTime] = useState(null);
+  const [suppressPrompt, setSuppressPrompt] = useState(false);
+  const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(true);
+  const handleToggleRightSidebar = () => setIsRightSidebarOpen(!isRightSidebarOpen);
+  const isCreatePage = history.location.pathname.includes('create');
+  const [isNewEntity, setIsNewEntity] = useState(isCreatePage);
+  const client = useApolloClient();
+  const shouldUpdateState = !entityIdentifier || checkFulfilConditions(entity, schema, previousQuery, !entityData) || entityData && entityData.id !== entity.id;
+  const clonedFormData = cloneDeep(formData);
+  const {
+    addToast
+  } = useToasts();
+
+  // Here's how we'll keep track of our component's mounted state
+  const componentIsMounted = useRef(true);
+  const {
+    displayProperties: {
+      saveOnChange = false
+    }
+  } = schema;
+  useCallbackDebounce(() => {
+    isSaveButtonAvailable && onSubmit();
+  }, 500, [isSaveButtonAvailable], !saveOnChange);
+  useEffect(() => () => {
+    componentIsMounted.current = false;
+  }, []); // 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));
+    }
+    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,
+          currentItemId: entity ? entity.id : null
+        }
+      });
+    }
+  }, [client, entity, entityData, formData, formValues, pageBuilderTemplateStatus, previousQuery, schema, shouldUpdateState]);
+  const getFullUrl = async () => {
+    const query = getQuery('GET_ENTITY_URL');
+    const {
+      data: {
+        getEntityUrl = ''
+      } = {}
+    } = await client.query({
+      query,
+      variables: {
+        itemId: entity.id,
+        itemEntity: schema.id,
+        fullUrl: true
+      },
+      fetchPolicy: 'network-only'
+    });
+    return getEntityUrl;
+  };
+  const getFormValues = values => {
+    if (componentIsMounted.current) {
+      setFormValues(values);
+    }
+  };
+  const onChangeSideBarRelations = ({
+    id,
+    value
+  }, requiredChildField) => {
+    const updatedFormValues = getUpdatedFormValues({
+      id,
+      value,
+      requiredChildField,
+      formValues
+    });
+    const shouldActiveSaveButton = validateSideBarRelations(updatedFormValues, requiredChildField);
+    if (isFormValid && shouldActiveSaveButton && componentIsMounted.current) {
+      setIsSaveButtonAvailable(true);
+      setSaveButtonText(SAVE_BUTTON_TEXTS.save);
+    } else if (componentIsMounted.current) {
+      setIsSaveButtonAvailable(false);
+    }
+    if (componentIsMounted.current) {
+      setFormValues(updatedFormValues);
+    }
+  };
+  const onChangeFormValues = async _ref => {
+    let {
+        isValid,
+        fields,
+        isNewValueSet,
+        valuesChecked,
+        currentField,
+        value: fieldValue
+      } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+    let updatedFormValues = valuesChecked ? valuesChecked.slice() : [];
+    if (currentField === PAGE_BUILDER_TEMPLATE_FIELD_ID) {
+      const pageBuilderTemplateId = fieldValue;
+      client.writeQuery({
+        query: getQuery('GET_PB_TEMPLATE_STATUS'),
+        data: {
+          pageBuilderTemplateSet: !!pageBuilderTemplateId,
+          pageBuilderTemplateId
+        }
+      });
+      if (componentIsMounted.current) {
+        setPageBuilderTemplateStatus(false);
+      }
+      const pageBuilder = updatedFormValues.filter(formValue => formValue.id === PAGE_BUILDER_FIELD_ID);
+      if (pageBuilderTemplateId) {
+        const {
+          data = {}
+        } = await client.query({
+          query: getQuery('MERGE_PB_TEMPLATE_CHANGES'),
+          variables: {
+            parent: {
+              pageBuilder: pageBuilder[0].value,
+              pageBuilderTemplateId
+            },
+            entityIdentifier
+          }
+        });
+        if (data && data.mergePageBuilderTemplateChanges) {
+          updatedFormValues = updatedFormValues.map(updatedFormValue => {
+            if (updatedFormValue.id === PAGE_BUILDER_FIELD_ID) {
+              return _objectSpread(_objectSpread({}, updatedFormValue), {}, {
+                value: data.mergePageBuilderTemplateChanges
+              });
+            }
+            return updatedFormValue;
+          });
+        }
+      }
+    }
+    const itemsToAdd = [];
+    if (formValues && formValues.length > updatedFormValues.length) {
+      [...updatedFormValues, ...formValues].forEach(item => {
+        const index = updatedFormValues.findIndex(value => value.id === item.id);
+        if (index === -1) {
+          itemsToAdd.push(item);
+        }
+      });
+    }
+    const [updatedEntity = null] = fields.filter(({
+      id
+    }) => id === 'name');
+    updatedEntity && setPageTitle(updatedEntity.value);
+    const isNotValidOrNotNewValueSet = !isValid || !isNewValueSet;
+    if (componentIsMounted.current) {
+      setIsFormValid(isValid);
+    }
+    if (isValid && isNewValueSet && componentIsMounted.current) {
+      setIsSaveButtonAvailable(true);
+      setSaveButtonText(SAVE_BUTTON_TEXTS.save);
+    }
+    if (isNotValidOrNotNewValueSet && componentIsMounted.current) {
+      setIsSaveButtonAvailable(false);
+    }
+    if (componentIsMounted.current) {
+      setFormValues([...updatedFormValues, ...itemsToAdd]);
+    }
+  };
+  const onSubmit = event => {
+    event && event.preventDefault();
+    if (!isSaveButtonAvailable) return null;
+    if (isCreatePage) {
+      setSuppressPrompt(true);
+    }
+    const parsedFormValues = parseFormValues(formValues);
+    const updatedFormValues = newUpdatedDate ? _objectSpread(_objectSpread({}, formData.values), {}, {
+      update: newUpdatedDate
+    }) : _objectSpread({}, formData.values);
+    const handleUpdateFormData = () => updateFormData({
+      values: _objectSpread(_objectSpread({}, updatedFormValues), parsedFormValues)
+    }, true);
+    const submitParams = {
+      update: {
+        entitySchema,
+        entityData,
+        parsedFormValues,
+        client,
+        setIsSaveButtonAvailable,
+        setNewUpdatedDate,
+        newUpdatedDate,
+        previousQuery,
+        setSaveButtonText,
+        handleUpdateFormData
+      },
+      create: {
+        entitySchema,
+        parsedFormValues,
+        client,
+        setEntityData,
+        setIsSaveButtonAvailable,
+        history,
+        setIsNewEntity,
+        setSaveButtonText,
+        handleUpdateFormData
+      }
+    };
+    const currentAction = submitParams[action];
+    return availableActions[action].submit(currentAction, addToast);
+  };
+  const onDelete = async () => {
+    const {
+      values: {
+        id
+      }
+    } = formData;
+    if (componentIsMounted.current) {
+      setIsSaveButtonAvailable(false);
+    }
+    await availableActions.delete.submit({
+      entitySchema,
+      client,
+      parsedFormValues: {
+        id
+      }
+    }, addToast);
+    history.push(`/data-listing/${entitySchema.id}`);
+  };
+  const onCopy = () => {
+    if (formDataFromCopy && componentIsMounted.current) {
+      updateFormData(formDataFromCopy);
+      setShouldCopyData(true);
+      setIsSaveButtonAvailable(true);
+      setSaveButtonText(SAVE_BUTTON_TEXTS.save);
+      if (formDataFromCopy.values.name) {
+        setPageTitle(formDataFromCopy.values.name);
+      }
+    }
+  };
+  const updateCopyData = () => {
+    setCopyModalStatus(!copyModalStatus);
+    setShouldCopyData(false);
+  };
+  const handleCopyDataFromClose = () => {
+    setCopyModalStatus(false);
+    setFormDataFromCopy(null);
+  };
+  const getFormData = formDataValues => {
+    const formDataUpdated = {
+      values: _objectSpread({}, formDataValues)
+    };
+    setFormDataFromCopy(formDataUpdated);
+  };
+  const handlePublishAndUnpublish = async ({
+    target: {
+      textContent
+    }
+  }) => {
+    const isPublishButton = textContent === TEXT_CONTENT_TYPE;
+    const isPublished = entityIsPublished === ENTITY_PUBLISHED;
+    const isUnpublish = checkFulfilConditions(!isPublishButton, !isPublished);
+    if (isUnpublish) {
+      return addToast(UNPUBLISHED_WARNING, {
+        appearance: 'warning',
+        autoDismiss: true
+      });
+    }
+    if (checkFulfilConditions(isPublishButton, isSaveButtonAvailable)) {
+      const savedPageMessage = await onSubmit();
+      if (savedPageMessage === ERROR) {
+        return addToast(`Content not published`, {
+          appearance: ERROR,
+          autoDismiss: true
+        });
+      }
+    }
+    return availableActions.shared.triggerPublish({
+      entityData,
+      client,
+      setEntityIsPublish,
+      entitySchema,
+      textContent,
+      refetchRecord
+    }, addToast);
+  };
+  const showModal = checkFulfilConditions(formData, modalStatus);
+  const onViewUrlHandler = canViewPage(formData, entity, schema, entityIsPublished) ? () => onViewUrlClick(getFullUrl) : onViewUrl;
+  const pageName = formData && formData.values && formData.values.name;
+  const hasToDisplayPrompt = isSaveButtonAvailable && !suppressPrompt;
+  const showSideBarRelations = checkFulfilConditions(schema, formData);
+  return /*#__PURE__*/React.createElement(RecordEditContextProvider, {
+    value: {
+      externalUpdateTime,
+      updated: formData === null || formData === void 0 ? void 0 : (_formData$values = formData.values) === null || _formData$values === void 0 ? void 0 : _formData$values.updated
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page"
+  }, /*#__PURE__*/React.createElement(EntityHeader, {
+    entityData: entityData,
+    entityIdentifier: entityIdentifier,
+    pageTitle: pageTitle,
+    pageName: pageName,
+    onSubmit: onSubmit,
+    handlePublishAndUnpublish: handlePublishAndUnpublish,
+    isSaveButtonAvailable: isSaveButtonAvailable,
+    isEnablePublishButton: isEnablePublishButton,
+    isEnablePreviewButton: isEnablePreviewButton,
+    toggleCopyModal: setCopyModalStatus,
+    toggleModal: setModalStatus,
+    formData: formData,
+    onViewUrl: onViewUrlHandler,
+    saveButtonText: saveButtonText,
+    saveOnChange: saveOnChange,
+    entitySchema: entitySchema
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "page-wrapper__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tabs-wrapper tabs-wrapper__tab"
+  }, /*#__PURE__*/React.createElement(Prompt, {
+    when: hasToDisplayPrompt,
+    message: LEAVE_PAGE_MESSAGE
+  }), showModal && /*#__PURE__*/React.createElement(DeleteAction, {
+    onClose: setModalStatus,
+    deleteAction: onDelete,
+    itemName: formData.values.name
+  }), copyModalStatus && /*#__PURE__*/React.createElement(CopyDataFromAction, {
+    onClose: handleCopyDataFromClose,
+    copyAction: onCopy,
+    getFormData: getFormData
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `page__content${!isRightSidebarOpen ? ' right-sidebar-collapsed' : ''}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/React.createElement(RenderHook, {
+    hookKey: `entity:${action}:main:top`,
+    entity: entity,
+    schema: schema
+  }), /*#__PURE__*/React.createElement(InfoBoxes, {
+    id: entity.id,
+    schema: schema
+  }), /*#__PURE__*/React.createElement(FormBuilder, {
+    getIsFormValid: setIsFormValid,
+    getFormValues: getFormValues,
+    schema: schema,
+    data: clonedFormData,
+    onChange: onChangeFormValues,
+    shouldCopyData: shouldCopyData,
+    updateCopyData: updateCopyData,
+    formValues: formValues,
+    isNewEntity: isNewEntity,
+    onExternalUpdate: setExternalUpdateTime
+  }), /*#__PURE__*/React.createElement(RenderHook, {
+    hookKey: `entity:${action}:main:bottom`,
+    entity: entity,
+    schema: schema
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: `column column--one-third page-sidebar page-sidebar--relations${!isRightSidebarOpen ? ' sidebar--collapsed' : ''}`
+  }, showSideBarRelations && /*#__PURE__*/React.createElement(SideBarRelations, {
+    entity: entity,
+    formData: formData.values,
+    schema: schema,
+    onChange: onChangeSideBarRelations,
+    isOpen: isRightSidebarOpen,
+    onToggle: handleToggleRightSidebar
+  })))));
+};
+Entity.propTypes = {
+  entity: PropTypes.object,
+  schema: PropTypes.object,
+  previousQuery: PropTypes.object,
+  action: PropTypes.string.isRequired,
+  history: PropTypes.object.isRequired,
+  formData: PropTypes.object,
+  updateFormData: PropTypes.func.isRequired,
+  onViewUrl: PropTypes.func,
+  refetchRecord: PropTypes.func.isRequired
+};
+Entity.defaultProps = {
+  previousQuery: null,
+  schema: null,
+  entity: null,
+  formData: null,
+  onViewUrl: null
+};
+export default withRouter(Entity);
+//# sourceMappingURL=Entity.js.map

package/lib-es/components/EntityManager/Entity/Entity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Entity.js","names":["React","useEffect","useState","useRef","withRouter","Prompt","useApolloClient","PropTypes","RenderHook","getQuery","FormBuilder","parseFormValues","DeleteAction","CopyDataFromAction","useToasts","cloneDeep","getPageName","availableActions","SideBarRelations","useCallbackDebounce","ENTITY_PUBLISHED","TEXT_CONTENT_TYPE","LEAVE_PAGE_MESSAGE","PREVIEW_INTERFACE","PAGE_BUILDER_FIELD_ID","PAGE_BUILDER_TEMPLATE_FIELD_ID","ERROR","SAVE_BUTTON_TEXTS","UNPUBLISHED_WARNING","EntityHeader","validateSideBarRelations","canViewPage","onViewUrlClick","getUpdatedFormValues","checkFulfilConditions","useToggle","InfoBoxes","RecordEditContextProvider","Entity","formData","entity","schema","previousQuery","action","history","updateFormData","onViewUrl","refetchRecord","_formData$values","formValues","setFormValues","entitySchema","setEntitySchema","entityData","setEntityData","entityIdentifier","setEntityIdentifier","pageTitle","setPageTitle","isSaveButtonAvailable","setIsSaveButtonAvailable","entityIsPublished","setEntityIsPublish","values","status","isEnablePublishButton","setEnablePublishButton","isEnablePreviewButton","setEnablePreviewButton","modalStatus","setModalStatus","copyModalStatus","setCopyModalStatus","pageBuilderTemplateStatus","setPageBuilderTemplateStatus","shouldCopyData","setShouldCopyData","isFormValid","setIsFormValid","formDataFromCopy","setFormDataFromCopy","newUpdatedDate","setNewUpdatedDate","saveButtonText","setSaveButtonText","save","externalUpdateTime","setExternalUpdateTime","suppressPrompt","setSuppressPrompt","isRightSidebarOpen","setIsRightSidebarOpen","handleToggleRightSidebar","isCreatePage","location","pathname","includes","isNewEntity","setIsNewEntity","client","shouldUpdateState","id","clonedFormData","addToast","componentIsMounted","displayProperties","saveOnChange","onSubmit","current","actions","publish","identifier","interfaces","isPageBuilderTemplateSet","pageBuilderTemplateId","writeQuery","query","data","pageBuilderTemplateSet","currentEntity","currentItemId","getFullUrl","getEntityUrl","variables","itemId","itemEntity","fullUrl","fetchPolicy","getFormValues","onChangeSideBarRelations","value","requiredChildField","updatedFormValues","shouldActiveSaveButton","onChangeFormValues","_ref","isValid","fields","isNewValueSet","valuesChecked","currentField","fieldValue","otherProps","_objectWithoutProperties","_excluded","slice","pageBuilder","filter","formValue","parent","mergePageBuilderTemplateChanges","map","updatedFormValue","_objectSpread","itemsToAdd","length","forEach","item","index","findIndex","push","updatedEntity","isNotValidOrNotNewValueSet","event","preventDefault","parsedFormValues","update","handleUpdateFormData","submitParams","create","currentAction","submit","onDelete","delete","onCopy","name","updateCopyData","handleCopyDataFromClose","getFormData","formDataValues","formDataUpdated","handlePublishAndUnpublish","target","textContent","isPublishButton","isPublished","isUnpublish","appearance","autoDismiss","savedPageMessage","shared","triggerPublish","showModal","onViewUrlHandler","pageName","hasToDisplayPrompt","showSideBarRelations","createElement","updated","className","toggleCopyModal","toggleModal","when","message","onClose","deleteAction","itemName","copyAction","hookKey","getIsFormValid","onChange","onExternalUpdate","isOpen","onToggle","propTypes","object","string","isRequired","func","defaultProps"],"sources":["../../../../src/components/EntityManager/Entity/Entity.js"],"sourcesContent":["/* eslint-disable no-undef */\nimport React, { useEffect, useState, useRef } from 'react';\nimport { withRouter, Prompt } from 'react-router-dom';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { FormBuilder, parseFormValues } from '@blaze-cms/react-form-builder';\nimport { DeleteAction, CopyDataFromAction } from '@blaze-cms/admin';\nimport { useToasts } from '@blaze-react/toaster';\nimport cloneDeep from 'lodash.clonedeep';\nimport { getPageName } from '../utils/data-mappers';\nimport availableActions from './actions-handlers';\nimport SideBarRelations from './SideBarRelations';\nimport useCallbackDebounce from '../../hooks/useCallbackDebounce';\n\nimport {\n  ENTITY_PUBLISHED,\n  TEXT_CONTENT_TYPE,\n  LEAVE_PAGE_MESSAGE,\n  PREVIEW_INTERFACE,\n  PAGE_BUILDER_FIELD_ID,\n  PAGE_BUILDER_TEMPLATE_FIELD_ID,\n  ERROR,\n  SAVE_BUTTON_TEXTS,\n  UNPUBLISHED_WARNING\n} from '../../../constants';\nimport EntityHeader from './EntityHeader';\n\nimport {\n  validateSideBarRelations,\n  canViewPage,\n  onViewUrlClick,\n  getUpdatedFormValues,\n  checkFulfilConditions\n} from '../utils/entity';\nimport useToggle from '../../../utils/hooks/useToggle';\nimport InfoBoxes from '../../InfoBoxes/InfoBoxes';\nimport { RecordEditContextProvider } from '../utils/RecordEditContext';\n\nconst Entity = ({\n  formData,\n  entity,\n  schema,\n  previousQuery,\n  action,\n  history,\n  updateFormData,\n  onViewUrl,\n  refetchRecord\n}) => {\n  const [formValues, setFormValues] = useState(null);\n  const [entitySchema, setEntitySchema] = useState(null);\n  const [entityData, setEntityData] = useState(null);\n  const [entityIdentifier, setEntityIdentifier] = useState(null);\n  const [pageTitle, setPageTitle] = useState('');\n  const [isSaveButtonAvailable, setIsSaveButtonAvailable] = useState(false);\n  const [entityIsPublished, setEntityIsPublish] = useState(\n    formData && formData.values && formData.values.status\n  );\n  const [isEnablePublishButton, setEnablePublishButton] = useState(false);\n  const [isEnablePreviewButton, setEnablePreviewButton] = useState(false);\n  const [modalStatus, setModalStatus] = useToggle(false);\n  const [copyModalStatus, setCopyModalStatus] = useToggle(false);\n  const [pageBuilderTemplateStatus, setPageBuilderTemplateStatus] = useState(true);\n  const [shouldCopyData, setShouldCopyData] = useState(false);\n  const [isFormValid, setIsFormValid] = useState(false);\n  const [formDataFromCopy, setFormDataFromCopy] = useState(null);\n  const [newUpdatedDate, setNewUpdatedDate] = useState(null);\n  const [saveButtonText, setSaveButtonText] = useState(SAVE_BUTTON_TEXTS.save);\n  const [externalUpdateTime, setExternalUpdateTime] = useState(null);\n  const [suppressPrompt, setSuppressPrompt] = useState(false);\n  const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(true);\n  const handleToggleRightSidebar = () => setIsRightSidebarOpen(!isRightSidebarOpen);\n\n  const isCreatePage = history.location.pathname.includes('create');\n  const [isNewEntity, setIsNewEntity] = useState(isCreatePage);\n\n  const client = useApolloClient();\n  const shouldUpdateState =\n    !entityIdentifier ||\n    checkFulfilConditions(entity, schema, previousQuery, !entityData) ||\n    (entityData && entityData.id !== entity.id);\n  const clonedFormData = cloneDeep(formData);\n  const { addToast } = useToasts();\n\n  // Here's how we'll keep track of our component's mounted state\n  const componentIsMounted = useRef(true);\n\n  const {\n    displayProperties: { saveOnChange = false }\n  } = schema;\n\n  useCallbackDebounce(\n    () => {\n      isSaveButtonAvailable && onSubmit();\n    },\n    500,\n    [isSaveButtonAvailable],\n    !saveOnChange\n  );\n\n  useEffect(\n    () => () => {\n      componentIsMounted.current = false;\n    },\n    []\n  ); // Using an empty dependency array ensures this only runs on unmount\n\n  useEffect(() => {\n    if (shouldUpdateState) {\n      setSaveButtonText(SAVE_BUTTON_TEXTS.save);\n      setEntityData(entity);\n      setPageTitle(getPageName(schema.displayProperties, entity));\n      setEntityIsPublish(entity.status);\n      setEntitySchema(schema);\n      setEnablePublishButton(schema.actions.publish);\n      setEntityIdentifier(schema.identifier);\n      setEnablePreviewButton(!!schema.interfaces.includes(PREVIEW_INTERFACE));\n    }\n\n    if (formData && pageBuilderTemplateStatus) {\n      const isPageBuilderTemplateSet = !!formData.values.pageBuilderTemplateId;\n      client.writeQuery({\n        query: getQuery('GET_PB_TEMPLATE_STATUS'),\n        data: {\n          pageBuilderTemplateSet: isPageBuilderTemplateSet,\n          pageBuilderTemplateId: formData.values.pageBuilderTemplateId || ''\n        }\n      });\n    }\n    if (schema) {\n      client.writeQuery({\n        query: getQuery('GET_CURRENT_ENTITY'),\n        data: {\n          currentEntity: schema.id,\n          currentItemId: entity ? entity.id : null\n        }\n      });\n    }\n  }, [\n    client,\n    entity,\n    entityData,\n    formData,\n    formValues,\n    pageBuilderTemplateStatus,\n    previousQuery,\n    schema,\n    shouldUpdateState\n  ]);\n\n  const getFullUrl = async () => {\n    const query = getQuery('GET_ENTITY_URL');\n    const { data: { getEntityUrl = '' } = {} } = await client.query({\n      query,\n      variables: { itemId: entity.id, itemEntity: schema.id, fullUrl: true },\n      fetchPolicy: 'network-only'\n    });\n    return getEntityUrl;\n  };\n\n  const getFormValues = values => {\n    if (componentIsMounted.current) {\n      setFormValues(values);\n    }\n  };\n\n  const onChangeSideBarRelations = ({ id, value }, requiredChildField) => {\n    const updatedFormValues = getUpdatedFormValues({ id, value, requiredChildField, formValues });\n\n    const shouldActiveSaveButton = validateSideBarRelations(updatedFormValues, requiredChildField);\n\n    if (isFormValid && shouldActiveSaveButton && componentIsMounted.current) {\n      setIsSaveButtonAvailable(true);\n      setSaveButtonText(SAVE_BUTTON_TEXTS.save);\n    } else if (componentIsMounted.current) {\n      setIsSaveButtonAvailable(false);\n    }\n\n    if (componentIsMounted.current) {\n      setFormValues(updatedFormValues);\n    }\n  };\n\n  const onChangeFormValues = async ({\n    isValid,\n    fields,\n    isNewValueSet,\n    valuesChecked,\n    currentField,\n    value: fieldValue,\n    ...otherProps\n  }) => {\n    let updatedFormValues = valuesChecked ? valuesChecked.slice() : [];\n    if (currentField === PAGE_BUILDER_TEMPLATE_FIELD_ID) {\n      const pageBuilderTemplateId = fieldValue;\n      client.writeQuery({\n        query: getQuery('GET_PB_TEMPLATE_STATUS'),\n        data: {\n          pageBuilderTemplateSet: !!pageBuilderTemplateId,\n          pageBuilderTemplateId\n        }\n      });\n\n      if (componentIsMounted.current) {\n        setPageBuilderTemplateStatus(false);\n      }\n\n      const pageBuilder = updatedFormValues.filter(\n        formValue => formValue.id === PAGE_BUILDER_FIELD_ID\n      );\n\n      if (pageBuilderTemplateId) {\n        const { data = {} } = await client.query({\n          query: getQuery('MERGE_PB_TEMPLATE_CHANGES'),\n          variables: {\n            parent: {\n              pageBuilder: pageBuilder[0].value,\n              pageBuilderTemplateId\n            },\n            entityIdentifier\n          }\n        });\n\n        if (data && data.mergePageBuilderTemplateChanges) {\n          updatedFormValues = updatedFormValues.map(updatedFormValue => {\n            if (updatedFormValue.id === PAGE_BUILDER_FIELD_ID) {\n              return {\n                ...updatedFormValue,\n                value: data.mergePageBuilderTemplateChanges\n              };\n            }\n            return updatedFormValue;\n          });\n        }\n      }\n    }\n    const itemsToAdd = [];\n    if (formValues && formValues.length > updatedFormValues.length) {\n      [...updatedFormValues, ...formValues].forEach(item => {\n        const index = updatedFormValues.findIndex(value => value.id === item.id);\n        if (index === -1) {\n          itemsToAdd.push(item);\n        }\n      });\n    }\n\n    const [updatedEntity = null] = fields.filter(({ id }) => id === 'name');\n    updatedEntity && setPageTitle(updatedEntity.value);\n\n    const isNotValidOrNotNewValueSet = !isValid || !isNewValueSet;\n    if (componentIsMounted.current) {\n      setIsFormValid(isValid);\n    }\n\n    if (isValid && isNewValueSet && componentIsMounted.current) {\n      setIsSaveButtonAvailable(true);\n      setSaveButtonText(SAVE_BUTTON_TEXTS.save);\n    }\n\n    if (isNotValidOrNotNewValueSet && componentIsMounted.current) {\n      setIsSaveButtonAvailable(false);\n    }\n\n    if (componentIsMounted.current) {\n      setFormValues([...updatedFormValues, ...itemsToAdd]);\n    }\n  };\n\n  const onSubmit = event => {\n    event && event.preventDefault();\n    if (!isSaveButtonAvailable) return null;\n\n    if (isCreatePage) {\n      setSuppressPrompt(true);\n    }\n    const parsedFormValues = parseFormValues(formValues);\n    const updatedFormValues = newUpdatedDate\n      ? { ...formData.values, update: newUpdatedDate }\n      : { ...formData.values };\n\n    const handleUpdateFormData = () =>\n      updateFormData(\n        {\n          values: { ...updatedFormValues, ...parsedFormValues }\n        },\n        true\n      );\n\n    const submitParams = {\n      update: {\n        entitySchema,\n        entityData,\n        parsedFormValues,\n        client,\n        setIsSaveButtonAvailable,\n        setNewUpdatedDate,\n        newUpdatedDate,\n        previousQuery,\n        setSaveButtonText,\n        handleUpdateFormData\n      },\n      create: {\n        entitySchema,\n        parsedFormValues,\n        client,\n        setEntityData,\n        setIsSaveButtonAvailable,\n        history,\n        setIsNewEntity,\n        setSaveButtonText,\n        handleUpdateFormData\n      }\n    };\n\n    const currentAction = submitParams[action];\n    return availableActions[action].submit(currentAction, addToast);\n  };\n\n  const onDelete = async () => {\n    const {\n      values: { id }\n    } = formData;\n\n    if (componentIsMounted.current) {\n      setIsSaveButtonAvailable(false);\n    }\n\n    await availableActions.delete.submit(\n      {\n        entitySchema,\n        client,\n        parsedFormValues: { id }\n      },\n      addToast\n    );\n\n    history.push(`/data-listing/${entitySchema.id}`);\n  };\n\n  const onCopy = () => {\n    if (formDataFromCopy && componentIsMounted.current) {\n      updateFormData(formDataFromCopy);\n      setShouldCopyData(true);\n      setIsSaveButtonAvailable(true);\n      setSaveButtonText(SAVE_BUTTON_TEXTS.save);\n      if (formDataFromCopy.values.name) {\n        setPageTitle(formDataFromCopy.values.name);\n      }\n    }\n  };\n\n  const updateCopyData = () => {\n    setCopyModalStatus(!copyModalStatus);\n    setShouldCopyData(false);\n  };\n\n  const handleCopyDataFromClose = () => {\n    setCopyModalStatus(false);\n    setFormDataFromCopy(null);\n  };\n\n  const getFormData = formDataValues => {\n    const formDataUpdated = {\n      values: { ...formDataValues }\n    };\n    setFormDataFromCopy(formDataUpdated);\n  };\n\n  const handlePublishAndUnpublish = async ({ target: { textContent } }) => {\n    const isPublishButton = textContent === TEXT_CONTENT_TYPE;\n    const isPublished = entityIsPublished === ENTITY_PUBLISHED;\n\n    const isUnpublish = checkFulfilConditions(!isPublishButton, !isPublished);\n\n    if (isUnpublish) {\n      return addToast(UNPUBLISHED_WARNING, {\n        appearance: 'warning',\n        autoDismiss: true\n      });\n    }\n\n    if (checkFulfilConditions(isPublishButton, isSaveButtonAvailable)) {\n      const savedPageMessage = await onSubmit();\n\n      if (savedPageMessage === ERROR) {\n        return addToast(`Content not published`, {\n          appearance: ERROR,\n          autoDismiss: true\n        });\n      }\n    }\n\n    return availableActions.shared.triggerPublish(\n      {\n        entityData,\n        client,\n        setEntityIsPublish,\n        entitySchema,\n        textContent,\n        refetchRecord\n      },\n      addToast\n    );\n  };\n\n  const showModal = checkFulfilConditions(formData, modalStatus);\n\n  const onViewUrlHandler = canViewPage(formData, entity, schema, entityIsPublished)\n    ? () => onViewUrlClick(getFullUrl)\n    : onViewUrl;\n\n  const pageName = formData && formData.values && formData.values.name;\n\n  const hasToDisplayPrompt = isSaveButtonAvailable && !suppressPrompt;\n\n  const showSideBarRelations = checkFulfilConditions(schema, formData);\n\n  return (\n    <RecordEditContextProvider value={{ externalUpdateTime, updated: formData?.values?.updated }}>\n      <div className=\"page\">\n        <EntityHeader\n          entityData={entityData}\n          entityIdentifier={entityIdentifier}\n          pageTitle={pageTitle}\n          pageName={pageName}\n          onSubmit={onSubmit}\n          handlePublishAndUnpublish={handlePublishAndUnpublish}\n          isSaveButtonAvailable={isSaveButtonAvailable}\n          isEnablePublishButton={isEnablePublishButton}\n          isEnablePreviewButton={isEnablePreviewButton}\n          toggleCopyModal={setCopyModalStatus}\n          toggleModal={setModalStatus}\n          formData={formData}\n          onViewUrl={onViewUrlHandler}\n          saveButtonText={saveButtonText}\n          saveOnChange={saveOnChange}\n          entitySchema={entitySchema}\n        />\n        <div className=\"page-wrapper__content\">\n          <div className=\"tabs-wrapper tabs-wrapper__tab\">\n            <Prompt when={hasToDisplayPrompt} message={LEAVE_PAGE_MESSAGE} />\n            {showModal && (\n              <DeleteAction\n                onClose={setModalStatus}\n                deleteAction={onDelete}\n                itemName={formData.values.name}\n              />\n            )}\n            {copyModalStatus && (\n              <CopyDataFromAction\n                onClose={handleCopyDataFromClose}\n                copyAction={onCopy}\n                getFormData={getFormData}\n              />\n            )}\n\n            <div\n              className={`page__content${!isRightSidebarOpen ? ' right-sidebar-collapsed' : ''}`}>\n              <div className=\"page__content\">\n                <div className=\"content\">\n                  <RenderHook\n                    hookKey={`entity:${action}:main:top`}\n                    entity={entity}\n                    schema={schema}\n                  />\n                  <InfoBoxes id={entity.id} schema={schema} />\n                  <FormBuilder\n                    getIsFormValid={setIsFormValid}\n                    getFormValues={getFormValues}\n                    schema={schema}\n                    data={clonedFormData}\n                    onChange={onChangeFormValues}\n                    shouldCopyData={shouldCopyData}\n                    updateCopyData={updateCopyData}\n                    formValues={formValues}\n                    isNewEntity={isNewEntity}\n                    onExternalUpdate={setExternalUpdateTime}\n                  />\n                  <RenderHook\n                    hookKey={`entity:${action}:main:bottom`}\n                    entity={entity}\n                    schema={schema}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div\n            className={`column column--one-third page-sidebar page-sidebar--relations${!isRightSidebarOpen ? ' sidebar--collapsed' : ''\n              }`}>\n            {showSideBarRelations && (\n              <SideBarRelations\n                entity={entity}\n                formData={formData.values}\n                schema={schema}\n                onChange={onChangeSideBarRelations}\n                isOpen={isRightSidebarOpen}\n                onToggle={handleToggleRightSidebar}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </RecordEditContextProvider>\n  );\n};\n\nEntity.propTypes = {\n  entity: PropTypes.object,\n  schema: PropTypes.object,\n  previousQuery: PropTypes.object,\n  action: PropTypes.string.isRequired,\n  history: PropTypes.object.isRequired,\n  formData: PropTypes.object,\n  updateFormData: PropTypes.func.isRequired,\n  onViewUrl: PropTypes.func,\n  refetchRecord: PropTypes.func.isRequired\n};\n\nEntity.defaultProps = {\n  previousQuery: null,\n  schema: null,\n  entity: null,\n  formData: null,\n  onViewUrl: null\n};\n\nexport default withRouter(Entity);\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/EntityManager/Entity/EntityHeader/EntityHeader.js

@@ -0,0 +1,103 @@
+import React from 'react';
+import { PageHeader } from '@blaze-cms/admin';
+import Button from '@blaze-react/button';
+import More from '@blaze-react/more';
+import PropTypes from 'prop-types';
+import HeaderPreviewButton from './HeaderPreviewButton';
+import { SAVE_BUTTON_TEXTS } from '../../../../constants';
+const EntityHeader = ({
+  saveButtonText,
+  entityData,
+  entitySchema,
+  entityIdentifier,
+  pageTitle,
+  onSubmit,
+  handlePublishAndUnpublish,
+  isSaveButtonAvailable,
+  isEnablePublishButton,
+  isEnablePreviewButton,
+  toggleCopyModal,
+  toggleModal,
+  formData,
+  pageName,
+  onViewUrl,
+  saveOnChange
+}) => {
+  const SaveButtonModifiers = isSaveButtonAvailable ? ['small'] : ['small', 'disabled'];
+  const showPreviewButton = isEnablePreviewButton && entityIdentifier && entityData.id;
+  const shouldDisableMoreMenu = saveButtonText === SAVE_BUTTON_TEXTS.saving;
+  const {
+    displayProperties: {
+      adminCrudActions: {
+        delete: deleteAction = {
+          active: true
+        }
+      } = {}
+    } = {}
+  } = entitySchema || {};
+  const showDeleteButton = deleteAction.active && formData && Object.keys(formData.values).length !== 0;
+  return /*#__PURE__*/React.createElement(PageHeader, {
+    title: pageTitle,
+    pageName: pageName,
+    onViewUrl: onViewUrl
+  }, /*#__PURE__*/React.createElement(PageHeader.Actions, null, !saveOnChange && /*#__PURE__*/React.createElement(Button, {
+    onClick: onSubmit,
+    modifiers: SaveButtonModifiers,
+    "data-testid": "button-save"
+  }, saveButtonText), /*#__PURE__*/React.createElement(More, {
+    disabled: shouldDisableMoreMenu
+  }, /*#__PURE__*/React.createElement(More.Avatar, {
+    "data-testid": `entity-header-${pageName}`,
+    isMoreMenu: true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "material-icons"
+  }, "more_vert")), /*#__PURE__*/React.createElement(More.Content, {
+    isMoreMenu: true
+  }, isEnablePublishButton && /*#__PURE__*/React.createElement(Button, {
+    className: "more-menu__link",
+    onClick: handlePublishAndUnpublish
+  }, "Publish"), isEnablePublishButton && /*#__PURE__*/React.createElement(Button, {
+    className: "more-menu__link",
+    onClick: handlePublishAndUnpublish
+  }, "Unpublish"), showPreviewButton && /*#__PURE__*/React.createElement(HeaderPreviewButton, {
+    itemId: entityData.id,
+    itemEntity: entityIdentifier
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: "more-menu__link",
+    onClick: toggleCopyModal
+  }, "Copy data from"), onViewUrl && /*#__PURE__*/React.createElement(Button, {
+    className: "more-menu__link",
+    onClick: onViewUrl
+  }, "View"), showDeleteButton && /*#__PURE__*/React.createElement(Button, {
+    className: "more-menu__link",
+    onClick: toggleModal
+  }, "Delete")))));
+};
+EntityHeader.propTypes = {
+  entityData: PropTypes.object,
+  entityIdentifier: PropTypes.string,
+  entitySchema: PropTypes.object.isRequired,
+  pageTitle: PropTypes.string.isRequired,
+  pageName: PropTypes.string,
+  onSubmit: PropTypes.func.isRequired,
+  handlePublishAndUnpublish: PropTypes.func.isRequired,
+  isSaveButtonAvailable: PropTypes.bool.isRequired,
+  isEnablePublishButton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).isRequired,
+  isEnablePreviewButton: PropTypes.bool.isRequired,
+  toggleCopyModal: PropTypes.func.isRequired,
+  toggleModal: PropTypes.func.isRequired,
+  formData: PropTypes.object,
+  onViewUrl: PropTypes.func.isRequired,
+  saveButtonText: PropTypes.string,
+  saveOnChange: PropTypes.bool.isRequired
+};
+EntityHeader.defaultProps = {
+  entityData: {},
+  entityIdentifier: '',
+  formData: null,
+  pageName: '',
+  saveButtonText: 'save'
+};
+EntityHeader.displayName = 'EntityHeader';
+export default EntityHeader;
+//# sourceMappingURL=EntityHeader.js.map

package/lib-es/components/EntityManager/Entity/EntityHeader/EntityHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.js","names":["React","PageHeader","Button","More","PropTypes","HeaderPreviewButton","SAVE_BUTTON_TEXTS","EntityHeader","saveButtonText","entityData","entitySchema","entityIdentifier","pageTitle","onSubmit","handlePublishAndUnpublish","isSaveButtonAvailable","isEnablePublishButton","isEnablePreviewButton","toggleCopyModal","toggleModal","formData","pageName","onViewUrl","saveOnChange","SaveButtonModifiers","showPreviewButton","id","shouldDisableMoreMenu","saving","displayProperties","adminCrudActions","delete","deleteAction","active","showDeleteButton","Object","keys","values","length","createElement","title","Actions","onClick","modifiers","disabled","Avatar","isMoreMenu","className","Content","itemId","itemEntity","propTypes","object","string","isRequired","func","bool","oneOfType","defaultProps","displayName"],"sources":["../../../../../src/components/EntityManager/Entity/EntityHeader/EntityHeader.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport HeaderPreviewButton from './HeaderPreviewButton';\nimport { SAVE_BUTTON_TEXTS } from '../../../../constants';\n\nconst EntityHeader = ({\n  saveButtonText,\n  entityData,\n  entitySchema,\n  entityIdentifier,\n  pageTitle,\n  onSubmit,\n  handlePublishAndUnpublish,\n  isSaveButtonAvailable,\n  isEnablePublishButton,\n  isEnablePreviewButton,\n  toggleCopyModal,\n  toggleModal,\n  formData,\n  pageName,\n  onViewUrl,\n  saveOnChange\n}) => {\n  const SaveButtonModifiers = isSaveButtonAvailable ? ['small'] : ['small', 'disabled'];\n  const showPreviewButton = isEnablePreviewButton && entityIdentifier && entityData.id;\n  const shouldDisableMoreMenu = saveButtonText === SAVE_BUTTON_TEXTS.saving;\n\n  const {\n    displayProperties: { adminCrudActions: { delete: deleteAction = { active: true } } = {} } = {}\n  } = entitySchema || {};\n\n  const showDeleteButton =\n    deleteAction.active && formData && Object.keys(formData.values).length !== 0;\n\n  return (\n    <PageHeader title={pageTitle} pageName={pageName} onViewUrl={onViewUrl}>\n      <PageHeader.Actions>\n        {!saveOnChange && (\n          <Button onClick={onSubmit} modifiers={SaveButtonModifiers} data-testid=\"button-save\">\n            {saveButtonText}\n          </Button>\n        )}\n        <More disabled={shouldDisableMoreMenu}>\n          <More.Avatar data-testid={`entity-header-${pageName}`} isMoreMenu>\n            <span className=\"material-icons\">more_vert</span>\n          </More.Avatar>\n          <More.Content isMoreMenu>\n            {isEnablePublishButton && (\n              <Button className=\"more-menu__link\" onClick={handlePublishAndUnpublish}>\n                Publish\n              </Button>\n            )}\n            {isEnablePublishButton && (\n              <Button className=\"more-menu__link\" onClick={handlePublishAndUnpublish}>\n                Unpublish\n              </Button>\n            )}\n            {showPreviewButton && (\n              <HeaderPreviewButton itemId={entityData.id} itemEntity={entityIdentifier} />\n            )}\n            <Button className=\"more-menu__link\" onClick={toggleCopyModal}>\n              Copy data from\n            </Button>\n            {onViewUrl && (\n              <Button className=\"more-menu__link\" onClick={onViewUrl}>\n                View\n              </Button>\n            )}\n            {showDeleteButton && (\n              <Button className=\"more-menu__link\" onClick={toggleModal}>\n                Delete\n              </Button>\n            )}\n          </More.Content>\n        </More>\n      </PageHeader.Actions>\n    </PageHeader>\n  );\n};\n\nEntityHeader.propTypes = {\n  entityData: PropTypes.object,\n  entityIdentifier: PropTypes.string,\n  entitySchema: PropTypes.object.isRequired,\n  pageTitle: PropTypes.string.isRequired,\n  pageName: PropTypes.string,\n  onSubmit: PropTypes.func.isRequired,\n  handlePublishAndUnpublish: PropTypes.func.isRequired,\n  isSaveButtonAvailable: PropTypes.bool.isRequired,\n  isEnablePublishButton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).isRequired,\n  isEnablePreviewButton: PropTypes.bool.isRequired,\n  toggleCopyModal: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  formData: PropTypes.object,\n  onViewUrl: PropTypes.func.isRequired,\n  saveButtonText: PropTypes.string,\n  saveOnChange: PropTypes.bool.isRequired\n};\n\nEntityHeader.defaultProps = {\n  entityData: {},\n  entityIdentifier: '',\n  formData: null,\n  pageName: '',\n  saveButtonText: 'save'\n};\n\nEntityHeader.displayName = 'EntityHeader';\n\nexport default EntityHeader;\n"],"mappings":"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","ignoreList":[]}