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

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

@@ -0,0 +1,320 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Layouts, Form, useIsMobile, useForm, createRulesEngine } from '@strapi/admin/strapi-admin';
+import { Box, Flex, Divider, Typography, Grid } from '@strapi/design-system';
+import pipe from 'lodash/fp/pipe';
+import { useIntl } from 'react-intl';
+import { useDoc } from '../../hooks/useDocument.mjs';
+import { useTypedSelector } from '../../modules/hooks.mjs';
+import { removeFieldsThatDontExistOnSchema, prepareTempKeys } from '../../pages/EditView/utils/data.mjs';
+import { getConditionDependencySubscriptionValue, getConditionDependencyPaths } from '../../utils/conditionalFields.mjs';
+import { useHistoryContext } from '../pages/History.mjs';
+import { VersionInputRenderer } from './VersionInputRenderer.mjs';
+
+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 = 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 = getConditionDependencyPaths(condition);
+            if (paths === null) {
+                return null;
+            }
+            for (const path of paths){
+                dependencies.add(path);
+            }
+        }
+    }
+    return [
+        ...dependencies
+    ].sort();
+};
+const FormPanel = ({ panel })=>{
+    const isMobile = useIsMobile();
+    const conditionDependencyPaths = React.useMemo(()=>getPanelConditionDependencyPaths(panel), [
+        panel
+    ]);
+    const getValues = useForm('FormPanel', (state)=>state.getValues);
+    const conditionSubscriptionValue = useForm('FormPanel', (state)=>{
+        return 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.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__*/ jsx(Grid.Root, {
+            gap: 4,
+            children: /*#__PURE__*/ jsx(Grid.Item, {
+                xs: 12,
+                direction: "column",
+                alignItems: "stretch",
+                children: /*#__PURE__*/ jsx(VersionInputRenderer, {
+                    ...field
+                })
+            })
+        }, field.name);
+    }
+    return /*#__PURE__*/ jsx(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__*/ jsx(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__*/ jsx(Grid.Root, {
+                    gap: {
+                        initial: 6,
+                        medium: 4
+                    },
+                    children: visibleFields.map(({ size, ...field })=>{
+                        return /*#__PURE__*/ jsx(Grid.Item, {
+                            col: size,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsx(VersionInputRenderer, {
+                                ...field
+                            })
+                        }, field.name);
+                    })
+                }, gridRowIndex);
+            })
+        })
+    });
+};
+const VersionContent = ()=>{
+    const { formatMessage } = useIntl();
+    const { fieldSizes } = useTypedSelector((state)=>state['content-manager'].app);
+    const version = useHistoryContext('VersionContent', (state)=>state.selectedVersion);
+    const layout = useHistoryContext('VersionContent', (state)=>state.layout);
+    const configuration = useHistoryContext('VersionContent', (state)=>state.configuration);
+    const schema = 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 } = useDoc();
+    /**
+   * Transform the data before passing it to the form so that each field
+   * has a uniquely generated key
+   */ const transformedData = React.useMemo(()=>{
+        const transform = (schemaAttributes, components = {})=>(document)=>{
+                const schema = {
+                    attributes: schemaAttributes
+                };
+                const transformations = pipe(removeFieldsThatDontExistOnSchema(schema), prepareTempKeys(schema, components));
+                return transformations(document);
+            };
+        return transform(version.schema, components)(version.data);
+    }, [
+        components,
+        version.data,
+        version.schema
+    ]);
+    return /*#__PURE__*/ jsx(Layouts.Content, {
+        children: /*#__PURE__*/ jsxs(Box, {
+            paddingBottom: {
+                initial: 0,
+                large: 8
+            },
+            children: [
+                /*#__PURE__*/ jsx(Form, {
+                    disabled: true,
+                    method: "PUT",
+                    initialValues: transformedData,
+                    children: /*#__PURE__*/ jsx(Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 6,
+                        position: "relative",
+                        children: [
+                            ...layout,
+                            ...remainingFieldsLayout
+                        ].map((panel, index)=>{
+                            return /*#__PURE__*/ jsx(FormPanel, {
+                                panel: panel
+                            }, index);
+                        })
+                    })
+                }, version.id),
+                removedAttributesAsFields.length > 0 && /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Box, {
+                            paddingTop: {
+                                initial: 4,
+                                large: 0
+                            },
+                            children: /*#__PURE__*/ jsx(Divider, {})
+                        }),
+                        /*#__PURE__*/ jsxs(Box, {
+                            paddingTop: {
+                                initial: 4,
+                                large: 8
+                            },
+                            children: [
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    direction: "column",
+                                    alignItems: "flex-start",
+                                    paddingBottom: {
+                                        initial: 4,
+                                        large: 6
+                                    },
+                                    gap: 1,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Typography, {
+                                            variant: "delta",
+                                            children: formatMessage({
+                                                id: 'content-manager.history.content.unknown-fields.title',
+                                                defaultMessage: 'Unknown fields'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(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__*/ jsx(Typography, {
+                                                        variant: "pi",
+                                                        fontWeight: "bold",
+                                                        children: chunks
+                                                    })
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Form, {
+                                    disabled: true,
+                                    method: "PUT",
+                                    initialValues: version.data,
+                                    children: /*#__PURE__*/ jsx(Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 6,
+                                        position: "relative",
+                                        children: unknownFieldsLayout.map((panel, index)=>{
+                                            return /*#__PURE__*/ jsx(FormPanel, {
+                                                panel: panel
+                                            }, index);
+                                        })
+                                    })
+                                }, `${version.id}-unknownFields`)
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { VersionContent, getRemaingFieldsLayout };
+//# sourceMappingURL=VersionContent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionContent.mjs","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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"}

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

@@ -0,0 +1,221 @@
+'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 Icons = require('@strapi/icons');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var plugin = require('../../constants/plugin.js');
+var History = require('../pages/History.js');
+var historyVersion = require('../services/historyVersion.js');
+
+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);
+
+const VersionHeader = ({ headerId })=>{
+    const [isConfirmDialogOpen, setIsConfirmDialogOpen] = React__namespace.useState(false);
+    const navigate = reactRouterDom.useNavigate();
+    const { formatMessage, formatDate } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const { collectionType, slug } = reactRouterDom.useParams();
+    const [restoreVersion, { isLoading }] = historyVersion.useRestoreVersionMutation();
+    const { allowedActions } = strapiAdmin.useRBAC(plugin.PERMISSIONS.map((action)=>({
+            action,
+            subject: slug
+        })));
+    const version = History.useHistoryContext('VersionHeader', (state)=>state.selectedVersion);
+    const mainField = History.useHistoryContext('VersionHeader', (state)=>state.mainField);
+    const schema = History.useHistoryContext('VersionHeader', (state)=>state.schema);
+    const isCurrentVersion = History.useHistoryContext('VersionHeader', (state)=>state.page === 1 && state.versions.data[0].id === state.selectedVersion.id);
+    const mainFieldValue = version.data[mainField];
+    const getNextNavigation = ()=>{
+        const pluginsQueryParams = qs.stringify({
+            plugins: query.plugins
+        }, {
+            encode: false
+        });
+        return {
+            pathname: '..',
+            search: pluginsQueryParams
+        };
+    };
+    const handleRestore = async ()=>{
+        try {
+            const response = await restoreVersion({
+                documentId: version.relatedDocumentId,
+                collectionType,
+                params: {
+                    versionId: version.id,
+                    contentType: version.contentType
+                },
+                body: {
+                    contentType: version.contentType
+                }
+            });
+            if ('data' in response) {
+                navigate(getNextNavigation(), {
+                    relative: 'path'
+                });
+                toggleNotification({
+                    type: 'success',
+                    title: formatMessage({
+                        id: 'content-manager.restore.success.title',
+                        defaultMessage: 'Version restored.'
+                    }),
+                    message: formatMessage({
+                        id: 'content-manager.restore.success.message',
+                        defaultMessage: 'A past version of the content was restored.'
+                    })
+                });
+                trackUsage('didRestoreHistoryVersion');
+            }
+            if ('error' in response) {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatMessage({
+                        id: 'content-manager.history.restore.error.message',
+                        defaultMessage: 'Could not restore version.'
+                    })
+                });
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+        open: isConfirmDialogOpen,
+        onOpenChange: setIsConfirmDialogOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.BaseHeader, {
+                id: headerId,
+                title: formatDate(new Date(version.createdAt), {
+                    year: 'numeric',
+                    month: 'numeric',
+                    day: 'numeric',
+                    hour: 'numeric',
+                    minute: 'numeric'
+                }),
+                secondaryAction: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.GradientBadge, {
+                    label: formatMessage({
+                        id: 'components.premiumFeature.title',
+                        defaultMessage: 'Premium feature'
+                    })
+                }),
+                subtitle: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "epsilon",
+                    textColor: "neutral600",
+                    children: formatMessage({
+                        id: 'content-manager.history.version.subtitle',
+                        defaultMessage: '{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}'
+                    }, {
+                        hasLocale: Boolean(version.locale),
+                        subtitle: `${mainFieldValue || ''} (${schema.info.singularName})`.trim(),
+                        locale: version.locale?.name
+                    })
+                }),
+                navigationAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowLeft, {
+                        "data-rtl-flip": "true"
+                    }),
+                    tag: reactRouterDom.NavLink,
+                    to: getNextNavigation(),
+                    relative: "path",
+                    isExternal: false,
+                    children: formatMessage({
+                        id: 'global.back',
+                        defaultMessage: 'Back'
+                    })
+                }),
+                sticky: false,
+                primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        disabled: !allowedActions.canUpdate || isCurrentVersion,
+                        onClick: ()=>{
+                            setIsConfirmDialogOpen(true);
+                        },
+                        fullWidth: true,
+                        children: formatMessage({
+                            id: 'content-manager.history.restore.confirm.button',
+                            defaultMessage: 'Restore'
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                onConfirm: handleRestore,
+                endAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    fullWidth: true,
+                    variant: "secondary",
+                    onClick: handleRestore,
+                    loading: isLoading,
+                    children: formatMessage({
+                        id: 'content-manager.history.restore.confirm.button',
+                        defaultMessage: 'Restore'
+                    })
+                }),
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    direction: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: 2,
+                    textAlign: "center",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                            justifyContent: "center",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(Icons.WarningCircle, {
+                                width: "24px",
+                                height: "24px",
+                                fill: "danger600"
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: formatMessage({
+                                id: 'content-manager.history.restore.confirm.title',
+                                defaultMessage: 'Are you sure you want to restore this version?'
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: formatMessage({
+                                id: 'content-manager.history.restore.confirm.message',
+                                defaultMessage: "{isDraft, select, true {The restored content will override your draft.} other {The restored content won't be published, it will override the draft and be saved as pending changes. You'll be able to publish the changes at anytime.}}"
+                            }, {
+                                isDraft: version.status === 'draft'
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.VersionHeader = VersionHeader;
+//# sourceMappingURL=VersionHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionHeader.js","sources":["../../../../admin/src/history/components/VersionHeader.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useNotification,\n  useQueryParams,\n  useTracking,\n  useRBAC,\n  Layouts,\n  GradientBadge,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Typography, Flex, Link, Dialog } from '@strapi/design-system';\nimport { ArrowLeft, WarningCircle } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate, useParams, type To } from 'react-router-dom';\n\nimport { PERMISSIONS } from '../../constants/plugin';\nimport { useHistoryContext } from '../pages/History';\nimport { useRestoreVersionMutation } from '../services/historyVersion';\n\nimport type { UID } from '@strapi/types';\n\ninterface VersionHeaderProps {\n  headerId: string;\n}\n\nexport const VersionHeader = ({ headerId }: VersionHeaderProps) => {\n  const [isConfirmDialogOpen, setIsConfirmDialogOpen] = React.useState(false);\n  const navigate = useNavigate();\n  const { formatMessage, formatDate } = useIntl();\n  const { trackUsage } = useTracking();\n  const { toggleNotification } = useNotification();\n  const [{ query }] = useQueryParams<{\n    plugins?: Record<string, unknown>;\n  }>();\n  const { collectionType, slug } = useParams<{ collectionType: string; slug: UID.ContentType }>();\n  const [restoreVersion, { isLoading }] = useRestoreVersionMutation();\n  const { allowedActions } = useRBAC(PERMISSIONS.map((action) => ({ action, subject: slug })));\n\n  const version = useHistoryContext('VersionHeader', (state) => state.selectedVersion);\n  const mainField = useHistoryContext('VersionHeader', (state) => state.mainField);\n  const schema = useHistoryContext('VersionHeader', (state) => state.schema);\n  const isCurrentVersion = useHistoryContext(\n    'VersionHeader',\n    (state) => state.page === 1 && state.versions.data[0].id === state.selectedVersion.id\n  );\n\n  const mainFieldValue = version.data[mainField];\n\n  const getNextNavigation = (): To => {\n    const pluginsQueryParams = stringify({ plugins: query.plugins }, { encode: false });\n\n    return {\n      pathname: '..',\n      search: pluginsQueryParams,\n    };\n  };\n\n  const handleRestore = async () => {\n    try {\n      const response = await restoreVersion({\n        documentId: version.relatedDocumentId,\n        collectionType,\n        params: {\n          versionId: version.id,\n          contentType: version.contentType,\n        },\n        body: { contentType: version.contentType },\n      });\n\n      if ('data' in response) {\n        navigate(getNextNavigation(), { relative: 'path' });\n\n        toggleNotification({\n          type: 'success',\n          title: formatMessage({\n            id: 'content-manager.restore.success.title',\n            defaultMessage: 'Version restored.',\n          }),\n          message: formatMessage({\n            id: 'content-manager.restore.success.message',\n            defaultMessage: 'A past version of the content was restored.',\n          }),\n        });\n\n        trackUsage('didRestoreHistoryVersion');\n      }\n\n      if ('error' in response) {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: 'content-manager.history.restore.error.message',\n            defaultMessage: 'Could not restore version.',\n          }),\n        });\n      }\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  return (\n    <Dialog.Root open={isConfirmDialogOpen} onOpenChange={setIsConfirmDialogOpen}>\n      <Layouts.BaseHeader\n        id={headerId}\n        title={formatDate(new Date(version.createdAt), {\n          year: 'numeric',\n          month: 'numeric',\n          day: 'numeric',\n          hour: 'numeric',\n          minute: 'numeric',\n        })}\n        secondaryAction={\n          <GradientBadge\n            label={formatMessage({\n              id: 'components.premiumFeature.title',\n              defaultMessage: 'Premium feature',\n            })}\n          />\n        }\n        subtitle={\n          <Typography variant=\"epsilon\" textColor=\"neutral600\">\n            {formatMessage(\n              {\n                id: 'content-manager.history.version.subtitle',\n                defaultMessage:\n                  '{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}',\n              },\n              {\n                hasLocale: Boolean(version.locale),\n                subtitle: `${mainFieldValue || ''} (${schema.info.singularName})`.trim(),\n                locale: version.locale?.name,\n              }\n            )}\n          </Typography>\n        }\n        navigationAction={\n          <Link\n            startIcon={<ArrowLeft data-rtl-flip=\"true\" />}\n            tag={NavLink}\n            to={getNextNavigation()}\n            relative=\"path\"\n            isExternal={false}\n          >\n            {formatMessage({\n              id: 'global.back',\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        }\n        sticky={false}\n        primaryAction={\n          <Dialog.Trigger>\n            <Button\n              disabled={!allowedActions.canUpdate || isCurrentVersion}\n              onClick={() => {\n                setIsConfirmDialogOpen(true);\n              }}\n              fullWidth\n            >\n              {formatMessage({\n                id: 'content-manager.history.restore.confirm.button',\n                defaultMessage: 'Restore',\n              })}\n            </Button>\n          </Dialog.Trigger>\n        }\n      />\n      <ConfirmDialog\n        onConfirm={handleRestore}\n        endAction={\n          <Button fullWidth variant=\"secondary\" onClick={handleRestore} loading={isLoading}>\n            {formatMessage({\n              id: 'content-manager.history.restore.confirm.button',\n              defaultMessage: 'Restore',\n            })}\n          </Button>\n        }\n      >\n        <Flex\n          direction=\"column\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gap={2}\n          textAlign=\"center\"\n        >\n          <Flex justifyContent=\"center\">\n            <WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />\n          </Flex>\n          <Typography>\n            {formatMessage({\n              id: 'content-manager.history.restore.confirm.title',\n              defaultMessage: 'Are you sure you want to restore this version?',\n            })}\n          </Typography>\n          <Typography>\n            {formatMessage(\n              {\n                id: 'content-manager.history.restore.confirm.message',\n                defaultMessage:\n                  \"{isDraft, select, true {The restored content will override your draft.} other {The restored content won't be published, it will override the draft and be saved as pending changes. You'll be able to publish the changes at anytime.}}\",\n              },\n              {\n                isDraft: version.status === 'draft',\n              }\n            )}\n          </Typography>\n        </Flex>\n      </ConfirmDialog>\n    </Dialog.Root>\n  );\n};\n"],"names":["VersionHeader","headerId","isConfirmDialogOpen","setIsConfirmDialogOpen","React","useState","navigate","useNavigate","formatMessage","formatDate","useIntl","trackUsage","useTracking","toggleNotification","useNotification","query","useQueryParams","collectionType","slug","useParams","restoreVersion","isLoading","useRestoreVersionMutation","allowedActions","useRBAC","PERMISSIONS","map","action","subject","version","useHistoryContext","state","selectedVersion","mainField","schema","isCurrentVersion","page","versions","data","id","mainFieldValue","getNextNavigation","pluginsQueryParams","stringify","plugins","encode","pathname","search","handleRestore","response","documentId","relatedDocumentId","params","versionId","contentType","body","relative","type","title","defaultMessage","message","_jsxs","Dialog","Root","open","onOpenChange","_jsx","Layouts","BaseHeader","Date","createdAt","year","month","day","hour","minute","secondaryAction","GradientBadge","label","subtitle","Typography","variant","textColor","hasLocale","Boolean","locale","info","singularName","trim","name","navigationAction","Link","startIcon","ArrowLeft","data-rtl-flip","tag","NavLink","to","isExternal","sticky","primaryAction","Trigger","Button","disabled","canUpdate","onClick","fullWidth","ConfirmDialog","onConfirm","endAction","loading","Flex","direction","alignItems","justifyContent","gap","textAlign","WarningCircle","width","height","fill","isDraft","status"],"mappings":"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"}