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

package/dist/admin/components/ReleaseActionOptions.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const getBorderLeftRadiusValue = (actionType)=>{
+    return actionType === 'publish' ? 1 : 0;
+};
+const getBorderRightRadiusValue = (actionType)=>{
+    return actionType === 'publish' ? 0 : 1;
+};
+const FieldWrapper = styledComponents.styled(designSystem.Field.Root)`
+  border-top-left-radius: ${({ $actionType, theme })=>theme.spaces[getBorderLeftRadiusValue($actionType)]};
+  border-bottom-left-radius: ${({ $actionType, theme })=>theme.spaces[getBorderLeftRadiusValue($actionType)]};
+  border-top-right-radius: ${({ $actionType, theme })=>theme.spaces[getBorderRightRadiusValue($actionType)]};
+  border-bottom-right-radius: ${({ $actionType, theme })=>theme.spaces[getBorderRightRadiusValue($actionType)]};
+
+  label {
+    color: inherit;
+    padding: ${({ theme })=>`${theme.spaces[2]} ${theme.spaces[3]}`};
+    text-align: center;
+    vertical-align: middle;
+    text-transform: capitalize;
+  }
+
+  &[data-checked='true'] {
+    color: ${({ theme, $actionType })=>$actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};
+    background-color: ${({ theme, $actionType })=>$actionType === 'publish' ? theme.colors.primary100 : theme.colors.danger100};
+    border-color: ${({ theme, $actionType })=>$actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};
+  }
+
+  &[data-checked='false'] {
+    border-left: ${({ $actionType })=>$actionType === 'unpublish' && 'none'};
+    border-right: ${({ $actionType })=>$actionType === 'publish' && 'none'};
+  }
+
+  &[data-checked='false'][data-disabled='false']:hover {
+    color: ${({ theme })=>theme.colors.neutral700};
+    background-color: ${({ theme })=>theme.colors.neutral100};
+    border-color: ${({ theme })=>theme.colors.neutral200};
+
+    & > label {
+      cursor: pointer;
+    }
+  }
+
+  &[data-disabled='true'] {
+    color: ${({ theme })=>theme.colors.neutral600};
+    background-color: ${({ theme })=>theme.colors.neutral150};
+    border-color: ${({ theme })=>theme.colors.neutral300};
+  }
+`;
+const ActionOption = ({ selected, actionType, handleChange, name, disabled = false })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(FieldWrapper, {
+        $actionType: actionType,
+        background: "primary0",
+        borderColor: "neutral200",
+        color: selected === actionType ? 'primary600' : 'neutral600',
+        position: "relative",
+        cursor: "pointer",
+        "data-checked": selected === actionType,
+        "data-disabled": disabled && selected !== actionType,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Label, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Input, {
+                        type: "radio",
+                        name: name,
+                        checked: selected === actionType,
+                        onChange: handleChange,
+                        value: actionType,
+                        disabled: disabled
+                    })
+                }),
+                actionType
+            ]
+        })
+    });
+};
+const ReleaseActionOptions = ({ selected, handleChange, name, disabled = false })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(ActionOption, {
+                actionType: "publish",
+                selected: selected,
+                handleChange: handleChange,
+                name: name,
+                disabled: disabled
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ActionOption, {
+                actionType: "unpublish",
+                selected: selected,
+                handleChange: handleChange,
+                name: name,
+                disabled: disabled
+            })
+        ]
+    });
+};
+
+exports.ReleaseActionOptions = ReleaseActionOptions;
+//# sourceMappingURL=ReleaseActionOptions.js.map

