@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/history/components/VersionContent.js

@@ -0,0 +1,346 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var pipe = require('lodash/fp/pipe');
+var reactIntl = require('react-intl');
+var useDocument = require('../../hooks/useDocument.js');
+var hooks = require('../../modules/hooks.js');
+var data = require('../../pages/EditView/utils/data.js');
+var conditionalFields = require('../../utils/conditionalFields.js');
+var History = require('../pages/History.js');
+var VersionInputRenderer = require('./VersionInputRenderer.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var pipe__default = /*#__PURE__*/_interopDefault(pipe);
+
+const createLayoutFromFields = (fields)=>{
+    return fields.reduce((rows, field)=>{
+        if (field.type === 'dynamiczone') {
+            // Dynamic zones take up all the columns in a row
+            rows.push([
+                field
+            ]);
+            return rows;
+        }
+        if (!rows[rows.length - 1]) {
+            // Create a new row if there isn't one available
+            rows.push([]);
+        }
+        // Push fields to the current row, they wrap and handle their own column size
+        rows[rows.length - 1].push(field);
+        return rows;
+    }, [])// Map the rows to panels
+    .map((row)=>[
+            row
+        ]);
+};
+/**
+ * Build a layout for the fields that are were deleted from the edit view layout
+ * via the configure the view page. This layout will be merged with the main one.
+ * Those fields would be restored if the user restores the history version, which is why it's
+ * important to show them, even if they're not in the normal layout.
+ */ function getRemaingFieldsLayout({ layout, metadatas, schemaAttributes, fieldSizes }) {
+    const fieldsInLayout = layout.flatMap((panel)=>panel.flatMap((row)=>row.flatMap((field)=>field.name)));
+    const remainingFields = Object.entries(metadatas).reduce((currentRemainingFields, [name, field])=>{
+        // Make sure we do not fields that are not visible, e.g. "id"
+        if (!fieldsInLayout.includes(name) && field.edit.visible === true) {
+            const attribute = schemaAttributes[name];
+            // @ts-expect-error not sure why attribute causes type error
+            currentRemainingFields.push({
+                attribute,
+                type: attribute.type,
+                visible: true,
+                disabled: true,
+                label: field.edit.label || name,
+                name: name,
+                size: fieldSizes[attribute.type].default ?? 12
+            });
+        }
+        return currentRemainingFields;
+    }, []);
+    return createLayoutFromFields(remainingFields);
+}
+/* -------------------------------------------------------------------------------------------------
+ * FormPanel
+ * -----------------------------------------------------------------------------------------------*/ // Reuse one rules engine instance instead of creating a new one on every render.
+const rulesEngine = strapiAdmin.createRulesEngine();
+const getPanelConditionDependencyPaths = (panel)=>{
+    // Aggregate condition dependencies across all fields in the panel so we can subscribe narrowly.
+    const dependencies = new Set();
+    for (const row of panel){
+        for (const field of row){
+            const condition = field.attribute?.conditions?.visible;
+            if (!condition) {
+                continue;
+            }
+            const paths = conditionalFields.getConditionDependencyPaths(condition);
+            if (paths === null) {
+                return null;
+            }
+            for (const path of paths){
+                dependencies.add(path);
+            }
+        }
+    }
+    return [
+        ...dependencies
+    ].sort();
+};
+const FormPanel = ({ panel })=>{
+    const isMobile = strapiAdmin.useIsMobile();
+    const conditionDependencyPaths = React__namespace.useMemo(()=>getPanelConditionDependencyPaths(panel), [
+        panel
+    ]);
+    const getValues = strapiAdmin.useForm('FormPanel', (state)=>state.getValues);
+    const conditionSubscriptionValue = strapiAdmin.useForm('FormPanel', (state)=>{
+        return conditionalFields.getConditionDependencySubscriptionValue(state.values, conditionDependencyPaths);
+    });
+    // For narrow subscriptions, read the latest full values lazily via getValues() to evaluate rules.
+    // This avoids rerendering for unrelated form changes while preserving correct condition evaluation.
+    const fieldValues = conditionDependencyPaths === null ? conditionSubscriptionValue : getValues();
+    const isFieldVisible = React__namespace.useCallback((field)=>{
+        const condition = field.attribute?.conditions?.visible;
+        if (!condition) {
+            return true;
+        }
+        return rulesEngine.evaluate(condition, fieldValues);
+    }, [
+        fieldValues
+    ]);
+    if (panel.some((row)=>row.some((field)=>field.type === 'dynamiczone'))) {
+        const [row] = panel;
+        const [field] = row;
+        if (!isFieldVisible(field)) {
+            return null;
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+            gap: 4,
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                xs: 12,
+                direction: "column",
+                alignItems: "stretch",
+                children: /*#__PURE__*/ jsxRuntime.jsx(VersionInputRenderer.VersionInputRenderer, {
+                    ...field
+                })
+            })
+        }, field.name);
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        hasRadius: !isMobile,
+        background: {
+            initial: 'transparent',
+            medium: 'neutral0'
+        },
+        shadow: {
+            initial: 'none',
+            medium: 'tableShadow'
+        },
+        padding: {
+            initial: 0,
+            medium: 6
+        },
+        borderColor: {
+            initial: 'transparent',
+            medium: 'neutral150'
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 6,
+            children: panel.map((row, gridRowIndex)=>{
+                const visibleFields = row.filter(isFieldVisible);
+                if (visibleFields.length === 0) {
+                    return null; // Skip rendering the entire grid row
+                }
+                return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                    gap: {
+                        initial: 6,
+                        medium: 4
+                    },
+                    children: visibleFields.map(({ size, ...field })=>{
+                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            col: size,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(VersionInputRenderer.VersionInputRenderer, {
+                                ...field
+                            })
+                        }, field.name);
+                    })
+                }, gridRowIndex);
+            })
+        })
+    });
+};
+const VersionContent = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { fieldSizes } = hooks.useTypedSelector((state)=>state['content-manager'].app);
+    const version = History.useHistoryContext('VersionContent', (state)=>state.selectedVersion);
+    const layout = History.useHistoryContext('VersionContent', (state)=>state.layout);
+    const configuration = History.useHistoryContext('VersionContent', (state)=>state.configuration);
+    const schema = History.useHistoryContext('VersionContent', (state)=>state.schema);
+    // Build a layout for the unknown fields section
+    const removedAttributes = version.meta.unknownAttributes.removed;
+    const removedAttributesAsFields = Object.entries(removedAttributes).map(([attributeName, attribute])=>{
+        const field = {
+            attribute,
+            shouldIgnoreRBAC: true,
+            type: attribute.type,
+            visible: true,
+            disabled: true,
+            label: attributeName,
+            name: attributeName,
+            size: fieldSizes[attribute.type].default ?? 12
+        };
+        return field;
+    });
+    const unknownFieldsLayout = createLayoutFromFields(removedAttributesAsFields);
+    // Build a layout for the fields that are were deleted from the layout
+    const remainingFieldsLayout = getRemaingFieldsLayout({
+        metadatas: configuration.contentType.metadatas,
+        layout,
+        schemaAttributes: schema.attributes,
+        fieldSizes
+    });
+    const { components } = useDocument.useDoc();
+    /**
+   * Transform the data before passing it to the form so that each field
+   * has a uniquely generated key
+   */ const transformedData = React__namespace.useMemo(()=>{
+        const transform = (schemaAttributes, components = {})=>(document)=>{
+                const schema = {
+                    attributes: schemaAttributes
+                };
+                const transformations = pipe__default.default(data.removeFieldsThatDontExistOnSchema(schema), data.prepareTempKeys(schema, components));
+                return transformations(document);
+            };
+        return transform(version.schema, components)(version.data);
+    }, [
+        components,
+        version.data,
+        version.schema
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+            paddingBottom: {
+                initial: 0,
+                large: 8
+            },
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
+                    disabled: true,
+                    method: "PUT",
+                    initialValues: transformedData,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 6,
+                        position: "relative",
+                        children: [
+                            ...layout,
+                            ...remainingFieldsLayout
+                        ].map((panel, index)=>{
+                            return /*#__PURE__*/ jsxRuntime.jsx(FormPanel, {
+                                panel: panel
+                            }, index);
+                        })
+                    })
+                }, version.id),
+                removedAttributesAsFields.length > 0 && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            paddingTop: {
+                                initial: 4,
+                                large: 0
+                            },
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {})
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                            paddingTop: {
+                                initial: 4,
+                                large: 8
+                            },
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    direction: "column",
+                                    alignItems: "flex-start",
+                                    paddingBottom: {
+                                        initial: 4,
+                                        large: 6
+                                    },
+                                    gap: 1,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "delta",
+                                            children: formatMessage({
+                                                id: 'content-manager.history.content.unknown-fields.title',
+                                                defaultMessage: 'Unknown fields'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "pi",
+                                            children: formatMessage({
+                                                id: 'content-manager.history.content.unknown-fields.message',
+                                                defaultMessage: 'These fields have been deleted or renamed in the Content-Type Builder. <b>These fields will not be restored.</b>'
+                                            }, {
+                                                b: (chunks)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        variant: "pi",
+                                                        fontWeight: "bold",
+                                                        children: chunks
+                                                    })
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
+                                    disabled: true,
+                                    method: "PUT",
+                                    initialValues: version.data,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 6,
+                                        position: "relative",
+                                        children: unknownFieldsLayout.map((panel, index)=>{
+                                            return /*#__PURE__*/ jsxRuntime.jsx(FormPanel, {
+                                                panel: panel
+                                            }, index);
+                                        })
+                                    })
+                                }, `${version.id}-unknownFields`)
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+exports.VersionContent = VersionContent;
+exports.getRemaingFieldsLayout = getRemaingFieldsLayout;
+//# sourceMappingURL=VersionContent.js.map

