@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeBuilderNav.js","sources":["../../../../admin/src/components/ContentTypeBuilderNav/ContentTypeBuilderNav.tsx"],"sourcesContent":["import { Fragment, useState, useEffect } from 'react';\r\n\r\nimport { ConfirmDialog, SubNav, tours } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Searchbar,\r\n  Button,\r\n  Flex,\r\n  Typography,\r\n  Divider,\r\n  Menu,\r\n  VisuallyHidden,\r\n  Dialog,\r\n} from '@strapi/design-system';\r\nimport { ArrowClockwise, Cross, More } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../../utils/getTrad';\r\nimport { useDataManager } from '../DataManager/useDataManager';\r\nimport { Status } from '../Status';\r\n\r\nimport { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu';\r\n\r\nconst ArrowCounterClockwise = styled(ArrowClockwise)`\r\n  transform: scaleX(-1);\r\n`;\r\n\r\nconst DiscardAllMenuItem = styled(Menu.Item)`\r\n  color: ${({ theme }) => theme.colors.danger600};\r\n\r\n  &:hover {\r\n    background: ${({ theme, disabled }) => !disabled && theme.colors.danger100};\r\n  }\r\n`;\r\n\r\nexport const ContentTypeBuilderNav = () => {\r\n  const { menu, search } = useContentTypeBuilderMenu();\r\n  const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager();\r\n\r\n  const { formatMessage } = useIntl();\r\n\r\n  const [menuIsOpen, setMenuIsOpen] = useState(false);\r\n  const [discardConfirmationModalIsOpen, setDiscardConfirmationModalIsOpen] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (!isInDevelopmentMode) {\r\n      return;\r\n    }\r\n\r\n    const onKeyDown = (e: KeyboardEvent) => {\r\n      if (e.ctrlKey || e.metaKey) {\r\n        if (e.key === 'Enter') {\r\n          if (isModified) {\r\n            e.preventDefault();\r\n            saveSchema();\r\n          }\r\n        } else if (e.key === 'z' && !e.shiftKey) {\r\n          e.preventDefault(); // Prevent browser default undo (e.g., in input fields)\r\n          history.undo();\r\n        } else if (e.key === 'y' || (e.shiftKey && e.key === 'z') || e.key === 'Z') {\r\n          e.preventDefault(); // Prevent browser default redo (e.g., in input fields)\r\n          history.redo();\r\n        }\r\n      }\r\n    };\r\n\r\n    document.addEventListener('keydown', onKeyDown);\r\n\r\n    return () => {\r\n      document.removeEventListener('keydown', onKeyDown);\r\n    };\r\n  });\r\n\r\n  const discardHandler = () => {\r\n    setDiscardConfirmationModalIsOpen(true);\r\n  };\r\n\r\n  const discardChanges = () => {\r\n    setMenuIsOpen(false);\r\n    setDiscardConfirmationModalIsOpen(false);\r\n    history.discardAllChanges();\r\n  };\r\n\r\n  const undoHandler = () => {\r\n    history.undo();\r\n  };\r\n\r\n  const redoHandler = () => {\r\n    history.redo();\r\n  };\r\n\r\n  const pluginName = formatMessage({\r\n    id: getTrad('plugin.name'),\r\n    defaultMessage: 'Content-Type Builder',\r\n  });\r\n\r\n  return (\r\n    <SubNav.Main aria-label={pluginName}>\r\n      <SubNav.Header label={pluginName} />\r\n      <Divider background=\"neutral150\" />\r\n      <Flex padding={5} gap={3} direction={'column'} alignItems={'stretch'}>\r\n        <tours.contentTypeBuilder.Save>\r\n          <Flex gap={2}>\r\n            <Button\r\n              flex={1}\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                saveSchema();\r\n              }}\r\n              type=\"submit\"\r\n              disabled={!isModified || !isInDevelopmentMode}\r\n              fullWidth\r\n              size=\"S\"\r\n            >\r\n              {formatMessage({\r\n                id: 'global.save',\r\n                defaultMessage: 'Save',\r\n              })}\r\n            </Button>\r\n            <Menu.Root open={menuIsOpen} onOpenChange={setMenuIsOpen}>\r\n              <Menu.Trigger\r\n                size=\"S\"\r\n                endIcon={null}\r\n                paddingTop=\"4px\"\r\n                paddingLeft=\"7px\"\r\n                paddingRight=\"7px\"\r\n                variant=\"tertiary\"\r\n              >\r\n                <More fill=\"neutral500\" aria-hidden focusable={false} />\r\n                <VisuallyHidden tag=\"span\">\r\n                  {formatMessage({\r\n                    id: 'global.more.actions',\r\n                    defaultMessage: 'More actions',\r\n                  })}\r\n                </VisuallyHidden>\r\n              </Menu.Trigger>\r\n              <Menu.Content zIndex={1}>\r\n                <Menu.Item\r\n                  disabled={!history.canUndo || !isInDevelopmentMode}\r\n                  onSelect={undoHandler}\r\n                  startIcon={<ArrowCounterClockwise />}\r\n                >\r\n                  {formatMessage({\r\n                    id: 'global.last-change.undo',\r\n                    defaultMessage: 'Undo last change',\r\n                  })}\r\n                </Menu.Item>\r\n                <Menu.Item\r\n                  disabled={!history.canRedo || !isInDevelopmentMode}\r\n                  onSelect={redoHandler}\r\n                  startIcon={<ArrowClockwise />}\r\n                >\r\n                  {formatMessage({\r\n                    id: 'global.last-change.redo',\r\n                    defaultMessage: 'Redo last change',\r\n                  })}\r\n                </Menu.Item>\r\n                <Menu.Separator />\r\n                <DiscardAllMenuItem\r\n                  disabled={!history.canDiscardAll || !isInDevelopmentMode}\r\n                  onSelect={discardHandler}\r\n                >\r\n                  <Flex gap={2}>\r\n                    <Cross />\r\n                    <Typography>\r\n                      {formatMessage({\r\n                        id: 'global.last-changes.discard',\r\n                        defaultMessage: 'Discard last changes',\r\n                      })}\r\n                    </Typography>\r\n                  </Flex>\r\n                </DiscardAllMenuItem>\r\n              </Menu.Content>\r\n            </Menu.Root>\r\n          </Flex>\r\n        </tours.contentTypeBuilder.Save>\r\n\r\n        <Searchbar\r\n          value={search.value}\r\n          onChange={(e) => search.onChange(e.target.value)}\r\n          onClear={() => search.onChange('')}\r\n          placeholder={formatMessage({\r\n            id: getTrad('search.placeholder'),\r\n            defaultMessage: 'Search',\r\n          })}\r\n          size=\"S\"\r\n          // eslint-disable-next-line react/no-children-prop\r\n          children={undefined}\r\n          name={'search_contentType'}\r\n          clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\r\n          aria-label={formatMessage({\r\n            id: getTrad('search.placeholder'),\r\n            defaultMessage: 'Search',\r\n          })}\r\n        />\r\n      </Flex>\r\n      <SubNav.Content>\r\n        <SubNav.Sections>\r\n          {menu.map((section) => (\r\n            <Fragment key={section.name}>\r\n              <SubNav.Section\r\n                label={formatMessage({\r\n                  id: section.title.id,\r\n                  defaultMessage: section.title.defaultMessage,\r\n                })}\r\n                link={\r\n                  section.customLink && {\r\n                    label: formatMessage({\r\n                      id: section.customLink?.id,\r\n                      defaultMessage: section.customLink?.defaultMessage,\r\n                    }),\r\n                    onClick: section.customLink?.onClick,\r\n                  }\r\n                }\r\n                sectionId={section.name}\r\n              >\r\n                {section.links.map((link) => {\r\n                  const linkLabel = formatMessage({ id: link.name, defaultMessage: link.title });\r\n\r\n                  if ('links' in link) {\r\n                    return (\r\n                      <SubNav.SubSection key={link.name} label={link.title}>\r\n                        {link.links.map((subLink) => {\r\n                          const label = formatMessage({\r\n                            id: subLink.name,\r\n                            defaultMessage: subLink.title,\r\n                          });\r\n\r\n                          return (\r\n                            <SubNav.Link\r\n                              to={subLink.to}\r\n                              key={subLink.name}\r\n                              label={label}\r\n                              endAction={\r\n                                <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\r\n                                  <Status status={subLink.status} />\r\n                                </Box>\r\n                              }\r\n                            />\r\n                          );\r\n                        })}\r\n                      </SubNav.SubSection>\r\n                    );\r\n                  }\r\n\r\n                  return (\r\n                    <SubNav.Link\r\n                      to={link.to}\r\n                      key={link.name}\r\n                      label={linkLabel}\r\n                      endAction={\r\n                        <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\r\n                          <Status status={link.status} />\r\n                        </Box>\r\n                      }\r\n                    />\r\n                  );\r\n                })}\r\n              </SubNav.Section>\r\n            </Fragment>\r\n          ))}\r\n        </SubNav.Sections>\r\n      </SubNav.Content>\r\n      <Dialog.Root\r\n        open={discardConfirmationModalIsOpen}\r\n        onOpenChange={setDiscardConfirmationModalIsOpen}\r\n      >\r\n        <ConfirmDialog onConfirm={discardChanges}>\r\n          {formatMessage({\r\n            id: getTrad('popUpWarning.discardAll.message'),\r\n            defaultMessage: 'Are you sure you want to discard all changes?',\r\n          })}\r\n        </ConfirmDialog>\r\n      </Dialog.Root>\r\n    </SubNav.Main>\r\n  );\r\n};\r\n"],"names":["ArrowCounterClockwise","styled","ArrowClockwise","DiscardAllMenuItem","Menu","Item","theme","colors","danger600","disabled","danger100","ContentTypeBuilderNav","menu","search","useContentTypeBuilderMenu","saveSchema","isModified","history","isInDevelopmentMode","useDataManager","formatMessage","useIntl","menuIsOpen","setMenuIsOpen","useState","discardConfirmationModalIsOpen","setDiscardConfirmationModalIsOpen","useEffect","onKeyDown","e","ctrlKey","metaKey","key","preventDefault","shiftKey","undo","redo","document","addEventListener","removeEventListener","discardHandler","discardChanges","discardAllChanges","undoHandler","redoHandler","pluginName","id","getTrad","defaultMessage","_jsxs","SubNav","Main","aria-label","_jsx","Header","label","Divider","background","Flex","padding","gap","direction","alignItems","tours","contentTypeBuilder","Save","Button","flex","onClick","type","fullWidth","size","Root","open","onOpenChange","Trigger","endIcon","paddingTop","paddingLeft","paddingRight","variant","More","fill","aria-hidden","focusable","VisuallyHidden","tag","Content","zIndex","canUndo","onSelect","startIcon","canRedo","Separator","canDiscardAll","Cross","Typography","Searchbar","value","onChange","target","onClear","placeholder","children","undefined","name","clearLabel","Sections","map","section","Fragment","Section","title","link","customLink","sectionId","links","linkLabel","SubSection","subLink","Link","to","endAction","Box","textAlign","width","Status","status","Dialog","ConfirmDialog","onConfirm"],"mappings":"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"}

package/dist/admin/components/ContentTypeBuilderNav/ContentTypeBuilderNav.mjs

@@ -0,0 +1,277 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, Fragment } from 'react';
+import { SubNav, tours, ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Divider, Flex, Button, Menu, VisuallyHidden, Typography, Searchbar, Box, Dialog } from '@strapi/design-system';
+import { More, ArrowClockwise, Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTrad } from '../../utils/getTrad.mjs';
+import { useDataManager } from '../DataManager/useDataManager.mjs';
+import { Status } from '../Status.mjs';
+import { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu.mjs';
+
+const ArrowCounterClockwise = styled(ArrowClockwise)`
+  transform: scaleX(-1);
+`;
+const DiscardAllMenuItem = styled(Menu.Item)`
+  color: ${({ theme })=>theme.colors.danger600};
+
+  &:hover {
+    background: ${({ theme, disabled })=>!disabled && theme.colors.danger100};
+  }
+`;
+const ContentTypeBuilderNav = ()=>{
+    const { menu, search } = useContentTypeBuilderMenu();
+    const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager();
+    const { formatMessage } = useIntl();
+    const [menuIsOpen, setMenuIsOpen] = useState(false);
+    const [discardConfirmationModalIsOpen, setDiscardConfirmationModalIsOpen] = useState(false);
+    useEffect(()=>{
+        if (!isInDevelopmentMode) {
+            return;
+        }
+        const onKeyDown = (e)=>{
+            if (e.ctrlKey || e.metaKey) {
+                if (e.key === 'Enter') {
+                    if (isModified) {
+                        e.preventDefault();
+                        saveSchema();
+                    }
+                } else if (e.key === 'z' && !e.shiftKey) {
+                    e.preventDefault(); // Prevent browser default undo (e.g., in input fields)
+                    history.undo();
+                } else if (e.key === 'y' || e.shiftKey && e.key === 'z' || e.key === 'Z') {
+                    e.preventDefault(); // Prevent browser default redo (e.g., in input fields)
+                    history.redo();
+                }
+            }
+        };
+        document.addEventListener('keydown', onKeyDown);
+        return ()=>{
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    });
+    const discardHandler = ()=>{
+        setDiscardConfirmationModalIsOpen(true);
+    };
+    const discardChanges = ()=>{
+        setMenuIsOpen(false);
+        setDiscardConfirmationModalIsOpen(false);
+        history.discardAllChanges();
+    };
+    const undoHandler = ()=>{
+        history.undo();
+    };
+    const redoHandler = ()=>{
+        history.redo();
+    };
+    const pluginName = formatMessage({
+        id: getTrad('plugin.name'),
+        defaultMessage: 'Content-Type Builder'
+    });
+    return /*#__PURE__*/ jsxs(SubNav.Main, {
+        "aria-label": pluginName,
+        children: [
+            /*#__PURE__*/ jsx(SubNav.Header, {
+                label: pluginName
+            }),
+            /*#__PURE__*/ jsx(Divider, {
+                background: "neutral150"
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                padding: 5,
+                gap: 3,
+                direction: 'column',
+                alignItems: 'stretch',
+                children: [
+                    /*#__PURE__*/ jsx(tours.contentTypeBuilder.Save, {
+                        children: /*#__PURE__*/ jsxs(Flex, {
+                            gap: 2,
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    flex: 1,
+                                    onClick: (e)=>{
+                                        e.preventDefault();
+                                        saveSchema();
+                                    },
+                                    type: "submit",
+                                    disabled: !isModified || !isInDevelopmentMode,
+                                    fullWidth: true,
+                                    size: "S",
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs(Menu.Root, {
+                                    open: menuIsOpen,
+                                    onOpenChange: setMenuIsOpen,
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Menu.Trigger, {
+                                            size: "S",
+                                            endIcon: null,
+                                            paddingTop: "4px",
+                                            paddingLeft: "7px",
+                                            paddingRight: "7px",
+                                            variant: "tertiary",
+                                            children: [
+                                                /*#__PURE__*/ jsx(More, {
+                                                    fill: "neutral500",
+                                                    "aria-hidden": true,
+                                                    focusable: false
+                                                }),
+                                                /*#__PURE__*/ jsx(VisuallyHidden, {
+                                                    tag: "span",
+                                                    children: formatMessage({
+                                                        id: 'global.more.actions',
+                                                        defaultMessage: 'More actions'
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxs(Menu.Content, {
+                                            zIndex: 1,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Menu.Item, {
+                                                    disabled: !history.canUndo || !isInDevelopmentMode,
+                                                    onSelect: undoHandler,
+                                                    startIcon: /*#__PURE__*/ jsx(ArrowCounterClockwise, {}),
+                                                    children: formatMessage({
+                                                        id: 'global.last-change.undo',
+                                                        defaultMessage: 'Undo last change'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Menu.Item, {
+                                                    disabled: !history.canRedo || !isInDevelopmentMode,
+                                                    onSelect: redoHandler,
+                                                    startIcon: /*#__PURE__*/ jsx(ArrowClockwise, {}),
+                                                    children: formatMessage({
+                                                        id: 'global.last-change.redo',
+                                                        defaultMessage: 'Redo last change'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Menu.Separator, {}),
+                                                /*#__PURE__*/ jsx(DiscardAllMenuItem, {
+                                                    disabled: !history.canDiscardAll || !isInDevelopmentMode,
+                                                    onSelect: discardHandler,
+                                                    children: /*#__PURE__*/ jsxs(Flex, {
+                                                        gap: 2,
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(Cross, {}),
+                                                            /*#__PURE__*/ jsx(Typography, {
+                                                                children: formatMessage({
+                                                                    id: 'global.last-changes.discard',
+                                                                    defaultMessage: 'Discard last changes'
+                                                                })
+                                                            })
+                                                        ]
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Searchbar, {
+                        value: search.value,
+                        onChange: (e)=>search.onChange(e.target.value),
+                        onClear: ()=>search.onChange(''),
+                        placeholder: formatMessage({
+                            id: getTrad('search.placeholder'),
+                            defaultMessage: 'Search'
+                        }),
+                        size: "S",
+                        // eslint-disable-next-line react/no-children-prop
+                        children: undefined,
+                        name: 'search_contentType',
+                        clearLabel: formatMessage({
+                            id: 'clearLabel',
+                            defaultMessage: 'Clear'
+                        }),
+                        "aria-label": formatMessage({
+                            id: getTrad('search.placeholder'),
+                            defaultMessage: 'Search'
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(SubNav.Content, {
+                children: /*#__PURE__*/ jsx(SubNav.Sections, {
+                    children: menu.map((section)=>/*#__PURE__*/ jsx(Fragment, {
+                            children: /*#__PURE__*/ jsx(SubNav.Section, {
+                                label: formatMessage({
+                                    id: section.title.id,
+                                    defaultMessage: section.title.defaultMessage
+                                }),
+                                link: section.customLink && {
+                                    label: formatMessage({
+                                        id: section.customLink?.id,
+                                        defaultMessage: section.customLink?.defaultMessage
+                                    }),
+                                    onClick: section.customLink?.onClick
+                                },
+                                sectionId: section.name,
+                                children: section.links.map((link)=>{
+                                    const linkLabel = formatMessage({
+                                        id: link.name,
+                                        defaultMessage: link.title
+                                    });
+                                    if ('links' in link) {
+                                        return /*#__PURE__*/ jsx(SubNav.SubSection, {
+                                            label: link.title,
+                                            children: link.links.map((subLink)=>{
+                                                const label = formatMessage({
+                                                    id: subLink.name,
+                                                    defaultMessage: subLink.title
+                                                });
+                                                return /*#__PURE__*/ jsx(SubNav.Link, {
+                                                    to: subLink.to,
+                                                    label: label,
+                                                    endAction: /*#__PURE__*/ jsx(Box, {
+                                                        tag: "span",
+                                                        textAlign: "center",
+                                                        width: '24px',
+                                                        children: /*#__PURE__*/ jsx(Status, {
+                                                            status: subLink.status
+                                                        })
+                                                    })
+                                                }, subLink.name);
+                                            })
+                                        }, link.name);
+                                    }
+                                    return /*#__PURE__*/ jsx(SubNav.Link, {
+                                        to: link.to,
+                                        label: linkLabel,
+                                        endAction: /*#__PURE__*/ jsx(Box, {
+                                            tag: "span",
+                                            textAlign: "center",
+                                            width: '24px',
+                                            children: /*#__PURE__*/ jsx(Status, {
+                                                status: link.status
+                                            })
+                                        })
+                                    }, link.name);
+                                })
+                            })
+                        }, section.name))
+                })
+            }),
+            /*#__PURE__*/ jsx(Dialog.Root, {
+                open: discardConfirmationModalIsOpen,
+                onOpenChange: setDiscardConfirmationModalIsOpen,
+                children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                    onConfirm: discardChanges,
+                    children: formatMessage({
+                        id: getTrad('popUpWarning.discardAll.message'),
+                        defaultMessage: 'Are you sure you want to discard all changes?'
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { ContentTypeBuilderNav };
+//# sourceMappingURL=ContentTypeBuilderNav.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeBuilderNav.mjs","sources":["../../../../admin/src/components/ContentTypeBuilderNav/ContentTypeBuilderNav.tsx"],"sourcesContent":["import { Fragment, useState, useEffect } from 'react';\r\n\r\nimport { ConfirmDialog, SubNav, tours } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Searchbar,\r\n  Button,\r\n  Flex,\r\n  Typography,\r\n  Divider,\r\n  Menu,\r\n  VisuallyHidden,\r\n  Dialog,\r\n} from '@strapi/design-system';\r\nimport { ArrowClockwise, Cross, More } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../../utils/getTrad';\r\nimport { useDataManager } from '../DataManager/useDataManager';\r\nimport { Status } from '../Status';\r\n\r\nimport { useContentTypeBuilderMenu } from './useContentTypeBuilderMenu';\r\n\r\nconst ArrowCounterClockwise = styled(ArrowClockwise)`\r\n  transform: scaleX(-1);\r\n`;\r\n\r\nconst DiscardAllMenuItem = styled(Menu.Item)`\r\n  color: ${({ theme }) => theme.colors.danger600};\r\n\r\n  &:hover {\r\n    background: ${({ theme, disabled }) => !disabled && theme.colors.danger100};\r\n  }\r\n`;\r\n\r\nexport const ContentTypeBuilderNav = () => {\r\n  const { menu, search } = useContentTypeBuilderMenu();\r\n  const { saveSchema, isModified, history, isInDevelopmentMode } = useDataManager();\r\n\r\n  const { formatMessage } = useIntl();\r\n\r\n  const [menuIsOpen, setMenuIsOpen] = useState(false);\r\n  const [discardConfirmationModalIsOpen, setDiscardConfirmationModalIsOpen] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (!isInDevelopmentMode) {\r\n      return;\r\n    }\r\n\r\n    const onKeyDown = (e: KeyboardEvent) => {\r\n      if (e.ctrlKey || e.metaKey) {\r\n        if (e.key === 'Enter') {\r\n          if (isModified) {\r\n            e.preventDefault();\r\n            saveSchema();\r\n          }\r\n        } else if (e.key === 'z' && !e.shiftKey) {\r\n          e.preventDefault(); // Prevent browser default undo (e.g., in input fields)\r\n          history.undo();\r\n        } else if (e.key === 'y' || (e.shiftKey && e.key === 'z') || e.key === 'Z') {\r\n          e.preventDefault(); // Prevent browser default redo (e.g., in input fields)\r\n          history.redo();\r\n        }\r\n      }\r\n    };\r\n\r\n    document.addEventListener('keydown', onKeyDown);\r\n\r\n    return () => {\r\n      document.removeEventListener('keydown', onKeyDown);\r\n    };\r\n  });\r\n\r\n  const discardHandler = () => {\r\n    setDiscardConfirmationModalIsOpen(true);\r\n  };\r\n\r\n  const discardChanges = () => {\r\n    setMenuIsOpen(false);\r\n    setDiscardConfirmationModalIsOpen(false);\r\n    history.discardAllChanges();\r\n  };\r\n\r\n  const undoHandler = () => {\r\n    history.undo();\r\n  };\r\n\r\n  const redoHandler = () => {\r\n    history.redo();\r\n  };\r\n\r\n  const pluginName = formatMessage({\r\n    id: getTrad('plugin.name'),\r\n    defaultMessage: 'Content-Type Builder',\r\n  });\r\n\r\n  return (\r\n    <SubNav.Main aria-label={pluginName}>\r\n      <SubNav.Header label={pluginName} />\r\n      <Divider background=\"neutral150\" />\r\n      <Flex padding={5} gap={3} direction={'column'} alignItems={'stretch'}>\r\n        <tours.contentTypeBuilder.Save>\r\n          <Flex gap={2}>\r\n            <Button\r\n              flex={1}\r\n              onClick={(e) => {\r\n                e.preventDefault();\r\n                saveSchema();\r\n              }}\r\n              type=\"submit\"\r\n              disabled={!isModified || !isInDevelopmentMode}\r\n              fullWidth\r\n              size=\"S\"\r\n            >\r\n              {formatMessage({\r\n                id: 'global.save',\r\n                defaultMessage: 'Save',\r\n              })}\r\n            </Button>\r\n            <Menu.Root open={menuIsOpen} onOpenChange={setMenuIsOpen}>\r\n              <Menu.Trigger\r\n                size=\"S\"\r\n                endIcon={null}\r\n                paddingTop=\"4px\"\r\n                paddingLeft=\"7px\"\r\n                paddingRight=\"7px\"\r\n                variant=\"tertiary\"\r\n              >\r\n                <More fill=\"neutral500\" aria-hidden focusable={false} />\r\n                <VisuallyHidden tag=\"span\">\r\n                  {formatMessage({\r\n                    id: 'global.more.actions',\r\n                    defaultMessage: 'More actions',\r\n                  })}\r\n                </VisuallyHidden>\r\n              </Menu.Trigger>\r\n              <Menu.Content zIndex={1}>\r\n                <Menu.Item\r\n                  disabled={!history.canUndo || !isInDevelopmentMode}\r\n                  onSelect={undoHandler}\r\n                  startIcon={<ArrowCounterClockwise />}\r\n                >\r\n                  {formatMessage({\r\n                    id: 'global.last-change.undo',\r\n                    defaultMessage: 'Undo last change',\r\n                  })}\r\n                </Menu.Item>\r\n                <Menu.Item\r\n                  disabled={!history.canRedo || !isInDevelopmentMode}\r\n                  onSelect={redoHandler}\r\n                  startIcon={<ArrowClockwise />}\r\n                >\r\n                  {formatMessage({\r\n                    id: 'global.last-change.redo',\r\n                    defaultMessage: 'Redo last change',\r\n                  })}\r\n                </Menu.Item>\r\n                <Menu.Separator />\r\n                <DiscardAllMenuItem\r\n                  disabled={!history.canDiscardAll || !isInDevelopmentMode}\r\n                  onSelect={discardHandler}\r\n                >\r\n                  <Flex gap={2}>\r\n                    <Cross />\r\n                    <Typography>\r\n                      {formatMessage({\r\n                        id: 'global.last-changes.discard',\r\n                        defaultMessage: 'Discard last changes',\r\n                      })}\r\n                    </Typography>\r\n                  </Flex>\r\n                </DiscardAllMenuItem>\r\n              </Menu.Content>\r\n            </Menu.Root>\r\n          </Flex>\r\n        </tours.contentTypeBuilder.Save>\r\n\r\n        <Searchbar\r\n          value={search.value}\r\n          onChange={(e) => search.onChange(e.target.value)}\r\n          onClear={() => search.onChange('')}\r\n          placeholder={formatMessage({\r\n            id: getTrad('search.placeholder'),\r\n            defaultMessage: 'Search',\r\n          })}\r\n          size=\"S\"\r\n          // eslint-disable-next-line react/no-children-prop\r\n          children={undefined}\r\n          name={'search_contentType'}\r\n          clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\r\n          aria-label={formatMessage({\r\n            id: getTrad('search.placeholder'),\r\n            defaultMessage: 'Search',\r\n          })}\r\n        />\r\n      </Flex>\r\n      <SubNav.Content>\r\n        <SubNav.Sections>\r\n          {menu.map((section) => (\r\n            <Fragment key={section.name}>\r\n              <SubNav.Section\r\n                label={formatMessage({\r\n                  id: section.title.id,\r\n                  defaultMessage: section.title.defaultMessage,\r\n                })}\r\n                link={\r\n                  section.customLink && {\r\n                    label: formatMessage({\r\n                      id: section.customLink?.id,\r\n                      defaultMessage: section.customLink?.defaultMessage,\r\n                    }),\r\n                    onClick: section.customLink?.onClick,\r\n                  }\r\n                }\r\n                sectionId={section.name}\r\n              >\r\n                {section.links.map((link) => {\r\n                  const linkLabel = formatMessage({ id: link.name, defaultMessage: link.title });\r\n\r\n                  if ('links' in link) {\r\n                    return (\r\n                      <SubNav.SubSection key={link.name} label={link.title}>\r\n                        {link.links.map((subLink) => {\r\n                          const label = formatMessage({\r\n                            id: subLink.name,\r\n                            defaultMessage: subLink.title,\r\n                          });\r\n\r\n                          return (\r\n                            <SubNav.Link\r\n                              to={subLink.to}\r\n                              key={subLink.name}\r\n                              label={label}\r\n                              endAction={\r\n                                <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\r\n                                  <Status status={subLink.status} />\r\n                                </Box>\r\n                              }\r\n                            />\r\n                          );\r\n                        })}\r\n                      </SubNav.SubSection>\r\n                    );\r\n                  }\r\n\r\n                  return (\r\n                    <SubNav.Link\r\n                      to={link.to}\r\n                      key={link.name}\r\n                      label={linkLabel}\r\n                      endAction={\r\n                        <Box tag=\"span\" textAlign=\"center\" width={'24px'}>\r\n                          <Status status={link.status} />\r\n                        </Box>\r\n                      }\r\n                    />\r\n                  );\r\n                })}\r\n              </SubNav.Section>\r\n            </Fragment>\r\n          ))}\r\n        </SubNav.Sections>\r\n      </SubNav.Content>\r\n      <Dialog.Root\r\n        open={discardConfirmationModalIsOpen}\r\n        onOpenChange={setDiscardConfirmationModalIsOpen}\r\n      >\r\n        <ConfirmDialog onConfirm={discardChanges}>\r\n          {formatMessage({\r\n            id: getTrad('popUpWarning.discardAll.message'),\r\n            defaultMessage: 'Are you sure you want to discard all changes?',\r\n          })}\r\n        </ConfirmDialog>\r\n      </Dialog.Root>\r\n    </SubNav.Main>\r\n  );\r\n};\r\n"],"names":["ArrowCounterClockwise","styled","ArrowClockwise","DiscardAllMenuItem","Menu","Item","theme","colors","danger600","disabled","danger100","ContentTypeBuilderNav","menu","search","useContentTypeBuilderMenu","saveSchema","isModified","history","isInDevelopmentMode","useDataManager","formatMessage","useIntl","menuIsOpen","setMenuIsOpen","useState","discardConfirmationModalIsOpen","setDiscardConfirmationModalIsOpen","useEffect","onKeyDown","e","ctrlKey","metaKey","key","preventDefault","shiftKey","undo","redo","document","addEventListener","removeEventListener","discardHandler","discardChanges","discardAllChanges","undoHandler","redoHandler","pluginName","id","getTrad","defaultMessage","_jsxs","SubNav","Main","aria-label","_jsx","Header","label","Divider","background","Flex","padding","gap","direction","alignItems","tours","contentTypeBuilder","Save","Button","flex","onClick","type","fullWidth","size","Root","open","onOpenChange","Trigger","endIcon","paddingTop","paddingLeft","paddingRight","variant","More","fill","aria-hidden","focusable","VisuallyHidden","tag","Content","zIndex","canUndo","onSelect","startIcon","canRedo","Separator","canDiscardAll","Cross","Typography","Searchbar","value","onChange","target","onClear","placeholder","children","undefined","name","clearLabel","Sections","map","section","Fragment","Section","title","link","customLink","sectionId","links","linkLabel","SubSection","subLink","Link","to","endAction","Box","textAlign","width","Status","status","Dialog","ConfirmDialog","onConfirm"],"mappings":"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"}

package/dist/admin/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.js

@@ -0,0 +1,157 @@
+'use strict';
+
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var upperFirst = require('lodash/upperFirst');
+var reactIntl = require('react-intl');
+var pluginId = require('../../pluginId.js');
+var getTrad = require('../../utils/getTrad.js');
+require('react/jsx-runtime');
+require('../CTBSession/sessionContext.js');
+var useCTBTracking = require('../CTBSession/useCTBTracking.js');
+var useDataManager = require('../DataManager/useDataManager.js');
+var useFormModalNavigation = require('../FormModalNavigation/useFormModalNavigation.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
+
+const useContentTypeBuilderMenu = ()=>{
+    const { componentsGroupedByCategory, isInDevelopmentMode, sortedContentTypesList } = useDataManager.useDataManager();
+    const { trackUsage } = useCTBTracking.useCTBTracking();
+    const [searchValue, setSearchValue] = React.useState('');
+    const { onOpenModalCreateSchema } = useFormModalNavigation.useFormModalNavigation();
+    const { locale } = reactIntl.useIntl();
+    const { contains } = designSystem.useFilter(locale, {
+        sensitivity: 'base'
+    });
+    const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const handleClickOpenModalCreateCollectionType = ()=>{
+        trackUsage(`willCreateContentType`);
+        const nextState = {
+            modalType: 'contentType',
+            kind: 'collectionType',
+            actionType: 'create',
+            forTarget: 'contentType'
+        };
+        onOpenModalCreateSchema(nextState);
+    };
+    const handleClickOpenModalCreateSingleType = ()=>{
+        trackUsage(`willCreateSingleType`);
+        const nextState = {
+            modalType: 'contentType',
+            kind: 'singleType',
+            actionType: 'create',
+            forTarget: 'contentType'
+        };
+        onOpenModalCreateSchema(nextState);
+    };
+    const handleClickOpenModalCreateComponent = ()=>{
+        trackUsage('willCreateComponent');
+        const nextState = {
+            modalType: 'component',
+            kind: 'collectionType',
+            actionType: 'create',
+            forTarget: 'component'
+        };
+        onOpenModalCreateSchema(nextState);
+    };
+    const componentsData = Object.entries(componentsGroupedByCategory).map(([category, components])=>({
+            name: category,
+            title: upperFirst__default.default(category),
+            links: components.map((component)=>({
+                    name: component.uid,
+                    to: `/plugins/${pluginId.pluginId}/component-categories/${category}/${component.uid}`,
+                    title: component.info.displayName,
+                    status: component.status
+                })).sort((a, b)=>formatter.compare(a.title, b.title))
+        })).sort((a, b)=>formatter.compare(a.title, b.title));
+    const displayedContentTypes = sortedContentTypesList.filter((obj)=>obj.visible).map((info)=>({
+            kind: info.kind,
+            name: info.name,
+            to: info.to,
+            title: info.title,
+            status: info.status
+        }));
+    const data = [
+        {
+            name: 'models',
+            title: {
+                id: `${getTrad.getTrad('menu.section.models.name')}`,
+                defaultMessage: 'Collection Types'
+            },
+            customLink: isInDevelopmentMode ? {
+                id: `${getTrad.getTrad('button.model.create')}`,
+                defaultMessage: 'Create new collection type',
+                onClick: handleClickOpenModalCreateCollectionType
+            } : undefined,
+            links: displayedContentTypes.filter((contentType)=>contentType.kind === 'collectionType')
+        },
+        {
+            name: 'singleTypes',
+            title: {
+                id: `${getTrad.getTrad('menu.section.single-types.name')}`,
+                defaultMessage: 'Single Types'
+            },
+            customLink: isInDevelopmentMode ? {
+                id: `${getTrad.getTrad('button.single-types.create')}`,
+                defaultMessage: 'Create new single type',
+                onClick: handleClickOpenModalCreateSingleType
+            } : undefined,
+            links: displayedContentTypes.filter((singleType)=>singleType.kind === 'singleType')
+        },
+        {
+            name: 'components',
+            title: {
+                id: `${getTrad.getTrad('menu.section.components.name')}`,
+                defaultMessage: 'Components'
+            },
+            customLink: isInDevelopmentMode ? {
+                id: `${getTrad.getTrad('button.component.create')}`,
+                defaultMessage: 'Create a new component',
+                onClick: handleClickOpenModalCreateComponent
+            } : undefined,
+            links: componentsData
+        }
+    ].map((section)=>{
+        const hasChild = section.links.some((l)=>'links' in l && Array.isArray(l.links));
+        if (hasChild) {
+            let filteredLinksCount = 0;
+            return {
+                ...section,
+                links: section.links.reduce((acc, link)=>{
+                    const filteredLinks = 'links' in link ? link.links.filter((link)=>contains(link.title, searchValue)) : [];
+                    if (filteredLinks.length === 0) {
+                        return acc;
+                    }
+                    filteredLinksCount += filteredLinks.length;
+                    acc.push({
+                        ...link,
+                        links: filteredLinks.sort((a, b)=>formatter.compare(a.title, b.title))
+                    });
+                    return acc;
+                }, []),
+                linksCount: filteredLinksCount
+            };
+        }
+        const filteredLinks = section.links.filter((link)=>contains(link.title, searchValue)).sort((a, b)=>formatter.compare(a.title, b.title));
+        return {
+            ...section,
+            links: filteredLinks,
+            linksCount: filteredLinks.length
+        };
+    });
+    return {
+        menu: data,
+        search: {
+            value: searchValue,
+            onChange: setSearchValue,
+            clear: ()=>setSearchValue('')
+        }
+    };
+};
+
+exports.useContentTypeBuilderMenu = useContentTypeBuilderMenu;
+//# sourceMappingURL=useContentTypeBuilderMenu.js.map

package/dist/admin/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentTypeBuilderMenu.js","sources":["../../../../admin/src/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.ts"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport { useCollator, useFilter } from '@strapi/design-system';\r\nimport upperFirst from 'lodash/upperFirst';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { pluginId } from '../../pluginId';\r\nimport { getTrad } from '../../utils/getTrad';\r\nimport { useCTBTracking } from '../CTBSession/ctbSession';\r\nimport { useDataManager } from '../DataManager/useDataManager';\r\nimport { useFormModalNavigation } from '../FormModalNavigation/useFormModalNavigation';\r\n\r\nimport type { Status } from '../../types';\r\nimport type { OpenModalCreateSchemaPayload } from '../FormModalNavigation/FormModalNavigationProvider';\r\n\r\ntype Link = {\r\n  name: string;\r\n  to: string;\r\n  status: Status;\r\n  title: string;\r\n};\r\n\r\ntype SubSection = {\r\n  name: string;\r\n  title: string;\r\n  links: Link[];\r\n};\r\n\r\ntype MenuSection = {\r\n  name: string;\r\n  title: {\r\n    id: string;\r\n    defaultMessage: string;\r\n  };\r\n  customLink?: {\r\n    id: string;\r\n    defaultMessage: string;\r\n    onClick: () => void;\r\n  };\r\n  links: Array<SubSection | Link>;\r\n  linksCount?: number;\r\n};\r\n\r\ntype Menu = MenuSection[];\r\n\r\nexport const useContentTypeBuilderMenu = () => {\r\n  const { componentsGroupedByCategory, isInDevelopmentMode, sortedContentTypesList } =\r\n    useDataManager();\r\n  const { trackUsage } = useCTBTracking();\r\n  const [searchValue, setSearchValue] = useState('');\r\n  const { onOpenModalCreateSchema } = useFormModalNavigation();\r\n  const { locale } = useIntl();\r\n\r\n  const { contains } = useFilter(locale, {\r\n    sensitivity: 'base',\r\n  });\r\n\r\n  const formatter = useCollator(locale, {\r\n    sensitivity: 'base',\r\n  });\r\n\r\n  const handleClickOpenModalCreateCollectionType = () => {\r\n    trackUsage(`willCreateContentType`);\r\n\r\n    const nextState = {\r\n      modalType: 'contentType',\r\n      kind: 'collectionType',\r\n      actionType: 'create',\r\n      forTarget: 'contentType',\r\n    } satisfies OpenModalCreateSchemaPayload;\r\n\r\n    onOpenModalCreateSchema(nextState);\r\n  };\r\n\r\n  const handleClickOpenModalCreateSingleType = () => {\r\n    trackUsage(`willCreateSingleType`);\r\n\r\n    const nextState = {\r\n      modalType: 'contentType',\r\n      kind: 'singleType',\r\n      actionType: 'create',\r\n      forTarget: 'contentType',\r\n    } satisfies OpenModalCreateSchemaPayload;\r\n\r\n    onOpenModalCreateSchema(nextState);\r\n  };\r\n\r\n  const handleClickOpenModalCreateComponent = () => {\r\n    trackUsage('willCreateComponent');\r\n\r\n    const nextState = {\r\n      modalType: 'component',\r\n      kind: 'collectionType',\r\n      actionType: 'create',\r\n      forTarget: 'component',\r\n    } satisfies OpenModalCreateSchemaPayload;\r\n\r\n    onOpenModalCreateSchema(nextState);\r\n  };\r\n\r\n  const componentsData = Object.entries(componentsGroupedByCategory)\r\n    .map(([category, components]) => ({\r\n      name: category,\r\n      title: upperFirst(category),\r\n      links: components\r\n        .map((component) => ({\r\n          name: component.uid,\r\n          to: `/plugins/${pluginId}/component-categories/${category}/${component.uid}`,\r\n          title: component.info.displayName,\r\n          status: component.status,\r\n        }))\r\n        .sort((a, b) => formatter.compare(a.title, b.title)),\r\n    }))\r\n    .sort((a, b) => formatter.compare(a.title, b.title));\r\n\r\n  const displayedContentTypes = sortedContentTypesList\r\n    .filter((obj) => obj.visible)\r\n    .map((info) => ({\r\n      kind: info.kind,\r\n      name: info.name,\r\n      to: info.to,\r\n      title: info.title,\r\n      status: info.status,\r\n    }));\r\n\r\n  const data: Menu = [\r\n    {\r\n      name: 'models',\r\n      title: {\r\n        id: `${getTrad('menu.section.models.name')}`,\r\n        defaultMessage: 'Collection Types',\r\n      },\r\n      customLink: isInDevelopmentMode\r\n        ? {\r\n            id: `${getTrad('button.model.create')}`,\r\n            defaultMessage: 'Create new collection type',\r\n            onClick: handleClickOpenModalCreateCollectionType,\r\n          }\r\n        : undefined,\r\n      links: displayedContentTypes.filter((contentType) => contentType.kind === 'collectionType'),\r\n    },\r\n    {\r\n      name: 'singleTypes',\r\n      title: {\r\n        id: `${getTrad('menu.section.single-types.name')}`,\r\n        defaultMessage: 'Single Types',\r\n      },\r\n      customLink: isInDevelopmentMode\r\n        ? {\r\n            id: `${getTrad('button.single-types.create')}`,\r\n            defaultMessage: 'Create new single type',\r\n            onClick: handleClickOpenModalCreateSingleType,\r\n          }\r\n        : undefined,\r\n      links: displayedContentTypes.filter((singleType) => singleType.kind === 'singleType'),\r\n    },\r\n    {\r\n      name: 'components',\r\n      title: {\r\n        id: `${getTrad('menu.section.components.name')}`,\r\n        defaultMessage: 'Components',\r\n      },\r\n      customLink: isInDevelopmentMode\r\n        ? {\r\n            id: `${getTrad('button.component.create')}`,\r\n            defaultMessage: 'Create a new component',\r\n            onClick: handleClickOpenModalCreateComponent,\r\n          }\r\n        : undefined,\r\n      links: componentsData,\r\n    },\r\n  ].map((section) => {\r\n    const hasChild = section.links.some((l) => 'links' in l && Array.isArray(l.links));\r\n\r\n    if (hasChild) {\r\n      let filteredLinksCount = 0;\r\n\r\n      return {\r\n        ...section,\r\n        links: section.links.reduce((acc, link) => {\r\n          const filteredLinks =\r\n            'links' in link ? link.links.filter((link) => contains(link.title, searchValue)) : [];\r\n\r\n          if (filteredLinks.length === 0) {\r\n            return acc;\r\n          }\r\n\r\n          filteredLinksCount += filteredLinks.length;\r\n\r\n          acc.push({\r\n            ...link,\r\n            links: filteredLinks.sort((a, b) => formatter.compare(a.title, b.title)),\r\n          });\r\n\r\n          return acc;\r\n        }, [] as SubSection[]),\r\n        linksCount: filteredLinksCount,\r\n      };\r\n    }\r\n\r\n    const filteredLinks = section.links\r\n      .filter((link) => contains(link.title, searchValue))\r\n      .sort((a, b) => formatter.compare(a.title, b.title));\r\n\r\n    return {\r\n      ...section,\r\n      links: filteredLinks,\r\n      linksCount: filteredLinks.length,\r\n    };\r\n  });\r\n\r\n  return {\r\n    menu: data,\r\n    search: {\r\n      value: searchValue,\r\n      onChange: setSearchValue,\r\n      clear: () => setSearchValue(''),\r\n    },\r\n  };\r\n};\r\n"],"names":["useContentTypeBuilderMenu","componentsGroupedByCategory","isInDevelopmentMode","sortedContentTypesList","useDataManager","trackUsage","useCTBTracking","searchValue","setSearchValue","useState","onOpenModalCreateSchema","useFormModalNavigation","locale","useIntl","contains","useFilter","sensitivity","formatter","useCollator","handleClickOpenModalCreateCollectionType","nextState","modalType","kind","actionType","forTarget","handleClickOpenModalCreateSingleType","handleClickOpenModalCreateComponent","componentsData","Object","entries","map","category","components","name","title","upperFirst","links","component","uid","to","pluginId","info","displayName","status","sort","a","b","compare","displayedContentTypes","filter","obj","visible","data","id","getTrad","defaultMessage","customLink","onClick","undefined","contentType","singleType","section","hasChild","some","l","Array","isArray","filteredLinksCount","reduce","acc","link","filteredLinks","length","push","linksCount","menu","search","value","onChange","clear"],"mappings":"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"}