package/dist/admin/components/ReleaseActionOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseActionOptions.js","sources":["../../../admin/src/components/ReleaseActionOptions.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { VisuallyHidden, Field, Flex } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface FieldWrapperProps extends Field.Props {\r\n  actionType: 'publish' | 'unpublish';\r\n}\r\n\r\nconst getBorderLeftRadiusValue = (actionType: FieldWrapperProps['actionType']) => {\r\n  return actionType === 'publish' ? 1 : 0;\r\n};\r\n\r\nconst getBorderRightRadiusValue = (actionType: FieldWrapperProps['actionType']) => {\r\n  return actionType === 'publish' ? 0 : 1;\r\n};\r\n\r\nconst FieldWrapper = styled(Field.Root)<{\r\n  $actionType: 'publish' | 'unpublish';\r\n}>`\r\n  border-top-left-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderLeftRadiusValue($actionType)]};\r\n  border-bottom-left-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderLeftRadiusValue($actionType)]};\r\n  border-top-right-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderRightRadiusValue($actionType)]};\r\n  border-bottom-right-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderRightRadiusValue($actionType)]};\r\n\r\n  label {\r\n    color: inherit;\r\n    padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[3]}`};\r\n    text-align: center;\r\n    vertical-align: middle;\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  &[data-checked='true'] {\r\n    color: ${({ theme, $actionType }) =>\r\n      $actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};\r\n    background-color: ${({ theme, $actionType }) =>\r\n      $actionType === 'publish' ? theme.colors.primary100 : theme.colors.danger100};\r\n    border-color: ${({ theme, $actionType }) =>\r\n      $actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};\r\n  }\r\n\r\n  &[data-checked='false'] {\r\n    border-left: ${({ $actionType }) => $actionType === 'unpublish' && 'none'};\r\n    border-right: ${({ $actionType }) => $actionType === 'publish' && 'none'};\r\n  }\r\n\r\n  &[data-checked='false'][data-disabled='false']:hover {\r\n    color: ${({ theme }) => theme.colors.neutral700};\r\n    background-color: ${({ theme }) => theme.colors.neutral100};\r\n    border-color: ${({ theme }) => theme.colors.neutral200};\r\n\r\n    & > label {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &[data-disabled='true'] {\r\n    color: ${({ theme }) => theme.colors.neutral600};\r\n    background-color: ${({ theme }) => theme.colors.neutral150};\r\n    border-color: ${({ theme }) => theme.colors.neutral300};\r\n  }\r\n`;\r\n\r\ninterface ActionOptionProps {\r\n  selected: 'publish' | 'unpublish';\r\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  name: string;\r\n  disabled?: boolean;\r\n}\r\n\r\ninterface OptionProps extends ActionOptionProps {\r\n  actionType: 'publish' | 'unpublish';\r\n}\r\n\r\nconst ActionOption = ({\r\n  selected,\r\n  actionType,\r\n  handleChange,\r\n  name,\r\n  disabled = false,\r\n}: OptionProps) => {\r\n  return (\r\n    <FieldWrapper\r\n      $actionType={actionType}\r\n      background=\"primary0\"\r\n      borderColor=\"neutral200\"\r\n      color={selected === actionType ? 'primary600' : 'neutral600'}\r\n      position=\"relative\"\r\n      cursor=\"pointer\"\r\n      data-checked={selected === actionType}\r\n      data-disabled={disabled && selected !== actionType}\r\n    >\r\n      <Field.Label>\r\n        <VisuallyHidden>\r\n          <Field.Input\r\n            type=\"radio\"\r\n            name={name}\r\n            checked={selected === actionType}\r\n            onChange={handleChange}\r\n            value={actionType}\r\n            disabled={disabled}\r\n          />\r\n        </VisuallyHidden>\r\n        {actionType}\r\n      </Field.Label>\r\n    </FieldWrapper>\r\n  );\r\n};\r\n\r\nexport const ReleaseActionOptions = ({\r\n  selected,\r\n  handleChange,\r\n  name,\r\n  disabled = false,\r\n}: ActionOptionProps) => {\r\n  return (\r\n    <Flex>\r\n      <ActionOption\r\n        actionType=\"publish\"\r\n        selected={selected}\r\n        handleChange={handleChange}\r\n        name={name}\r\n        disabled={disabled}\r\n      />\r\n      <ActionOption\r\n        actionType=\"unpublish\"\r\n        selected={selected}\r\n        handleChange={handleChange}\r\n        name={name}\r\n        disabled={disabled}\r\n      />\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["getBorderLeftRadiusValue","actionType","getBorderRightRadiusValue","FieldWrapper","styled","Field","Root","$actionType","theme","spaces","colors","primary700","danger600","primary100","danger100","neutral700","neutral100","neutral200","neutral600","neutral150","neutral300","ActionOption","selected","handleChange","name","disabled","_jsx","background","borderColor","color","position","cursor","data-checked","data-disabled","_jsxs","Label","VisuallyHidden","Input","type","checked","onChange","value","ReleaseActionOptions","Flex"],"mappings":"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"}

package/dist/admin/components/ReleaseActionOptions.mjs

@@ -0,0 +1,102 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Field, Flex, VisuallyHidden } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const getBorderLeftRadiusValue = (actionType)=>{
+    return actionType === 'publish' ? 1 : 0;
+};
+const getBorderRightRadiusValue = (actionType)=>{
+    return actionType === 'publish' ? 0 : 1;
+};
+const FieldWrapper = styled(Field.Root)`
+  border-top-left-radius: ${({ $actionType, theme })=>theme.spaces[getBorderLeftRadiusValue($actionType)]};
+  border-bottom-left-radius: ${({ $actionType, theme })=>theme.spaces[getBorderLeftRadiusValue($actionType)]};
+  border-top-right-radius: ${({ $actionType, theme })=>theme.spaces[getBorderRightRadiusValue($actionType)]};
+  border-bottom-right-radius: ${({ $actionType, theme })=>theme.spaces[getBorderRightRadiusValue($actionType)]};
+
+  label {
+    color: inherit;
+    padding: ${({ theme })=>`${theme.spaces[2]} ${theme.spaces[3]}`};
+    text-align: center;
+    vertical-align: middle;
+    text-transform: capitalize;
+  }
+
+  &[data-checked='true'] {
+    color: ${({ theme, $actionType })=>$actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};
+    background-color: ${({ theme, $actionType })=>$actionType === 'publish' ? theme.colors.primary100 : theme.colors.danger100};
+    border-color: ${({ theme, $actionType })=>$actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};
+  }
+
+  &[data-checked='false'] {
+    border-left: ${({ $actionType })=>$actionType === 'unpublish' && 'none'};
+    border-right: ${({ $actionType })=>$actionType === 'publish' && 'none'};
+  }
+
+  &[data-checked='false'][data-disabled='false']:hover {
+    color: ${({ theme })=>theme.colors.neutral700};
+    background-color: ${({ theme })=>theme.colors.neutral100};
+    border-color: ${({ theme })=>theme.colors.neutral200};
+
+    & > label {
+      cursor: pointer;
+    }
+  }
+
+  &[data-disabled='true'] {
+    color: ${({ theme })=>theme.colors.neutral600};
+    background-color: ${({ theme })=>theme.colors.neutral150};
+    border-color: ${({ theme })=>theme.colors.neutral300};
+  }
+`;
+const ActionOption = ({ selected, actionType, handleChange, name, disabled = false })=>{
+    return /*#__PURE__*/ jsx(FieldWrapper, {
+        $actionType: actionType,
+        background: "primary0",
+        borderColor: "neutral200",
+        color: selected === actionType ? 'primary600' : 'neutral600',
+        position: "relative",
+        cursor: "pointer",
+        "data-checked": selected === actionType,
+        "data-disabled": disabled && selected !== actionType,
+        children: /*#__PURE__*/ jsxs(Field.Label, {
+            children: [
+                /*#__PURE__*/ jsx(VisuallyHidden, {
+                    children: /*#__PURE__*/ jsx(Field.Input, {
+                        type: "radio",
+                        name: name,
+                        checked: selected === actionType,
+                        onChange: handleChange,
+                        value: actionType,
+                        disabled: disabled
+                    })
+                }),
+                actionType
+            ]
+        })
+    });
+};
+const ReleaseActionOptions = ({ selected, handleChange, name, disabled = false })=>{
+    return /*#__PURE__*/ jsxs(Flex, {
+        children: [
+            /*#__PURE__*/ jsx(ActionOption, {
+                actionType: "publish",
+                selected: selected,
+                handleChange: handleChange,
+                name: name,
+                disabled: disabled
+            }),
+            /*#__PURE__*/ jsx(ActionOption, {
+                actionType: "unpublish",
+                selected: selected,
+                handleChange: handleChange,
+                name: name,
+                disabled: disabled
+            })
+        ]
+    });
+};
+
+export { ReleaseActionOptions };
+//# sourceMappingURL=ReleaseActionOptions.mjs.map

package/dist/admin/components/ReleaseActionOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseActionOptions.mjs","sources":["../../../admin/src/components/ReleaseActionOptions.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { VisuallyHidden, Field, Flex } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface FieldWrapperProps extends Field.Props {\r\n  actionType: 'publish' | 'unpublish';\r\n}\r\n\r\nconst getBorderLeftRadiusValue = (actionType: FieldWrapperProps['actionType']) => {\r\n  return actionType === 'publish' ? 1 : 0;\r\n};\r\n\r\nconst getBorderRightRadiusValue = (actionType: FieldWrapperProps['actionType']) => {\r\n  return actionType === 'publish' ? 0 : 1;\r\n};\r\n\r\nconst FieldWrapper = styled(Field.Root)<{\r\n  $actionType: 'publish' | 'unpublish';\r\n}>`\r\n  border-top-left-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderLeftRadiusValue($actionType)]};\r\n  border-bottom-left-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderLeftRadiusValue($actionType)]};\r\n  border-top-right-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderRightRadiusValue($actionType)]};\r\n  border-bottom-right-radius: ${({ $actionType, theme }) =>\r\n    theme.spaces[getBorderRightRadiusValue($actionType)]};\r\n\r\n  label {\r\n    color: inherit;\r\n    padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[3]}`};\r\n    text-align: center;\r\n    vertical-align: middle;\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  &[data-checked='true'] {\r\n    color: ${({ theme, $actionType }) =>\r\n      $actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};\r\n    background-color: ${({ theme, $actionType }) =>\r\n      $actionType === 'publish' ? theme.colors.primary100 : theme.colors.danger100};\r\n    border-color: ${({ theme, $actionType }) =>\r\n      $actionType === 'publish' ? theme.colors.primary700 : theme.colors.danger600};\r\n  }\r\n\r\n  &[data-checked='false'] {\r\n    border-left: ${({ $actionType }) => $actionType === 'unpublish' && 'none'};\r\n    border-right: ${({ $actionType }) => $actionType === 'publish' && 'none'};\r\n  }\r\n\r\n  &[data-checked='false'][data-disabled='false']:hover {\r\n    color: ${({ theme }) => theme.colors.neutral700};\r\n    background-color: ${({ theme }) => theme.colors.neutral100};\r\n    border-color: ${({ theme }) => theme.colors.neutral200};\r\n\r\n    & > label {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &[data-disabled='true'] {\r\n    color: ${({ theme }) => theme.colors.neutral600};\r\n    background-color: ${({ theme }) => theme.colors.neutral150};\r\n    border-color: ${({ theme }) => theme.colors.neutral300};\r\n  }\r\n`;\r\n\r\ninterface ActionOptionProps {\r\n  selected: 'publish' | 'unpublish';\r\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  name: string;\r\n  disabled?: boolean;\r\n}\r\n\r\ninterface OptionProps extends ActionOptionProps {\r\n  actionType: 'publish' | 'unpublish';\r\n}\r\n\r\nconst ActionOption = ({\r\n  selected,\r\n  actionType,\r\n  handleChange,\r\n  name,\r\n  disabled = false,\r\n}: OptionProps) => {\r\n  return (\r\n    <FieldWrapper\r\n      $actionType={actionType}\r\n      background=\"primary0\"\r\n      borderColor=\"neutral200\"\r\n      color={selected === actionType ? 'primary600' : 'neutral600'}\r\n      position=\"relative\"\r\n      cursor=\"pointer\"\r\n      data-checked={selected === actionType}\r\n      data-disabled={disabled && selected !== actionType}\r\n    >\r\n      <Field.Label>\r\n        <VisuallyHidden>\r\n          <Field.Input\r\n            type=\"radio\"\r\n            name={name}\r\n            checked={selected === actionType}\r\n            onChange={handleChange}\r\n            value={actionType}\r\n            disabled={disabled}\r\n          />\r\n        </VisuallyHidden>\r\n        {actionType}\r\n      </Field.Label>\r\n    </FieldWrapper>\r\n  );\r\n};\r\n\r\nexport const ReleaseActionOptions = ({\r\n  selected,\r\n  handleChange,\r\n  name,\r\n  disabled = false,\r\n}: ActionOptionProps) => {\r\n  return (\r\n    <Flex>\r\n      <ActionOption\r\n        actionType=\"publish\"\r\n        selected={selected}\r\n        handleChange={handleChange}\r\n        name={name}\r\n        disabled={disabled}\r\n      />\r\n      <ActionOption\r\n        actionType=\"unpublish\"\r\n        selected={selected}\r\n        handleChange={handleChange}\r\n        name={name}\r\n        disabled={disabled}\r\n      />\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["getBorderLeftRadiusValue","actionType","getBorderRightRadiusValue","FieldWrapper","styled","Field","Root","$actionType","theme","spaces","colors","primary700","danger600","primary100","danger100","neutral700","neutral100","neutral200","neutral600","neutral150","neutral300","ActionOption","selected","handleChange","name","disabled","_jsx","background","borderColor","color","position","cursor","data-checked","data-disabled","_jsxs","Label","VisuallyHidden","Input","type","checked","onChange","value","ReleaseActionOptions","Flex"],"mappings":"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"}

package/dist/admin/components/ReleaseListCell.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var release = require('../services/release.js');
+
+const isDocumentRow = (entry)=>{
+    if ('documentId' in entry) {
+        return typeof entry.documentId === 'string';
+    }
+    return false;
+};
+const useReleasesList = (contentTypeUid, documentId)=>{
+    const listViewData = strapiAdmin.useTable('ListView', (state)=>state.rows);
+    const documentIds = listViewData.filter((entry)=>isDocumentRow(entry)).map((entry)=>entry.documentId);
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const locale = query?.plugins?.i18n?.locale || undefined;
+    const response = release.useGetMappedEntriesInReleasesQuery({
+        contentTypeUid,
+        documentIds,
+        locale
+    }, {
+        skip: !contentTypeUid || documentIds.length === 0
+    });
+    const mappedEntriesInReleases = response.data || {};
+    return mappedEntriesInReleases?.[documentId] || [];
+};
+const addColumnToTableHook = ({ displayedHeaders, layout })=>{
+    const { options } = layout;
+    if (!options?.draftAndPublish) {
+        return {
+            displayedHeaders,
+            layout
+        };
+    }
+    return {
+        displayedHeaders: [
+            ...displayedHeaders,
+            {
+                searchable: false,
+                sortable: false,
+                name: 'releases',
+                label: {
+                    id: 'content-releases.content-manager.list-view.releases.header',
+                    defaultMessage: 'To be released in'
+                },
+                cellFormatter: (props, _, { model })=>/*#__PURE__*/ jsxRuntime.jsx(ReleaseListCell, {
+                        ...props,
+                        model: model
+                    })
+            }
+        ],
+        layout
+    };
+};
+const ReleaseListCell = ({ documentId, model })=>{
+    const releases = useReleasesList(model, documentId);
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: "ghost",
+                    onClick: (e)=>e.stopPropagation(),
+                    // TODO: find a way in the DS to define the widht and height of the icon
+                    endIcon: releases.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(icons.CaretDown, {
+                        width: "1.2rem",
+                        height: "1.2rem"
+                    }) : null,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        style: {
+                            maxWidth: '252px',
+                            cursor: 'pointer'
+                        },
+                        textColor: "neutral800",
+                        fontWeight: "regular",
+                        children: releases.length > 0 ? formatMessage({
+                            id: 'content-releases.content-manager.list-view.releases-number',
+                            defaultMessage: '{number} {number, plural, one {release} other {releases}}'
+                        }, {
+                            number: releases.length
+                        }) : '-'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsx("ul", {
+                    children: releases.map(({ id, name })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            padding: 3,
+                            tag: "li",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                                href: `/admin/plugins/content-releases/${id}`,
+                                isExternal: false,
+                                children: name
+                            })
+                        }, id))
+                })
+            })
+        ]
+    });
+};
+
+exports.ReleaseListCell = ReleaseListCell;
+exports.addColumnToTableHook = addColumnToTableHook;
+//# sourceMappingURL=ReleaseListCell.js.map

