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

package/dist/admin/components/LeftMenu.js

@@ -0,0 +1,194 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var useContentManagerInitData = require('../hooks/useContentManagerInitData.js');
+var hooks = require('../modules/hooks.js');
+var translations = require('../utils/translations.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const LeftMenu = ({ isFullPage = false })=>{
+    const [search, setSearch] = React__namespace.useState('');
+    const { formatMessage, locale } = reactIntl.useIntl();
+    const { search: locationSearch } = reactRouterDom.useLocation();
+    const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');
+    // Initialize Content Manager data to ensure links are available
+    const { isLoading } = useContentManagerInitData.useContentManagerInitData();
+    const collectionTypeLinks = hooks.useTypedSelector((state)=>state['content-manager'].app.collectionTypeLinks);
+    const singleTypeLinks = hooks.useTypedSelector((state)=>state['content-manager'].app.singleTypeLinks);
+    const { contains } = designSystem.useFilter(locale, {
+        sensitivity: 'base'
+    });
+    const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const menu = React__namespace.useMemo(()=>[
+            {
+                id: 'collectionTypes',
+                title: formatMessage({
+                    id: translations.getTranslation('components.LeftMenu.collection-types'),
+                    defaultMessage: 'Collection Types'
+                }),
+                searchable: true,
+                links: collectionTypeLinks
+            },
+            {
+                id: 'singleTypes',
+                title: formatMessage({
+                    id: translations.getTranslation('components.LeftMenu.single-types'),
+                    defaultMessage: 'Single Types'
+                }),
+                searchable: true,
+                links: singleTypeLinks
+            }
+        ].map((section)=>({
+                ...section,
+                links: section.links/**
+           * Filter by the search value
+           */ .filter((link)=>contains(link.title, search.trim()))/**
+           * Sort correctly using the language
+           */ .sort((a, b)=>formatter.compare(a.title, b.title))/**
+           * Apply the formated strings to the links from react-intl
+           */ .map((link)=>{
+                    return {
+                        ...link,
+                        title: formatMessage({
+                            id: link.title,
+                            defaultMessage: link.title
+                        })
+                    };
+                })
+            })), [
+        collectionTypeLinks,
+        search,
+        singleTypeLinks,
+        contains,
+        formatMessage,
+        formatter
+    ]);
+    const handleClear = ()=>{
+        setSearch('');
+    };
+    const handleChangeSearch = (event)=>{
+        setSearch(event.target.value);
+    };
+    const label = formatMessage({
+        id: translations.getTranslation('header.name'),
+        defaultMessage: 'Content Manager'
+    });
+    // Show loading state while data is being fetched
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.SubNav.Main, {
+            "aria-label": label,
+            isFullPage: isFullPage,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Header, {
+                    label: label
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    padding: 4,
+                    justifyContent: "center",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {})
+                })
+            ]
+        });
+    }
+    const searchBar = /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        paddingLeft: {
+            initial: 3,
+            large: 5
+        },
+        paddingRight: {
+            initial: 3,
+            large: 5
+        },
+        paddingTop: 5,
+        paddingBottom: {
+            initial: 1,
+            large: 0
+        },
+        gap: 3,
+        direction: "column",
+        alignItems: "stretch",
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Searchbar, {
+            value: search,
+            onChange: handleChangeSearch,
+            onClear: handleClear,
+            placeholder: formatMessage({
+                id: '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'
+            })
+        })
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.SubNav.Main, {
+        "aria-label": label,
+        isFullPage: isFullPage,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Header, {
+                label: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                position: isFullPage ? 'sticky' : 'static',
+                top: isFullPage ? '0px' : undefined,
+                zIndex: isFullPage ? 2 : undefined,
+                background: isFullPage ? 'neutral100' : 'neutral0',
+                children: searchBar
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Sections, {
+                    children: menu.map((section)=>{
+                        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Section, {
+                            label: section.title,
+                            badgeLabel: section.links.length.toString(),
+                            children: section.links.map((link)=>{
+                                return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Link, {
+                                    to: {
+                                        pathname: link.to,
+                                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : ''
+                                    },
+                                    label: link.title
+                                }, link.uid);
+                            })
+                        }, section.id);
+                    })
+                })
+            })
+        ]
+    });
+};
+
+exports.LeftMenu = LeftMenu;
+//# sourceMappingURL=LeftMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftMenu.js","sources":["../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { SubNav } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Flex,\r\n  Searchbar,\r\n  useCollator,\r\n  useFilter,\r\n  Divider,\r\n  Loader,\r\n} from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nimport { useContentManagerInitData } from '../hooks/useContentManagerInitData';\r\nimport { useTypedSelector } from '../modules/hooks';\r\nimport { getTranslation } from '../utils/translations';\r\n\r\nconst LeftMenu = ({ isFullPage = false }: { isFullPage?: boolean }) => {\r\n  const [search, setSearch] = React.useState('');\r\n  const { formatMessage, locale } = useIntl();\r\n  const { search: locationSearch } = useLocation();\r\n  const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');\r\n\r\n  // Initialize Content Manager data to ensure links are available\r\n  const { isLoading } = useContentManagerInitData();\r\n\r\n  const collectionTypeLinks = useTypedSelector(\r\n    (state) => state['content-manager'].app.collectionTypeLinks\r\n  );\r\n\r\n  const singleTypeLinks = useTypedSelector((state) => state['content-manager'].app.singleTypeLinks);\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 menu = React.useMemo(\r\n    () =>\r\n      [\r\n        {\r\n          id: 'collectionTypes',\r\n          title: formatMessage({\r\n            id: getTranslation('components.LeftMenu.collection-types'),\r\n            defaultMessage: 'Collection Types',\r\n          }),\r\n          searchable: true,\r\n          links: collectionTypeLinks,\r\n        },\r\n        {\r\n          id: 'singleTypes',\r\n          title: formatMessage({\r\n            id: getTranslation('components.LeftMenu.single-types'),\r\n            defaultMessage: 'Single Types',\r\n          }),\r\n          searchable: true,\r\n          links: singleTypeLinks,\r\n        },\r\n      ].map((section) => ({\r\n        ...section,\r\n        links: section.links\r\n          /**\r\n           * Filter by the search value\r\n           */\r\n          .filter((link) => contains(link.title, search.trim()))\r\n          /**\r\n           * Sort correctly using the language\r\n           */\r\n          .sort((a, b) => formatter.compare(a.title, b.title))\r\n          /**\r\n           * Apply the formated strings to the links from react-intl\r\n           */\r\n          .map((link) => {\r\n            return {\r\n              ...link,\r\n              title: formatMessage({ id: link.title, defaultMessage: link.title }),\r\n            };\r\n          }),\r\n      })),\r\n    [collectionTypeLinks, search, singleTypeLinks, contains, formatMessage, formatter]\r\n  );\r\n\r\n  const handleClear = () => {\r\n    setSearch('');\r\n  };\r\n\r\n  const handleChangeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSearch(event.target.value);\r\n  };\r\n\r\n  const label = formatMessage({\r\n    id: getTranslation('header.name'),\r\n    defaultMessage: 'Content Manager',\r\n  });\r\n\r\n  // Show loading state while data is being fetched\r\n  if (isLoading) {\r\n    return (\r\n      <SubNav.Main aria-label={label} isFullPage={isFullPage}>\r\n        <SubNav.Header label={label} />\r\n        <Divider />\r\n        <Flex padding={4} justifyContent=\"center\">\r\n          <Loader />\r\n        </Flex>\r\n      </SubNav.Main>\r\n    );\r\n  }\r\n\r\n  const searchBar = (\r\n    <Flex\r\n      paddingLeft={{\r\n        initial: 3,\r\n        large: 5,\r\n      }}\r\n      paddingRight={{\r\n        initial: 3,\r\n        large: 5,\r\n      }}\r\n      paddingTop={5}\r\n      paddingBottom={{ initial: 1, large: 0 }}\r\n      gap={3}\r\n      direction=\"column\"\r\n      alignItems=\"stretch\"\r\n    >\r\n      <Searchbar\r\n        value={search}\r\n        onChange={handleChangeSearch}\r\n        onClear={handleClear}\r\n        placeholder={formatMessage({\r\n          id: '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      />\r\n    </Flex>\r\n  );\r\n\r\n  return (\r\n    <SubNav.Main aria-label={label} isFullPage={isFullPage}>\r\n      <SubNav.Header label={label} />\r\n      <Divider />\r\n      <Box\r\n        position={isFullPage ? 'sticky' : 'static'}\r\n        top={isFullPage ? '0px' : undefined}\r\n        zIndex={isFullPage ? 2 : undefined}\r\n        background={isFullPage ? 'neutral100' : 'neutral0'}\r\n      >\r\n        {searchBar}\r\n      </Box>\r\n      <SubNav.Content>\r\n        <SubNav.Sections>\r\n          {menu.map((section) => {\r\n            return (\r\n              <SubNav.Section\r\n                key={section.id}\r\n                label={section.title}\r\n                badgeLabel={section.links.length.toString()}\r\n              >\r\n                {section.links.map((link) => {\r\n                  return (\r\n                    <SubNav.Link\r\n                      key={link.uid}\r\n                      to={{\r\n                        pathname: link.to,\r\n                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : '',\r\n                      }}\r\n                      label={link.title}\r\n                    />\r\n                  );\r\n                })}\r\n              </SubNav.Section>\r\n            );\r\n          })}\r\n        </SubNav.Sections>\r\n      </SubNav.Content>\r\n    </SubNav.Main>\r\n  );\r\n};\r\n\r\nexport { LeftMenu };\r\n"],"names":["LeftMenu","isFullPage","search","setSearch","React","useState","formatMessage","locale","useIntl","locationSearch","useLocation","i18nLocale","URLSearchParams","get","isLoading","useContentManagerInitData","collectionTypeLinks","useTypedSelector","state","app","singleTypeLinks","contains","useFilter","sensitivity","formatter","useCollator","menu","useMemo","id","title","getTranslation","defaultMessage","searchable","links","map","section","filter","link","trim","sort","a","b","compare","handleClear","handleChangeSearch","event","target","value","label","_jsxs","SubNav","Main","aria-label","_jsx","Header","Divider","Flex","padding","justifyContent","Loader","searchBar","paddingLeft","initial","large","paddingRight","paddingTop","paddingBottom","gap","direction","alignItems","Searchbar","onChange","onClear","placeholder","size","children","undefined","name","clearLabel","Box","position","top","zIndex","background","Content","Sections","Section","badgeLabel","length","toString","Link","to","pathname","uid"],"mappings":"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"}