package/dist/admin/history/components/VersionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionContent.js","sources":["../../../../admin/src/history/components/VersionContent.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Form, Layouts, createRulesEngine, useForm, useIsMobile } from '@strapi/admin/strapi-admin';\r\nimport { Box, Divider, Flex, Grid, Typography } from '@strapi/design-system';\r\nimport pipe from 'lodash/fp/pipe';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { useDoc } from '../../hooks/useDocument';\r\nimport { useTypedSelector } from '../../modules/hooks';\r\nimport {\r\n  prepareTempKeys,\r\n  removeFieldsThatDontExistOnSchema,\r\n} from '../../pages/EditView/utils/data';\r\nimport {\r\n  getConditionDependencyPaths,\r\n  getConditionDependencySubscriptionValue,\r\n} from '../../utils/conditionalFields';\r\nimport { HistoryContextValue, useHistoryContext } from '../pages/History';\r\n\r\nimport { VersionInputRenderer } from './VersionInputRenderer';\r\n\r\nimport type { Metadatas } from '../../../../shared/contracts/content-types';\r\nimport type { GetInitData } from '../../../../shared/contracts/init';\r\nimport type { ComponentsDictionary, Document } from '../../hooks/useDocument';\r\nimport type { EditFieldLayout } from '../../hooks/useDocumentLayout';\r\nimport type { Schema } from '@strapi/types';\r\n\r\nconst createLayoutFromFields = <T extends EditFieldLayout | UnknownField>(fields: T[]) => {\r\n  return (\r\n    fields\r\n      .reduce<Array<T[]>>((rows, field) => {\r\n        if (field.type === 'dynamiczone') {\r\n          // Dynamic zones take up all the columns in a row\r\n          rows.push([field]);\r\n\r\n          return rows;\r\n        }\r\n\r\n        if (!rows[rows.length - 1]) {\r\n          // Create a new row if there isn't one available\r\n          rows.push([]);\r\n        }\r\n\r\n        // Push fields to the current row, they wrap and handle their own column size\r\n        rows[rows.length - 1].push(field);\r\n\r\n        return rows;\r\n      }, [])\r\n      // Map the rows to panels\r\n      .map((row) => [row])\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * getRemainingFieldsLayout\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface GetRemainingFieldsLayoutOptions\r\n  extends Pick<HistoryContextValue, 'layout'>,\r\n    Pick<GetInitData.Response['data'], 'fieldSizes'> {\r\n  schemaAttributes: HistoryContextValue['schema']['attributes'];\r\n  metadatas: Metadatas;\r\n}\r\n\r\n/**\r\n * Build a layout for the fields that are were deleted from the edit view layout\r\n * via the configure the view page. This layout will be merged with the main one.\r\n * Those fields would be restored if the user restores the history version, which is why it's\r\n * important to show them, even if they're not in the normal layout.\r\n */\r\nfunction getRemaingFieldsLayout({\r\n  layout,\r\n  metadatas,\r\n  schemaAttributes,\r\n  fieldSizes,\r\n}: GetRemainingFieldsLayoutOptions) {\r\n  const fieldsInLayout = layout.flatMap((panel) =>\r\n    panel.flatMap((row) => row.flatMap((field) => field.name))\r\n  );\r\n  const remainingFields = Object.entries(metadatas).reduce<EditFieldLayout[]>(\r\n    (currentRemainingFields, [name, field]) => {\r\n      // Make sure we do not fields that are not visible, e.g. \"id\"\r\n      if (!fieldsInLayout.includes(name) && field.edit.visible === true) {\r\n        const attribute = schemaAttributes[name];\r\n        // @ts-expect-error not sure why attribute causes type error\r\n        currentRemainingFields.push({\r\n          attribute,\r\n          type: attribute.type,\r\n          visible: true,\r\n          disabled: true,\r\n          label: field.edit.label || name,\r\n          name: name,\r\n          size: fieldSizes[attribute.type].default ?? 12,\r\n        });\r\n      }\r\n\r\n      return currentRemainingFields;\r\n    },\r\n    []\r\n  );\r\n\r\n  return createLayoutFromFields(remainingFields);\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * FormPanel\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\n// Reuse one rules engine instance instead of creating a new one on every render.\r\nconst rulesEngine = createRulesEngine();\r\n\r\nconst getPanelConditionDependencyPaths = (panel: EditFieldLayout[][]): string[] | null => {\r\n  // Aggregate condition dependencies across all fields in the panel so we can subscribe narrowly.\r\n  const dependencies = new Set<string>();\r\n\r\n  for (const row of panel) {\r\n    for (const field of row) {\r\n      const condition = field.attribute?.conditions?.visible;\r\n\r\n      if (!condition) {\r\n        continue;\r\n      }\r\n\r\n      const paths = getConditionDependencyPaths(condition);\r\n\r\n      if (paths === null) {\r\n        return null;\r\n      }\r\n\r\n      for (const path of paths) {\r\n        dependencies.add(path);\r\n      }\r\n    }\r\n  }\r\n\r\n  return [...dependencies].sort();\r\n};\r\n\r\nconst FormPanel = ({ panel }: { panel: EditFieldLayout[][] }) => {\r\n  const isMobile = useIsMobile();\r\n  const conditionDependencyPaths = React.useMemo(\r\n    () => getPanelConditionDependencyPaths(panel),\r\n    [panel]\r\n  );\r\n  const getValues = useForm(\r\n    'FormPanel',\r\n    (state) => (state as typeof state & { getValues: () => unknown }).getValues\r\n  );\r\n  const conditionSubscriptionValue = useForm('FormPanel', (state) => {\r\n    return getConditionDependencySubscriptionValue(state.values, conditionDependencyPaths);\r\n  });\r\n  // For narrow subscriptions, read the latest full values lazily via getValues() to evaluate rules.\r\n  // This avoids rerendering for unrelated form changes while preserving correct condition evaluation.\r\n  const fieldValues = conditionDependencyPaths === null ? conditionSubscriptionValue : getValues();\r\n\r\n  const isFieldVisible = React.useCallback(\r\n    (field: EditFieldLayout) => {\r\n      const condition = field.attribute?.conditions?.visible;\r\n\r\n      if (!condition) {\r\n        return true;\r\n      }\r\n\r\n      return rulesEngine.evaluate(condition, fieldValues);\r\n    },\r\n    [fieldValues]\r\n  );\r\n\r\n  if (panel.some((row) => row.some((field) => field.type === 'dynamiczone'))) {\r\n    const [row] = panel;\r\n    const [field] = row;\r\n\r\n    if (!isFieldVisible(field)) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <Grid.Root key={field.name} gap={4}>\r\n        <Grid.Item xs={12} direction=\"column\" alignItems=\"stretch\">\r\n          <VersionInputRenderer {...field} />\r\n        </Grid.Item>\r\n      </Grid.Root>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      hasRadius={!isMobile}\r\n      background={{ initial: 'transparent', medium: 'neutral0' }}\r\n      shadow={{ initial: 'none', medium: 'tableShadow' }}\r\n      padding={{ initial: 0, medium: 6 }}\r\n      borderColor={{ initial: 'transparent', medium: 'neutral150' }}\r\n    >\r\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\r\n        {panel.map((row, gridRowIndex) => {\r\n          const visibleFields = row.filter(isFieldVisible);\r\n\r\n          if (visibleFields.length === 0) {\r\n            return null; // Skip rendering the entire grid row\r\n          }\r\n\r\n          return (\r\n            <Grid.Root key={gridRowIndex} gap={{ initial: 6, medium: 4 }}>\r\n              {visibleFields.map(({ size, ...field }) => {\r\n                return (\r\n                  <Grid.Item\r\n                    col={size}\r\n                    key={field.name}\r\n                    xs={12}\r\n                    direction=\"column\"\r\n                    alignItems=\"stretch\"\r\n                  >\r\n                    <VersionInputRenderer {...field} />\r\n                  </Grid.Item>\r\n                );\r\n              })}\r\n            </Grid.Root>\r\n          );\r\n        })}\r\n      </Flex>\r\n    </Box>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * VersionContent\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ntype UnknownField = EditFieldLayout & { shouldIgnoreRBAC: boolean };\r\n\r\nconst VersionContent = () => {\r\n  const { formatMessage } = useIntl();\r\n  const { fieldSizes } = useTypedSelector((state) => state['content-manager'].app);\r\n  const version = useHistoryContext('VersionContent', (state) => state.selectedVersion);\r\n  const layout = useHistoryContext('VersionContent', (state) => state.layout);\r\n  const configuration = useHistoryContext('VersionContent', (state) => state.configuration);\r\n  const schema = useHistoryContext('VersionContent', (state) => state.schema);\r\n\r\n  // Build a layout for the unknown fields section\r\n  const removedAttributes = version.meta.unknownAttributes.removed;\r\n  const removedAttributesAsFields = Object.entries(removedAttributes).map(\r\n    ([attributeName, attribute]) => {\r\n      const field = {\r\n        attribute,\r\n        shouldIgnoreRBAC: true,\r\n        type: attribute.type,\r\n        visible: true,\r\n        disabled: true,\r\n        label: attributeName,\r\n        name: attributeName,\r\n        size: fieldSizes[attribute.type].default ?? 12,\r\n      } as UnknownField;\r\n\r\n      return field;\r\n    }\r\n  );\r\n  const unknownFieldsLayout = createLayoutFromFields(removedAttributesAsFields);\r\n\r\n  // Build a layout for the fields that are were deleted from the layout\r\n  const remainingFieldsLayout = getRemaingFieldsLayout({\r\n    metadatas: configuration.contentType.metadatas,\r\n    layout,\r\n    schemaAttributes: schema.attributes,\r\n    fieldSizes,\r\n  });\r\n\r\n  const { components } = useDoc();\r\n\r\n  /**\r\n   * Transform the data before passing it to the form so that each field\r\n   * has a uniquely generated key\r\n   */\r\n  const transformedData = React.useMemo(() => {\r\n    const transform =\r\n      (schemaAttributes: Schema.Attributes, components: ComponentsDictionary = {}) =>\r\n      (document: Omit<Document, 'id'>) => {\r\n        const schema = { attributes: schemaAttributes };\r\n\r\n        const transformations = pipe(\r\n          removeFieldsThatDontExistOnSchema(schema),\r\n          prepareTempKeys(schema, components)\r\n        );\r\n        return transformations(document);\r\n      };\r\n\r\n    return transform(version.schema, components)(version.data);\r\n  }, [components, version.data, version.schema]);\r\n\r\n  return (\r\n    <Layouts.Content>\r\n      <Box paddingBottom={{ initial: 0, large: 8 }}>\r\n        <Form key={version.id} disabled={true} method=\"PUT\" initialValues={transformedData}>\r\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={6} position=\"relative\">\r\n            {[...layout, ...remainingFieldsLayout].map((panel, index) => {\r\n              return <FormPanel key={index} panel={panel} />;\r\n            })}\r\n          </Flex>\r\n        </Form>\r\n        {removedAttributesAsFields.length > 0 && (\r\n          <>\r\n            <Box paddingTop={{ initial: 4, large: 0 }}>\r\n              <Divider />\r\n            </Box>\r\n            <Box paddingTop={{ initial: 4, large: 8 }}>\r\n              <Flex\r\n                direction=\"column\"\r\n                alignItems=\"flex-start\"\r\n                paddingBottom={{ initial: 4, large: 6 }}\r\n                gap={1}\r\n              >\r\n                <Typography variant=\"delta\">\r\n                  {formatMessage({\r\n                    id: 'content-manager.history.content.unknown-fields.title',\r\n                    defaultMessage: 'Unknown fields',\r\n                  })}\r\n                </Typography>\r\n                <Typography variant=\"pi\">\r\n                  {formatMessage(\r\n                    {\r\n                      id: 'content-manager.history.content.unknown-fields.message',\r\n                      defaultMessage:\r\n                        'These fields have been deleted or renamed in the Content-Type Builder. <b>These fields will not be restored.</b>',\r\n                    },\r\n                    {\r\n                      b: (chunks: React.ReactNode) => (\r\n                        <Typography variant=\"pi\" fontWeight=\"bold\">\r\n                          {chunks}\r\n                        </Typography>\r\n                      ),\r\n                    }\r\n                  )}\r\n                </Typography>\r\n              </Flex>\r\n              <Form\r\n                key={`${version.id}-unknownFields`}\r\n                disabled={true}\r\n                method=\"PUT\"\r\n                initialValues={version.data}\r\n              >\r\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={6} position=\"relative\">\r\n                  {unknownFieldsLayout.map((panel, index) => {\r\n                    return <FormPanel key={index} panel={panel} />;\r\n                  })}\r\n                </Flex>\r\n              </Form>\r\n            </Box>\r\n          </>\r\n        )}\r\n      </Box>\r\n    </Layouts.Content>\r\n  );\r\n};\r\n\r\nexport { VersionContent, getRemaingFieldsLayout };\r\n"],"names":["createLayoutFromFields","fields","reduce","rows","field","type","push","length","map","row","getRemaingFieldsLayout","layout","metadatas","schemaAttributes","fieldSizes","fieldsInLayout","flatMap","panel","name","remainingFields","Object","entries","currentRemainingFields","includes","edit","visible","attribute","disabled","label","size","default","rulesEngine","createRulesEngine","getPanelConditionDependencyPaths","dependencies","Set","condition","conditions","paths","getConditionDependencyPaths","path","add","sort","FormPanel","isMobile","useIsMobile","conditionDependencyPaths","React","useMemo","getValues","useForm","state","conditionSubscriptionValue","getConditionDependencySubscriptionValue","values","fieldValues","isFieldVisible","useCallback","evaluate","some","_jsx","Grid","Root","gap","Item","xs","direction","alignItems","VersionInputRenderer","Box","hasRadius","background","initial","medium","shadow","padding","borderColor","Flex","gridRowIndex","visibleFields","filter","col","VersionContent","formatMessage","useIntl","useTypedSelector","app","version","useHistoryContext","selectedVersion","configuration","schema","removedAttributes","meta","unknownAttributes","removed","removedAttributesAsFields","attributeName","shouldIgnoreRBAC","unknownFieldsLayout","remainingFieldsLayout","contentType","attributes","components","useDoc","transformedData","transform","document","transformations","pipe","removeFieldsThatDontExistOnSchema","prepareTempKeys","data","Layouts","Content","_jsxs","paddingBottom","large","Form","method","initialValues","position","index","id","_Fragment","paddingTop","Divider","Typography","variant","defaultMessage","b","chunks","fontWeight"],"mappings":"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"}