package/dist/admin/components/ReleaseListCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseListCell.js","sources":["../../../admin/src/components/ReleaseListCell.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useTable, useQueryParams } from '@strapi/admin/strapi-admin';\r\nimport { ListFieldLayout, ListLayout } from '@strapi/content-manager/strapi-admin';\r\nimport { Box, Popover, Typography, Button, Link } from '@strapi/design-system';\r\nimport { CaretDown } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { useGetMappedEntriesInReleasesQuery } from '../services/release';\r\n\r\nimport type { Modules, UID } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * useReleasesList\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface QueryParams {\r\n  plugins?: {\r\n    i18n?: {\r\n      locale: string;\r\n    };\r\n  };\r\n}\r\n\r\ntype DocumentRow = {\r\n  id: string | number;\r\n  documentId: Modules.Documents.ID;\r\n};\r\n\r\nconst isDocumentRow = (entry: { id: string | number }): entry is DocumentRow => {\r\n  if ('documentId' in entry) {\r\n    return typeof entry.documentId === 'string';\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\nconst useReleasesList = (contentTypeUid: UID.ContentType, documentId: Modules.Documents.ID) => {\r\n  const listViewData = useTable('ListView', (state) => state.rows);\r\n  const documentIds = listViewData\r\n    .filter((entry) => isDocumentRow(entry))\r\n    .map((entry) => entry.documentId);\r\n  const [{ query }] = useQueryParams();\r\n  const locale = (query as QueryParams)?.plugins?.i18n?.locale || undefined;\r\n\r\n  const response = useGetMappedEntriesInReleasesQuery(\r\n    { contentTypeUid, documentIds, locale },\r\n    { skip: !contentTypeUid || documentIds.length === 0 }\r\n  );\r\n\r\n  const mappedEntriesInReleases = response.data || {};\r\n\r\n  return mappedEntriesInReleases?.[documentId] || [];\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * addColumnToTableHook\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AddColumnToTableHookArgs {\r\n  layout: ListLayout;\r\n  displayedHeaders: ListFieldLayout[];\r\n}\r\n\r\nconst addColumnToTableHook = ({ displayedHeaders, layout }: AddColumnToTableHookArgs) => {\r\n  const { options } = layout;\r\n\r\n  if (!options?.draftAndPublish) {\r\n    return { displayedHeaders, layout };\r\n  }\r\n\r\n  return {\r\n    displayedHeaders: [\r\n      ...displayedHeaders,\r\n      {\r\n        searchable: false,\r\n        sortable: false,\r\n        name: 'releases',\r\n        label: {\r\n          id: 'content-releases.content-manager.list-view.releases.header',\r\n          defaultMessage: 'To be released in',\r\n        },\r\n        cellFormatter: (\r\n          props: Modules.Documents.AnyDocument,\r\n          _: unknown,\r\n          { model }: { model: UID.ContentType }\r\n        ) => <ReleaseListCell {...props} model={model} />,\r\n      },\r\n    ],\r\n    layout,\r\n  };\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ReleaseListCell\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface ReleaseListCellProps extends Modules.Documents.AnyDocument {\r\n  documentId: Modules.Documents.ID;\r\n  model: UID.ContentType;\r\n}\r\n\r\nconst ReleaseListCell = ({ documentId, model }: ReleaseListCellProps) => {\r\n  const releases = useReleasesList(model, documentId);\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Popover.Root>\r\n      <Popover.Trigger>\r\n        <Button\r\n          variant=\"ghost\"\r\n          onClick={(e: React.MouseEvent<HTMLElement>) => e.stopPropagation()}\r\n          // TODO: find a way in the DS to define the widht and height of the icon\r\n          endIcon={releases.length > 0 ? <CaretDown width=\"1.2rem\" height=\"1.2rem\" /> : null}\r\n        >\r\n          <Typography\r\n            style={{ maxWidth: '252px', cursor: 'pointer' }}\r\n            textColor=\"neutral800\"\r\n            fontWeight=\"regular\"\r\n          >\r\n            {releases.length > 0\r\n              ? formatMessage(\r\n                  {\r\n                    id: 'content-releases.content-manager.list-view.releases-number',\r\n                    defaultMessage: '{number} {number, plural, one {release} other {releases}}',\r\n                  },\r\n                  {\r\n                    number: releases.length,\r\n                  }\r\n                )\r\n              : '-'}\r\n          </Typography>\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content>\r\n        <ul>\r\n          {releases.map(({ id, name }) => (\r\n            <Box key={id} padding={3} tag=\"li\">\r\n              <Link href={`/admin/plugins/content-releases/${id}`} isExternal={false}>\r\n                {name}\r\n              </Link>\r\n            </Box>\r\n          ))}\r\n        </ul>\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n\r\nexport { ReleaseListCell, addColumnToTableHook };\r\nexport type { ReleaseListCellProps };\r\n"],"names":["isDocumentRow","entry","documentId","useReleasesList","contentTypeUid","listViewData","useTable","state","rows","documentIds","filter","map","query","useQueryParams","locale","plugins","i18n","undefined","response","useGetMappedEntriesInReleasesQuery","skip","length","mappedEntriesInReleases","data","addColumnToTableHook","displayedHeaders","layout","options","draftAndPublish","searchable","sortable","name","label","id","defaultMessage","cellFormatter","props","_","model","_jsx","ReleaseListCell","releases","formatMessage","useIntl","_jsxs","Popover","Root","Trigger","Button","variant","onClick","e","stopPropagation","endIcon","CaretDown","width","height","Typography","style","maxWidth","cursor","textColor","fontWeight","number","Content","ul","Box","padding","tag","Link","href","isExternal"],"mappings":"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"}

package/dist/admin/components/ReleaseListCell.mjs

@@ -0,0 +1,106 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { useTable, useQueryParams } from '@strapi/admin/strapi-admin';
+import { Popover, Button, Typography, Box, Link } from '@strapi/design-system';
+import { CaretDown } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useGetMappedEntriesInReleasesQuery } from '../services/release.mjs';
+
+const isDocumentRow = (entry)=>{
+    if ('documentId' in entry) {
+        return typeof entry.documentId === 'string';
+    }
+    return false;
+};
+const useReleasesList = (contentTypeUid, documentId)=>{
+    const listViewData = useTable('ListView', (state)=>state.rows);
+    const documentIds = listViewData.filter((entry)=>isDocumentRow(entry)).map((entry)=>entry.documentId);
+    const [{ query }] = useQueryParams();
+    const locale = query?.plugins?.i18n?.locale || undefined;
+    const response = useGetMappedEntriesInReleasesQuery({
+        contentTypeUid,
+        documentIds,
+        locale
+    }, {
+        skip: !contentTypeUid || documentIds.length === 0
+    });
+    const mappedEntriesInReleases = response.data || {};
+    return mappedEntriesInReleases?.[documentId] || [];
+};
+const addColumnToTableHook = ({ displayedHeaders, layout })=>{
+    const { options } = layout;
+    if (!options?.draftAndPublish) {
+        return {
+            displayedHeaders,
+            layout
+        };
+    }
+    return {
+        displayedHeaders: [
+            ...displayedHeaders,
+            {
+                searchable: false,
+                sortable: false,
+                name: 'releases',
+                label: {
+                    id: 'content-releases.content-manager.list-view.releases.header',
+                    defaultMessage: 'To be released in'
+                },
+                cellFormatter: (props, _, { model })=>/*#__PURE__*/ jsx(ReleaseListCell, {
+                        ...props,
+                        model: model
+                    })
+            }
+        ],
+        layout
+    };
+};
+const ReleaseListCell = ({ documentId, model })=>{
+    const releases = useReleasesList(model, documentId);
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    onClick: (e)=>e.stopPropagation(),
+                    // TODO: find a way in the DS to define the widht and height of the icon
+                    endIcon: releases.length > 0 ? /*#__PURE__*/ jsx(CaretDown, {
+                        width: "1.2rem",
+                        height: "1.2rem"
+                    }) : null,
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        style: {
+                            maxWidth: '252px',
+                            cursor: 'pointer'
+                        },
+                        textColor: "neutral800",
+                        fontWeight: "regular",
+                        children: releases.length > 0 ? formatMessage({
+                            id: 'content-releases.content-manager.list-view.releases-number',
+                            defaultMessage: '{number} {number, plural, one {release} other {releases}}'
+                        }, {
+                            number: releases.length
+                        }) : '-'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Popover.Content, {
+                children: /*#__PURE__*/ jsx("ul", {
+                    children: releases.map(({ id, name })=>/*#__PURE__*/ jsx(Box, {
+                            padding: 3,
+                            tag: "li",
+                            children: /*#__PURE__*/ jsx(Link, {
+                                href: `/admin/plugins/content-releases/${id}`,
+                                isExternal: false,
+                                children: name
+                            })
+                        }, id))
+                })
+            })
+        ]
+    });
+};
+
+export { ReleaseListCell, addColumnToTableHook };
+//# sourceMappingURL=ReleaseListCell.mjs.map