package/dist/admin/components/LeftMenu.mjs

@@ -0,0 +1,172 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { SubNav } from '@strapi/admin/strapi-admin';
+import { useFilter, useCollator, Divider, Flex, Loader, Searchbar, Box } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { useLocation } from 'react-router-dom';
+import { useContentManagerInitData } from '../hooks/useContentManagerInitData.mjs';
+import { useTypedSelector } from '../modules/hooks.mjs';
+import { getTranslation } from '../utils/translations.mjs';
+
+const LeftMenu = ({ isFullPage = false })=>{
+    const [search, setSearch] = React.useState('');
+    const { formatMessage, locale } = useIntl();
+    const { search: locationSearch } = useLocation();
+    const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');
+    // Initialize Content Manager data to ensure links are available
+    const { isLoading } = useContentManagerInitData();
+    const collectionTypeLinks = useTypedSelector((state)=>state['content-manager'].app.collectionTypeLinks);
+    const singleTypeLinks = useTypedSelector((state)=>state['content-manager'].app.singleTypeLinks);
+    const { contains } = useFilter(locale, {
+        sensitivity: 'base'
+    });
+    const formatter = useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const menu = React.useMemo(()=>[
+            {
+                id: 'collectionTypes',
+                title: formatMessage({
+                    id: getTranslation('components.LeftMenu.collection-types'),
+                    defaultMessage: 'Collection Types'
+                }),
+                searchable: true,
+                links: collectionTypeLinks
+            },
+            {
+                id: 'singleTypes',
+                title: formatMessage({
+                    id: getTranslation('components.LeftMenu.single-types'),
+                    defaultMessage: 'Single Types'
+                }),
+                searchable: true,
+                links: singleTypeLinks
+            }
+        ].map((section)=>({
+                ...section,
+                links: section.links/**
+           * Filter by the search value
+           */ .filter((link)=>contains(link.title, search.trim()))/**
+           * Sort correctly using the language
+           */ .sort((a, b)=>formatter.compare(a.title, b.title))/**
+           * Apply the formated strings to the links from react-intl
+           */ .map((link)=>{
+                    return {
+                        ...link,
+                        title: formatMessage({
+                            id: link.title,
+                            defaultMessage: link.title
+                        })
+                    };
+                })
+            })), [
+        collectionTypeLinks,
+        search,
+        singleTypeLinks,
+        contains,
+        formatMessage,
+        formatter
+    ]);
+    const handleClear = ()=>{
+        setSearch('');
+    };
+    const handleChangeSearch = (event)=>{
+        setSearch(event.target.value);
+    };
+    const label = formatMessage({
+        id: getTranslation('header.name'),
+        defaultMessage: 'Content Manager'
+    });
+    // Show loading state while data is being fetched
+    if (isLoading) {
+        return /*#__PURE__*/ jsxs(SubNav.Main, {
+            "aria-label": label,
+            isFullPage: isFullPage,
+            children: [
+                /*#__PURE__*/ jsx(SubNav.Header, {
+                    label: label
+                }),
+                /*#__PURE__*/ jsx(Divider, {}),
+                /*#__PURE__*/ jsx(Flex, {
+                    padding: 4,
+                    justifyContent: "center",
+                    children: /*#__PURE__*/ jsx(Loader, {})
+                })
+            ]
+        });
+    }
+    const searchBar = /*#__PURE__*/ jsx(Flex, {
+        paddingLeft: {
+            initial: 3,
+            large: 5
+        },
+        paddingRight: {
+            initial: 3,
+            large: 5
+        },
+        paddingTop: 5,
+        paddingBottom: {
+            initial: 1,
+            large: 0
+        },
+        gap: 3,
+        direction: "column",
+        alignItems: "stretch",
+        children: /*#__PURE__*/ jsx(Searchbar, {
+            value: search,
+            onChange: handleChangeSearch,
+            onClear: handleClear,
+            placeholder: formatMessage({
+                id: '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'
+            })
+        })
+    });
+    return /*#__PURE__*/ jsxs(SubNav.Main, {
+        "aria-label": label,
+        isFullPage: isFullPage,
+        children: [
+            /*#__PURE__*/ jsx(SubNav.Header, {
+                label: label
+            }),
+            /*#__PURE__*/ jsx(Divider, {}),
+            /*#__PURE__*/ jsx(Box, {
+                position: isFullPage ? 'sticky' : 'static',
+                top: isFullPage ? '0px' : undefined,
+                zIndex: isFullPage ? 2 : undefined,
+                background: isFullPage ? 'neutral100' : 'neutral0',
+                children: searchBar
+            }),
+            /*#__PURE__*/ jsx(SubNav.Content, {
+                children: /*#__PURE__*/ jsx(SubNav.Sections, {
+                    children: menu.map((section)=>{
+                        return /*#__PURE__*/ jsx(SubNav.Section, {
+                            label: section.title,
+                            badgeLabel: section.links.length.toString(),
+                            children: section.links.map((link)=>{
+                                return /*#__PURE__*/ jsx(SubNav.Link, {
+                                    to: {
+                                        pathname: link.to,
+                                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : ''
+                                    },
+                                    label: link.title
+                                }, link.uid);
+                            })
+                        }, section.id);
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { LeftMenu };
+//# sourceMappingURL=LeftMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftMenu.mjs","sources":["../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { SubNav } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Flex,\r\n  Searchbar,\r\n  useCollator,\r\n  useFilter,\r\n  Divider,\r\n  Loader,\r\n} from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nimport { useContentManagerInitData } from '../hooks/useContentManagerInitData';\r\nimport { useTypedSelector } from '../modules/hooks';\r\nimport { getTranslation } from '../utils/translations';\r\n\r\nconst LeftMenu = ({ isFullPage = false }: { isFullPage?: boolean }) => {\r\n  const [search, setSearch] = React.useState('');\r\n  const { formatMessage, locale } = useIntl();\r\n  const { search: locationSearch } = useLocation();\r\n  const i18nLocale = new URLSearchParams(locationSearch).get('plugins[i18n][locale]');\r\n\r\n  // Initialize Content Manager data to ensure links are available\r\n  const { isLoading } = useContentManagerInitData();\r\n\r\n  const collectionTypeLinks = useTypedSelector(\r\n    (state) => state['content-manager'].app.collectionTypeLinks\r\n  );\r\n\r\n  const singleTypeLinks = useTypedSelector((state) => state['content-manager'].app.singleTypeLinks);\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 menu = React.useMemo(\r\n    () =>\r\n      [\r\n        {\r\n          id: 'collectionTypes',\r\n          title: formatMessage({\r\n            id: getTranslation('components.LeftMenu.collection-types'),\r\n            defaultMessage: 'Collection Types',\r\n          }),\r\n          searchable: true,\r\n          links: collectionTypeLinks,\r\n        },\r\n        {\r\n          id: 'singleTypes',\r\n          title: formatMessage({\r\n            id: getTranslation('components.LeftMenu.single-types'),\r\n            defaultMessage: 'Single Types',\r\n          }),\r\n          searchable: true,\r\n          links: singleTypeLinks,\r\n        },\r\n      ].map((section) => ({\r\n        ...section,\r\n        links: section.links\r\n          /**\r\n           * Filter by the search value\r\n           */\r\n          .filter((link) => contains(link.title, search.trim()))\r\n          /**\r\n           * Sort correctly using the language\r\n           */\r\n          .sort((a, b) => formatter.compare(a.title, b.title))\r\n          /**\r\n           * Apply the formated strings to the links from react-intl\r\n           */\r\n          .map((link) => {\r\n            return {\r\n              ...link,\r\n              title: formatMessage({ id: link.title, defaultMessage: link.title }),\r\n            };\r\n          }),\r\n      })),\r\n    [collectionTypeLinks, search, singleTypeLinks, contains, formatMessage, formatter]\r\n  );\r\n\r\n  const handleClear = () => {\r\n    setSearch('');\r\n  };\r\n\r\n  const handleChangeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSearch(event.target.value);\r\n  };\r\n\r\n  const label = formatMessage({\r\n    id: getTranslation('header.name'),\r\n    defaultMessage: 'Content Manager',\r\n  });\r\n\r\n  // Show loading state while data is being fetched\r\n  if (isLoading) {\r\n    return (\r\n      <SubNav.Main aria-label={label} isFullPage={isFullPage}>\r\n        <SubNav.Header label={label} />\r\n        <Divider />\r\n        <Flex padding={4} justifyContent=\"center\">\r\n          <Loader />\r\n        </Flex>\r\n      </SubNav.Main>\r\n    );\r\n  }\r\n\r\n  const searchBar = (\r\n    <Flex\r\n      paddingLeft={{\r\n        initial: 3,\r\n        large: 5,\r\n      }}\r\n      paddingRight={{\r\n        initial: 3,\r\n        large: 5,\r\n      }}\r\n      paddingTop={5}\r\n      paddingBottom={{ initial: 1, large: 0 }}\r\n      gap={3}\r\n      direction=\"column\"\r\n      alignItems=\"stretch\"\r\n    >\r\n      <Searchbar\r\n        value={search}\r\n        onChange={handleChangeSearch}\r\n        onClear={handleClear}\r\n        placeholder={formatMessage({\r\n          id: '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      />\r\n    </Flex>\r\n  );\r\n\r\n  return (\r\n    <SubNav.Main aria-label={label} isFullPage={isFullPage}>\r\n      <SubNav.Header label={label} />\r\n      <Divider />\r\n      <Box\r\n        position={isFullPage ? 'sticky' : 'static'}\r\n        top={isFullPage ? '0px' : undefined}\r\n        zIndex={isFullPage ? 2 : undefined}\r\n        background={isFullPage ? 'neutral100' : 'neutral0'}\r\n      >\r\n        {searchBar}\r\n      </Box>\r\n      <SubNav.Content>\r\n        <SubNav.Sections>\r\n          {menu.map((section) => {\r\n            return (\r\n              <SubNav.Section\r\n                key={section.id}\r\n                label={section.title}\r\n                badgeLabel={section.links.length.toString()}\r\n              >\r\n                {section.links.map((link) => {\r\n                  return (\r\n                    <SubNav.Link\r\n                      key={link.uid}\r\n                      to={{\r\n                        pathname: link.to,\r\n                        search: i18nLocale ? `?plugins[i18n][locale]=${i18nLocale}` : '',\r\n                      }}\r\n                      label={link.title}\r\n                    />\r\n                  );\r\n                })}\r\n              </SubNav.Section>\r\n            );\r\n          })}\r\n        </SubNav.Sections>\r\n      </SubNav.Content>\r\n    </SubNav.Main>\r\n  );\r\n};\r\n\r\nexport { LeftMenu };\r\n"],"names":["LeftMenu","isFullPage","search","setSearch","React","useState","formatMessage","locale","useIntl","locationSearch","useLocation","i18nLocale","URLSearchParams","get","isLoading","useContentManagerInitData","collectionTypeLinks","useTypedSelector","state","app","singleTypeLinks","contains","useFilter","sensitivity","formatter","useCollator","menu","useMemo","id","title","getTranslation","defaultMessage","searchable","links","map","section","filter","link","trim","sort","a","b","compare","handleClear","handleChangeSearch","event","target","value","label","_jsxs","SubNav","Main","aria-label","_jsx","Header","Divider","Flex","padding","justifyContent","Loader","searchBar","paddingLeft","initial","large","paddingRight","paddingTop","paddingBottom","gap","direction","alignItems","Searchbar","onChange","onClear","placeholder","size","children","undefined","name","clearLabel","Box","position","top","zIndex","background","Content","Sections","Section","badgeLabel","length","toString","Link","to","pathname","uid"],"mappings":"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"}

package/dist/admin/components/RelativeTime.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var dateFns = require('date-fns');
+var reactIntl = require('react-intl');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const intervals = [
+    'years',
+    'months',
+    'days',
+    'hours',
+    'minutes',
+    'seconds'
+];
+/**
+ * Displays the relative time between a given timestamp and the current time.
+ * You can display a custom message for given time intervals by passing an array of custom intervals.
+ *
+ * @example
+ * ```jsx
+ * <caption>Display "last hour" if the timestamp is less than an hour ago</caption>
+ * <RelativeTime
+ *  timestamp={new Date('2021-01-01')}
+ *  customIntervals={[
+ *   { unit: 'hours', threshold: 1, text: 'last hour' },
+ *  ]}
+ * ```
+ */ const RelativeTime = /*#__PURE__*/ React__namespace.forwardRef(({ timestamp, customIntervals = [], ...restProps }, forwardedRef)=>{
+    const { formatRelativeTime, formatDate, formatTime } = reactIntl.useIntl();
+    /**
+     * TODO: make this auto-update, like a clock.
+     */ const interval = dateFns.intervalToDuration({
+        start: timestamp,
+        end: Date.now()
+    });
+    const unit = intervals.find((intervalUnit)=>{
+        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
+    }) ?? 'seconds';
+    const relativeTime = dateFns.isPast(timestamp) ? -interval[unit] : interval[unit];
+    // Display custom text if interval is less than the threshold
+    const customInterval = customIntervals.find((custom)=>interval[custom.unit] < custom.threshold);
+    const displayText = customInterval ? customInterval.text : formatRelativeTime(relativeTime, unit, {
+        numeric: 'auto'
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx("time", {
+        ref: forwardedRef,
+        dateTime: timestamp.toISOString(),
+        role: "time",
+        title: `${formatDate(timestamp)} ${formatTime(timestamp)}`,
+        ...restProps,
+        children: displayText
+    });
+});
+
+exports.RelativeTime = RelativeTime;
+//# sourceMappingURL=RelativeTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.js","sources":["../../../admin/src/components/RelativeTime.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Duration, intervalToDuration, isPast } from 'date-fns';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst intervals: Array<keyof Duration> = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];\r\n\r\ninterface CustomInterval {\r\n  unit: keyof Duration;\r\n  text: string;\r\n  threshold: number;\r\n}\r\n\r\ninterface RelativeTimeProps extends React.ComponentPropsWithoutRef<'time'> {\r\n  timestamp: Date;\r\n  customIntervals?: CustomInterval[];\r\n}\r\n\r\n/**\r\n * Displays the relative time between a given timestamp and the current time.\r\n * You can display a custom message for given time intervals by passing an array of custom intervals.\r\n *\r\n * @example\r\n * ```jsx\r\n * <caption>Display \"last hour\" if the timestamp is less than an hour ago</caption>\r\n * <RelativeTime\r\n *  timestamp={new Date('2021-01-01')}\r\n *  customIntervals={[\r\n *   { unit: 'hours', threshold: 1, text: 'last hour' },\r\n *  ]}\r\n * ```\r\n */\r\nconst RelativeTime = React.forwardRef<HTMLTimeElement, RelativeTimeProps>(\r\n  ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {\r\n    const { formatRelativeTime, formatDate, formatTime } = useIntl();\r\n\r\n    /**\r\n     * TODO: make this auto-update, like a clock.\r\n     */\r\n    const interval = intervalToDuration({\r\n      start: timestamp,\r\n      end: Date.now(),\r\n      // see https://github.com/date-fns/date-fns/issues/2891 – No idea why it's all partial it returns it every time.\r\n    }) as Required<Duration>;\r\n\r\n    const unit =\r\n      intervals.find((intervalUnit) => {\r\n        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);\r\n      }) ?? 'seconds';\r\n\r\n    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];\r\n\r\n    // Display custom text if interval is less than the threshold\r\n    const customInterval = customIntervals.find(\r\n      (custom) => interval[custom.unit] < custom.threshold\r\n    );\r\n\r\n    const displayText = customInterval\r\n      ? customInterval.text\r\n      : formatRelativeTime(relativeTime, unit, { numeric: 'auto' });\r\n\r\n    return (\r\n      <time\r\n        ref={forwardedRef}\r\n        dateTime={timestamp.toISOString()}\r\n        role=\"time\"\r\n        title={`${formatDate(timestamp)} ${formatTime(timestamp)}`}\r\n        {...restProps}\r\n      >\r\n        {displayText}\r\n      </time>\r\n    );\r\n  }\r\n);\r\n\r\nexport { RelativeTime };\r\nexport type { CustomInterval, RelativeTimeProps };\r\n"],"names":["intervals","RelativeTime","React","forwardRef","timestamp","customIntervals","restProps","forwardedRef","formatRelativeTime","formatDate","formatTime","useIntl","interval","intervalToDuration","start","end","Date","now","unit","find","intervalUnit","Object","keys","includes","relativeTime","isPast","customInterval","custom","threshold","displayText","text","numeric","_jsx","time","ref","dateTime","toISOString","role","title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,SAAAA,GAAmC;AAAC,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA,MAAA;AAAQ,IAAA,OAAA;AAAS,IAAA,SAAA;AAAW,IAAA;AAAU,CAAA;AAanG;;;;;;;;;;;;;AAaC,IACD,MAAMC,YAAAA,iBAAeC,gBAAAA,CAAMC,UAAU,CACnC,CAAC,EAAEC,SAAS,EAAEC,eAAAA,GAAkB,EAAE,EAAE,GAAGC,WAAW,EAAEC,YAAAA,GAAAA;AAClD,IAAA,MAAM,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,iBAAAA,EAAAA;AAEvD;;QAGA,MAAMC,WAAWC,0BAAAA,CAAmB;QAClCC,KAAAA,EAAOV,SAAAA;AACPW,QAAAA,GAAAA,EAAKC,KAAKC,GAAG;AAEf,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAAA,GACJlB,SAAAA,CAAUmB,IAAI,CAAC,CAACC,YAAAA,GAAAA;QACd,OAAOR,QAAQ,CAACQ,YAAAA,CAAa,GAAG,CAAA,IAAKC,OAAOC,IAAI,CAACV,QAAAA,CAAAA,CAAUW,QAAQ,CAACH,YAAAA,CAAAA;IACtE,CAAA,CAAA,IAAM,SAAA;IAER,MAAMI,YAAAA,GAAeC,cAAAA,CAAOrB,SAAAA,CAAAA,GAAa,CAACQ,QAAQ,CAACM,IAAAA,CAAK,GAAGN,QAAQ,CAACM,IAAAA,CAAK;;AAGzE,IAAA,MAAMQ,cAAAA,GAAiBrB,eAAAA,CAAgBc,IAAI,CACzC,CAACQ,MAAAA,GAAWf,QAAQ,CAACe,MAAAA,CAAOT,IAAI,CAAC,GAAGS,OAAOC,SAAS,CAAA;AAGtD,IAAA,MAAMC,cAAcH,cAAAA,GAChBA,cAAAA,CAAeI,IAAI,GACnBtB,kBAAAA,CAAmBgB,cAAcN,IAAAA,EAAM;QAAEa,OAAAA,EAAS;AAAO,KAAA,CAAA;AAE7D,IAAA,qBACEC,cAAA,CAACC,MAAAA,EAAAA;QACCC,GAAAA,EAAK3B,YAAAA;AACL4B,QAAAA,QAAAA,EAAU/B,UAAUgC,WAAW,EAAA;QAC/BC,IAAAA,EAAK,MAAA;AACLC,QAAAA,KAAAA,EAAO,GAAG7B,UAAAA,CAAWL,SAAAA,CAAAA,CAAW,CAAC,EAAEM,WAAWN,SAAAA,CAAAA,CAAAA,CAAY;AACzD,QAAA,GAAGE,SAAS;AAEZuB,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}

package/dist/admin/components/RelativeTime.mjs

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { intervalToDuration, isPast } from 'date-fns';
+import { useIntl } from 'react-intl';
+
+const intervals = [
+    'years',
+    'months',
+    'days',
+    'hours',
+    'minutes',
+    'seconds'
+];
+/**
+ * Displays the relative time between a given timestamp and the current time.
+ * You can display a custom message for given time intervals by passing an array of custom intervals.
+ *
+ * @example
+ * ```jsx
+ * <caption>Display "last hour" if the timestamp is less than an hour ago</caption>
+ * <RelativeTime
+ *  timestamp={new Date('2021-01-01')}
+ *  customIntervals={[
+ *   { unit: 'hours', threshold: 1, text: 'last hour' },
+ *  ]}
+ * ```
+ */ const RelativeTime = /*#__PURE__*/ React.forwardRef(({ timestamp, customIntervals = [], ...restProps }, forwardedRef)=>{
+    const { formatRelativeTime, formatDate, formatTime } = useIntl();
+    /**
+     * TODO: make this auto-update, like a clock.
+     */ const interval = intervalToDuration({
+        start: timestamp,
+        end: Date.now()
+    });
+    const unit = intervals.find((intervalUnit)=>{
+        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
+    }) ?? 'seconds';
+    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];
+    // Display custom text if interval is less than the threshold
+    const customInterval = customIntervals.find((custom)=>interval[custom.unit] < custom.threshold);
+    const displayText = customInterval ? customInterval.text : formatRelativeTime(relativeTime, unit, {
+        numeric: 'auto'
+    });
+    return /*#__PURE__*/ jsx("time", {
+        ref: forwardedRef,
+        dateTime: timestamp.toISOString(),
+        role: "time",
+        title: `${formatDate(timestamp)} ${formatTime(timestamp)}`,
+        ...restProps,
+        children: displayText
+    });
+});
+
+export { RelativeTime };
+//# sourceMappingURL=RelativeTime.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.mjs","sources":["../../../admin/src/components/RelativeTime.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Duration, intervalToDuration, isPast } from 'date-fns';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst intervals: Array<keyof Duration> = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];\r\n\r\ninterface CustomInterval {\r\n  unit: keyof Duration;\r\n  text: string;\r\n  threshold: number;\r\n}\r\n\r\ninterface RelativeTimeProps extends React.ComponentPropsWithoutRef<'time'> {\r\n  timestamp: Date;\r\n  customIntervals?: CustomInterval[];\r\n}\r\n\r\n/**\r\n * Displays the relative time between a given timestamp and the current time.\r\n * You can display a custom message for given time intervals by passing an array of custom intervals.\r\n *\r\n * @example\r\n * ```jsx\r\n * <caption>Display \"last hour\" if the timestamp is less than an hour ago</caption>\r\n * <RelativeTime\r\n *  timestamp={new Date('2021-01-01')}\r\n *  customIntervals={[\r\n *   { unit: 'hours', threshold: 1, text: 'last hour' },\r\n *  ]}\r\n * ```\r\n */\r\nconst RelativeTime = React.forwardRef<HTMLTimeElement, RelativeTimeProps>(\r\n  ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {\r\n    const { formatRelativeTime, formatDate, formatTime } = useIntl();\r\n\r\n    /**\r\n     * TODO: make this auto-update, like a clock.\r\n     */\r\n    const interval = intervalToDuration({\r\n      start: timestamp,\r\n      end: Date.now(),\r\n      // see https://github.com/date-fns/date-fns/issues/2891 – No idea why it's all partial it returns it every time.\r\n    }) as Required<Duration>;\r\n\r\n    const unit =\r\n      intervals.find((intervalUnit) => {\r\n        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);\r\n      }) ?? 'seconds';\r\n\r\n    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];\r\n\r\n    // Display custom text if interval is less than the threshold\r\n    const customInterval = customIntervals.find(\r\n      (custom) => interval[custom.unit] < custom.threshold\r\n    );\r\n\r\n    const displayText = customInterval\r\n      ? customInterval.text\r\n      : formatRelativeTime(relativeTime, unit, { numeric: 'auto' });\r\n\r\n    return (\r\n      <time\r\n        ref={forwardedRef}\r\n        dateTime={timestamp.toISOString()}\r\n        role=\"time\"\r\n        title={`${formatDate(timestamp)} ${formatTime(timestamp)}`}\r\n        {...restProps}\r\n      >\r\n        {displayText}\r\n      </time>\r\n    );\r\n  }\r\n);\r\n\r\nexport { RelativeTime };\r\nexport type { CustomInterval, RelativeTimeProps };\r\n"],"names":["intervals","RelativeTime","React","forwardRef","timestamp","customIntervals","restProps","forwardedRef","formatRelativeTime","formatDate","formatTime","useIntl","interval","intervalToDuration","start","end","Date","now","unit","find","intervalUnit","Object","keys","includes","relativeTime","isPast","customInterval","custom","threshold","displayText","text","numeric","_jsx","time","ref","dateTime","toISOString","role","title"],"mappings":";;;;;AAKA,MAAMA,SAAAA,GAAmC;AAAC,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA,MAAA;AAAQ,IAAA,OAAA;AAAS,IAAA,SAAA;AAAW,IAAA;AAAU,CAAA;AAanG;;;;;;;;;;;;;AAaC,IACD,MAAMC,YAAAA,iBAAeC,KAAAA,CAAMC,UAAU,CACnC,CAAC,EAAEC,SAAS,EAAEC,eAAAA,GAAkB,EAAE,EAAE,GAAGC,WAAW,EAAEC,YAAAA,GAAAA;AAClD,IAAA,MAAM,EAAEC,kBAAkB,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,OAAAA,EAAAA;AAEvD;;QAGA,MAAMC,WAAWC,kBAAAA,CAAmB;QAClCC,KAAAA,EAAOV,SAAAA;AACPW,QAAAA,GAAAA,EAAKC,KAAKC,GAAG;AAEf,KAAA,CAAA;AAEA,IAAA,MAAMC,IAAAA,GACJlB,SAAAA,CAAUmB,IAAI,CAAC,CAACC,YAAAA,GAAAA;QACd,OAAOR,QAAQ,CAACQ,YAAAA,CAAa,GAAG,CAAA,IAAKC,OAAOC,IAAI,CAACV,QAAAA,CAAAA,CAAUW,QAAQ,CAACH,YAAAA,CAAAA;IACtE,CAAA,CAAA,IAAM,SAAA;IAER,MAAMI,YAAAA,GAAeC,MAAAA,CAAOrB,SAAAA,CAAAA,GAAa,CAACQ,QAAQ,CAACM,IAAAA,CAAK,GAAGN,QAAQ,CAACM,IAAAA,CAAK;;AAGzE,IAAA,MAAMQ,cAAAA,GAAiBrB,eAAAA,CAAgBc,IAAI,CACzC,CAACQ,MAAAA,GAAWf,QAAQ,CAACe,MAAAA,CAAOT,IAAI,CAAC,GAAGS,OAAOC,SAAS,CAAA;AAGtD,IAAA,MAAMC,cAAcH,cAAAA,GAChBA,cAAAA,CAAeI,IAAI,GACnBtB,kBAAAA,CAAmBgB,cAAcN,IAAAA,EAAM;QAAEa,OAAAA,EAAS;AAAO,KAAA,CAAA;AAE7D,IAAA,qBACEC,GAAA,CAACC,MAAAA,EAAAA;QACCC,GAAAA,EAAK3B,YAAAA;AACL4B,QAAAA,QAAAA,EAAU/B,UAAUgC,WAAW,EAAA;QAC/BC,IAAAA,EAAK,MAAA;AACLC,QAAAA,KAAAA,EAAO,GAAG7B,UAAAA,CAAWL,SAAAA,CAAAA,CAAW,CAAC,EAAEM,WAAWN,SAAAA,CAAAA,CAAAA,CAAY;AACzD,QAAA,GAAGE,SAAS;AAEZuB,QAAAA,QAAAA,EAAAA;;AAGP,CAAA;;;;"}