package/dist/admin/components/ReleaseListCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseListCell.mjs","sources":["../../../admin/src/components/ReleaseListCell.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useTable, useQueryParams } from '@strapi/admin/strapi-admin';\r\nimport { ListFieldLayout, ListLayout } from '@strapi/content-manager/strapi-admin';\r\nimport { Box, Popover, Typography, Button, Link } from '@strapi/design-system';\r\nimport { CaretDown } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { useGetMappedEntriesInReleasesQuery } from '../services/release';\r\n\r\nimport type { Modules, UID } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * useReleasesList\r\n * -----------------------------------------------------------------------------------------------*/\r\ninterface QueryParams {\r\n  plugins?: {\r\n    i18n?: {\r\n      locale: string;\r\n    };\r\n  };\r\n}\r\n\r\ntype DocumentRow = {\r\n  id: string | number;\r\n  documentId: Modules.Documents.ID;\r\n};\r\n\r\nconst isDocumentRow = (entry: { id: string | number }): entry is DocumentRow => {\r\n  if ('documentId' in entry) {\r\n    return typeof entry.documentId === 'string';\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\nconst useReleasesList = (contentTypeUid: UID.ContentType, documentId: Modules.Documents.ID) => {\r\n  const listViewData = useTable('ListView', (state) => state.rows);\r\n  const documentIds = listViewData\r\n    .filter((entry) => isDocumentRow(entry))\r\n    .map((entry) => entry.documentId);\r\n  const [{ query }] = useQueryParams();\r\n  const locale = (query as QueryParams)?.plugins?.i18n?.locale || undefined;\r\n\r\n  const response = useGetMappedEntriesInReleasesQuery(\r\n    { contentTypeUid, documentIds, locale },\r\n    { skip: !contentTypeUid || documentIds.length === 0 }\r\n  );\r\n\r\n  const mappedEntriesInReleases = response.data || {};\r\n\r\n  return mappedEntriesInReleases?.[documentId] || [];\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * addColumnToTableHook\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface AddColumnToTableHookArgs {\r\n  layout: ListLayout;\r\n  displayedHeaders: ListFieldLayout[];\r\n}\r\n\r\nconst addColumnToTableHook = ({ displayedHeaders, layout }: AddColumnToTableHookArgs) => {\r\n  const { options } = layout;\r\n\r\n  if (!options?.draftAndPublish) {\r\n    return { displayedHeaders, layout };\r\n  }\r\n\r\n  return {\r\n    displayedHeaders: [\r\n      ...displayedHeaders,\r\n      {\r\n        searchable: false,\r\n        sortable: false,\r\n        name: 'releases',\r\n        label: {\r\n          id: 'content-releases.content-manager.list-view.releases.header',\r\n          defaultMessage: 'To be released in',\r\n        },\r\n        cellFormatter: (\r\n          props: Modules.Documents.AnyDocument,\r\n          _: unknown,\r\n          { model }: { model: UID.ContentType }\r\n        ) => <ReleaseListCell {...props} model={model} />,\r\n      },\r\n    ],\r\n    layout,\r\n  };\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ReleaseListCell\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface ReleaseListCellProps extends Modules.Documents.AnyDocument {\r\n  documentId: Modules.Documents.ID;\r\n  model: UID.ContentType;\r\n}\r\n\r\nconst ReleaseListCell = ({ documentId, model }: ReleaseListCellProps) => {\r\n  const releases = useReleasesList(model, documentId);\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Popover.Root>\r\n      <Popover.Trigger>\r\n        <Button\r\n          variant=\"ghost\"\r\n          onClick={(e: React.MouseEvent<HTMLElement>) => e.stopPropagation()}\r\n          // TODO: find a way in the DS to define the widht and height of the icon\r\n          endIcon={releases.length > 0 ? <CaretDown width=\"1.2rem\" height=\"1.2rem\" /> : null}\r\n        >\r\n          <Typography\r\n            style={{ maxWidth: '252px', cursor: 'pointer' }}\r\n            textColor=\"neutral800\"\r\n            fontWeight=\"regular\"\r\n          >\r\n            {releases.length > 0\r\n              ? formatMessage(\r\n                  {\r\n                    id: 'content-releases.content-manager.list-view.releases-number',\r\n                    defaultMessage: '{number} {number, plural, one {release} other {releases}}',\r\n                  },\r\n                  {\r\n                    number: releases.length,\r\n                  }\r\n                )\r\n              : '-'}\r\n          </Typography>\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content>\r\n        <ul>\r\n          {releases.map(({ id, name }) => (\r\n            <Box key={id} padding={3} tag=\"li\">\r\n              <Link href={`/admin/plugins/content-releases/${id}`} isExternal={false}>\r\n                {name}\r\n              </Link>\r\n            </Box>\r\n          ))}\r\n        </ul>\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n\r\nexport { ReleaseListCell, addColumnToTableHook };\r\nexport type { ReleaseListCellProps };\r\n"],"names":["isDocumentRow","entry","documentId","useReleasesList","contentTypeUid","listViewData","useTable","state","rows","documentIds","filter","map","query","useQueryParams","locale","plugins","i18n","undefined","response","useGetMappedEntriesInReleasesQuery","skip","length","mappedEntriesInReleases","data","addColumnToTableHook","displayedHeaders","layout","options","draftAndPublish","searchable","sortable","name","label","id","defaultMessage","cellFormatter","props","_","model","_jsx","ReleaseListCell","releases","formatMessage","useIntl","_jsxs","Popover","Root","Trigger","Button","variant","onClick","e","stopPropagation","endIcon","CaretDown","width","height","Typography","style","maxWidth","cursor","textColor","fontWeight","number","Content","ul","Box","padding","tag","Link","href","isExternal"],"mappings":"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"}