@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/components/AssetDialog/BrowseStep/PageSize.mjs

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, SingleSelect, SingleSelectOption, Box, Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const PageSize = ({ onChangePageSize, pageSize })=>{
+    const { formatMessage } = useIntl();
+    const handleChange = (value)=>{
+        onChangePageSize(Number(value));
+    };
+    return /*#__PURE__*/ jsxs(Flex, {
+        children: [
+            /*#__PURE__*/ jsxs(SingleSelect, {
+                size: "S",
+                "aria-label": formatMessage({
+                    id: 'components.PageFooter.select',
+                    defaultMessage: 'Entries per page'
+                }),
+                onChange: handleChange,
+                value: pageSize.toString(),
+                children: [
+                    /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: "10",
+                        children: "10"
+                    }),
+                    /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: "20",
+                        children: "20"
+                    }),
+                    /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: "50",
+                        children: "50"
+                    }),
+                    /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: "100",
+                        children: "100"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                paddingLeft: 2,
+                children: /*#__PURE__*/ jsx(Typography, {
+                    textColor: "neutral600",
+                    tag: "label",
+                    htmlFor: "page-size",
+                    children: formatMessage({
+                        id: 'components.PageFooter.select',
+                        defaultMessage: 'Entries per page'
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { PageSize };
+//# sourceMappingURL=PageSize.mjs.map

package/dist/admin/components/AssetDialog/BrowseStep/PageSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSize.mjs","sources":["../../../../../admin/src/components/AssetDialog/BrowseStep/PageSize.tsx"],"sourcesContent":["import { Box, Flex, SingleSelectOption, SingleSelect, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ninterface PageSizeProps {\n  onChangePageSize: (value: number) => void;\n  pageSize: number;\n}\n\nexport const PageSize = ({ onChangePageSize, pageSize }: PageSizeProps) => {\n  const { formatMessage } = useIntl();\n\n  const handleChange = (value: string | number) => {\n    onChangePageSize(Number(value));\n  };\n\n  return (\n    <Flex>\n      <SingleSelect\n        size=\"S\"\n        aria-label={formatMessage({\n          id: 'components.PageFooter.select',\n          defaultMessage: 'Entries per page',\n        })}\n        onChange={handleChange}\n        value={pageSize.toString()}\n      >\n        <SingleSelectOption value=\"10\">10</SingleSelectOption>\n        <SingleSelectOption value=\"20\">20</SingleSelectOption>\n        <SingleSelectOption value=\"50\">50</SingleSelectOption>\n        <SingleSelectOption value=\"100\">100</SingleSelectOption>\n      </SingleSelect>\n      <Box paddingLeft={2}>\n        <Typography textColor=\"neutral600\" tag=\"label\" htmlFor=\"page-size\">\n          {formatMessage({\n            id: 'components.PageFooter.select',\n            defaultMessage: 'Entries per page',\n          })}\n        </Typography>\n      </Box>\n    </Flex>\n  );\n};\n"],"names":["PageSize","onChangePageSize","pageSize","formatMessage","useIntl","handleChange","value","Number","_jsxs","Flex","SingleSelect","size","aria-label","id","defaultMessage","onChange","toString","_jsx","SingleSelectOption","Box","paddingLeft","Typography","textColor","tag","htmlFor"],"mappings":";;;;MAQaA,QAAW,GAAA,CAAC,EAAEC,gBAAgB,EAAEC,QAAQ,EAAiB,GAAA;IACpE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMC,eAAe,CAACC,KAAAA,GAAAA;AACpBL,QAAAA,gBAAAA,CAAiBM,MAAOD,CAAAA,KAAAA,CAAAA,CAAAA;AAC1B,KAAA;AAEA,IAAA,qBACEE,IAACC,CAAAA,IAAAA,EAAAA;;0BACCD,IAACE,CAAAA,YAAAA,EAAAA;gBACCC,IAAK,EAAA,GAAA;AACLC,gBAAAA,YAAAA,EAAYT,aAAc,CAAA;oBACxBU,EAAI,EAAA,8BAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA,CAAA;gBACAC,QAAUV,EAAAA,YAAAA;AACVC,gBAAAA,KAAAA,EAAOJ,SAASc,QAAQ,EAAA;;kCAExBC,GAACC,CAAAA,kBAAAA,EAAAA;wBAAmBZ,KAAM,EAAA,IAAA;AAAK,wBAAA,QAAA,EAAA;;kCAC/BW,GAACC,CAAAA,kBAAAA,EAAAA;wBAAmBZ,KAAM,EAAA,IAAA;AAAK,wBAAA,QAAA,EAAA;;kCAC/BW,GAACC,CAAAA,kBAAAA,EAAAA;wBAAmBZ,KAAM,EAAA,IAAA;AAAK,wBAAA,QAAA,EAAA;;kCAC/BW,GAACC,CAAAA,kBAAAA,EAAAA;wBAAmBZ,KAAM,EAAA,KAAA;AAAM,wBAAA,QAAA,EAAA;;;;0BAElCW,GAACE,CAAAA,GAAAA,EAAAA;gBAAIC,WAAa,EAAA,CAAA;AAChB,gBAAA,QAAA,gBAAAH,GAACI,CAAAA,UAAAA,EAAAA;oBAAWC,SAAU,EAAA,YAAA;oBAAaC,GAAI,EAAA,OAAA;oBAAQC,OAAQ,EAAA,WAAA;8BACpDrB,aAAc,CAAA;wBACbU,EAAI,EAAA,8BAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;;;;;AAKV;;;;"}

package/dist/admin/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(React);
+
+const PaginationContext = /*#__PURE__*/ React__namespace.createContext({
+    activePage: 1,
+    pageCount: 1
+});
+const usePagination = ()=>React__namespace.useContext(PaginationContext);
+const Pagination = ({ children, activePage, pageCount, label = 'pagination' })=>{
+    const paginationValue = React__namespace.useMemo(()=>({
+            activePage,
+            pageCount
+        }), [
+        activePage,
+        pageCount
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(PaginationContext.Provider, {
+        value: paginationValue,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+            tag: "nav",
+            "aria-label": label,
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                tag: "ul",
+                gap: 1,
+                children: children
+            })
+        })
+    });
+};
+
+exports.Pagination = Pagination;
+exports.usePagination = usePagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/admin/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../../../admin/src/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex } from '@strapi/design-system';\n\nconst PaginationContext = React.createContext({ activePage: 1, pageCount: 1 });\nexport const usePagination = () => React.useContext(PaginationContext);\n\ninterface PaginationProps {\n  activePage: number;\n  children: React.ReactNode;\n  label?: string;\n  pageCount: number;\n}\n\nexport const Pagination = ({\n  children,\n  activePage,\n  pageCount,\n  label = 'pagination',\n}: PaginationProps) => {\n  const paginationValue = React.useMemo(() => ({ activePage, pageCount }), [activePage, pageCount]);\n\n  return (\n    <PaginationContext.Provider value={paginationValue}>\n      <Box tag=\"nav\" aria-label={label}>\n        <Flex tag=\"ul\" gap={1}>\n          {children}\n        </Flex>\n      </Box>\n    </PaginationContext.Provider>\n  );\n};\n"],"names":["PaginationContext","React","createContext","activePage","pageCount","usePagination","useContext","Pagination","children","label","paginationValue","useMemo","_jsx","Provider","value","Box","tag","aria-label","Flex","gap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,iBAAAA,iBAAoBC,gBAAMC,CAAAA,aAAa,CAAC;IAAEC,UAAY,EAAA,CAAA;IAAGC,SAAW,EAAA;AAAE,CAAA,CAAA;MAC/DC,aAAgB,GAAA,IAAMJ,gBAAMK,CAAAA,UAAU,CAACN,iBAAmB;AAS1DO,MAAAA,UAAAA,GAAa,CAAC,EACzBC,QAAQ,EACRL,UAAU,EACVC,SAAS,EACTK,KAAQ,GAAA,YAAY,EACJ,GAAA;AAChB,IAAA,MAAMC,eAAkBT,GAAAA,gBAAAA,CAAMU,OAAO,CAAC,KAAO;AAAER,YAAAA,UAAAA;AAAYC,YAAAA;AAAU,SAAA,CAAI,EAAA;AAACD,QAAAA,UAAAA;AAAYC,QAAAA;AAAU,KAAA,CAAA;IAEhG,qBACEQ,cAAA,CAACZ,kBAAkBa,QAAQ,EAAA;QAACC,KAAOJ,EAAAA,eAAAA;AACjC,QAAA,QAAA,gBAAAE,cAACG,CAAAA,gBAAAA,EAAAA;YAAIC,GAAI,EAAA,KAAA;YAAMC,YAAYR,EAAAA,KAAAA;AACzB,YAAA,QAAA,gBAAAG,cAACM,CAAAA,iBAAAA,EAAAA;gBAAKF,GAAI,EAAA,IAAA;gBAAKG,GAAK,EAAA,CAAA;AACjBX,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;;"}

package/dist/admin/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.mjs

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box, Flex } from '@strapi/design-system';
+
+const PaginationContext = /*#__PURE__*/ React.createContext({
+    activePage: 1,
+    pageCount: 1
+});
+const usePagination = ()=>React.useContext(PaginationContext);
+const Pagination = ({ children, activePage, pageCount, label = 'pagination' })=>{
+    const paginationValue = React.useMemo(()=>({
+            activePage,
+            pageCount
+        }), [
+        activePage,
+        pageCount
+    ]);
+    return /*#__PURE__*/ jsx(PaginationContext.Provider, {
+        value: paginationValue,
+        children: /*#__PURE__*/ jsx(Box, {
+            tag: "nav",
+            "aria-label": label,
+            children: /*#__PURE__*/ jsx(Flex, {
+                tag: "ul",
+                gap: 1,
+                children: children
+            })
+        })
+    });
+};
+
+export { Pagination, usePagination };
+//# sourceMappingURL=Pagination.mjs.map

package/dist/admin/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","sources":["../../../../../../admin/src/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex } from '@strapi/design-system';\n\nconst PaginationContext = React.createContext({ activePage: 1, pageCount: 1 });\nexport const usePagination = () => React.useContext(PaginationContext);\n\ninterface PaginationProps {\n  activePage: number;\n  children: React.ReactNode;\n  label?: string;\n  pageCount: number;\n}\n\nexport const Pagination = ({\n  children,\n  activePage,\n  pageCount,\n  label = 'pagination',\n}: PaginationProps) => {\n  const paginationValue = React.useMemo(() => ({ activePage, pageCount }), [activePage, pageCount]);\n\n  return (\n    <PaginationContext.Provider value={paginationValue}>\n      <Box tag=\"nav\" aria-label={label}>\n        <Flex tag=\"ul\" gap={1}>\n          {children}\n        </Flex>\n      </Box>\n    </PaginationContext.Provider>\n  );\n};\n"],"names":["PaginationContext","React","createContext","activePage","pageCount","usePagination","useContext","Pagination","children","label","paginationValue","useMemo","_jsx","Provider","value","Box","tag","aria-label","Flex","gap"],"mappings":";;;;AAIA,MAAMA,iBAAAA,iBAAoBC,KAAMC,CAAAA,aAAa,CAAC;IAAEC,UAAY,EAAA,CAAA;IAAGC,SAAW,EAAA;AAAE,CAAA,CAAA;MAC/DC,aAAgB,GAAA,IAAMJ,KAAMK,CAAAA,UAAU,CAACN,iBAAmB;AAS1DO,MAAAA,UAAAA,GAAa,CAAC,EACzBC,QAAQ,EACRL,UAAU,EACVC,SAAS,EACTK,KAAQ,GAAA,YAAY,EACJ,GAAA;AAChB,IAAA,MAAMC,eAAkBT,GAAAA,KAAAA,CAAMU,OAAO,CAAC,KAAO;AAAER,YAAAA,UAAAA;AAAYC,YAAAA;AAAU,SAAA,CAAI,EAAA;AAACD,QAAAA,UAAAA;AAAYC,QAAAA;AAAU,KAAA,CAAA;IAEhG,qBACEQ,GAAA,CAACZ,kBAAkBa,QAAQ,EAAA;QAACC,KAAOJ,EAAAA,eAAAA;AACjC,QAAA,QAAA,gBAAAE,GAACG,CAAAA,GAAAA,EAAAA;YAAIC,GAAI,EAAA,KAAA;YAAMC,YAAYR,EAAAA,KAAAA;AACzB,YAAA,QAAA,gBAAAG,GAACM,CAAAA,IAAAA,EAAAA;gBAAKF,GAAI,EAAA,IAAA;gBAAKG,GAAK,EAAA,CAAA;AACjBX,gBAAAA,QAAAA,EAAAA;;;;AAKX;;;;"}

package/dist/admin/components/AssetDialog/BrowseStep/PaginationFooter/PaginationFooter.js

@@ -0,0 +1,378 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var Pagination = require('./Pagination.js');
+
+// TODO: find a better naming convention for the file that was an index file before
+const PaginationText = styledComponents.styled(designSystem.Typography)`
+  line-height: revert;
+`;
+const linkWrapperStyles = styledComponents.css`
+  padding: ${({ theme })=>theme.spaces[3]};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ $active, theme })=>$active ? theme.shadows.filterShadow : undefined};
+  text-decoration: none;
+  display: flex;
+  position: relative;
+  outline: none;
+
+  &:after {
+    transition-property: all;
+    transition-duration: 0.2s;
+    border-radius: 8px;
+    content: '';
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px;
+    border: 2px solid transparent;
+  }
+
+  &:focus-visible {
+    outline: none;
+
+    &:after {
+      border-radius: 8px;
+      content: '';
+      position: absolute;
+      top: -5px;
+      bottom: -5px;
+      left: -5px;
+      right: -5px;
+      border: 2px solid ${(props)=>props.theme.colors.primary600};
+    }
+  }
+`;
+const LinkWrapperButton = styledComponents.styled.button`
+  ${linkWrapperStyles}
+`;
+const LinkWrapperDiv = styledComponents.styled.div`
+  ${linkWrapperStyles}
+`;
+LinkWrapperButton.defaultProps = {
+    type: 'button'
+};
+const PageLinkWrapper = styledComponents.styled(LinkWrapperButton)`
+  color: ${({ theme, $active })=>$active ? theme.colors.primary700 : theme.colors.neutral800};
+  background: ${({ theme, $active })=>$active ? theme.colors.neutral0 : undefined};
+
+  &:hover {
+    box-shadow: ${({ theme })=>theme.shadows.filterShadow};
+  }
+`;
+const ActionLinkWrapper = styledComponents.styled(LinkWrapperButton)`
+  font-size: 1.1rem;
+  svg path {
+    fill: ${(p)=>p['aria-disabled'] ? p.theme.colors.neutral300 : p.theme.colors.neutral600};
+  }
+
+  &:focus,
+  &:hover {
+    svg path {
+      fill: ${(p)=>p['aria-disabled'] ? p.theme.colors.neutral300 : p.theme.colors.neutral700};
+    }
+  }
+
+  ${(p)=>p['aria-disabled'] ? `
+  pointer-events: none;
+    ` : undefined}
+`;
+const DotsWrapper = styledComponents.styled(LinkWrapperDiv)`
+  color: ${({ theme })=>theme.colors.neutral800};
+`;
+const PreviousLink = ({ children, ...props })=>{
+    const { activePage } = Pagination.usePagination();
+    const disabled = activePage === 1;
+    return /*#__PURE__*/ jsxRuntime.jsx("li", {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(ActionLinkWrapper, {
+            "aria-disabled": disabled,
+            tabIndex: disabled ? -1 : undefined,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                    children: children
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronLeft, {
+                    "aria-hidden": true
+                })
+            ]
+        })
+    });
+};
+const NextLink = ({ children, ...props })=>{
+    const { activePage, pageCount } = Pagination.usePagination();
+    const disabled = activePage === pageCount;
+    return /*#__PURE__*/ jsxRuntime.jsx("li", {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(ActionLinkWrapper, {
+            "aria-disabled": disabled,
+            tabIndex: disabled ? -1 : undefined,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                    children: children
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronRight, {
+                    "aria-hidden": true
+                })
+            ]
+        })
+    });
+};
+const PageLink = ({ number, children, ...props })=>{
+    const { activePage } = Pagination.usePagination();
+    const isActive = activePage === number;
+    return /*#__PURE__*/ jsxRuntime.jsx("li", {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(PageLinkWrapper, {
+            ...props,
+            $active: isActive,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                    children: children
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(PaginationText, {
+                    "aria-hidden": true,
+                    variant: "pi",
+                    fontWeight: isActive ? 'bold' : '',
+                    children: number
+                })
+            ]
+        })
+    });
+};
+const Dots = ({ children, ...props })=>/*#__PURE__*/ jsxRuntime.jsx("li", {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(DotsWrapper, {
+            ...props,
+            as: "div",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                    children: children
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(PaginationText, {
+                    "aria-hidden": true,
+                    small: true,
+                    children: "…"
+                })
+            ]
+        })
+    });
+const PaginationFooter = ({ activePage, onChangePage, pagination: { pageCount } })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const previousActivePage = activePage - 1;
+    const nextActivePage = activePage + 1;
+    const firstLinks = [
+        /*#__PURE__*/ jsxRuntime.jsx(PageLink, {
+            number: 1,
+            onClick: ()=>{
+                onChangePage(1);
+            },
+            children: formatMessage({
+                id: 'components.pagination.go-to',
+                defaultMessage: 'Go to page {page}'
+            }, {
+                page: 1
+            })
+        }, 1)
+    ];
+    if (pageCount <= 4) {
+        const links = Array.from({
+            length: pageCount
+        }).map((_, i)=>i + 1).map((number)=>{
+            return /*#__PURE__*/ jsxRuntime.jsx(PageLink, {
+                number: number,
+                onClick: ()=>onChangePage(number),
+                children: formatMessage({
+                    id: 'components.pagination.go-to',
+                    defaultMessage: 'Go to page {page}'
+                }, {
+                    page: number
+                })
+            }, number);
+        });
+        return /*#__PURE__*/ jsxRuntime.jsxs(Pagination.Pagination, {
+            activePage: activePage,
+            pageCount: pageCount,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(PreviousLink, {
+                    onClick: ()=>onChangePage(previousActivePage),
+                    children: formatMessage({
+                        id: 'components.pagination.go-to-previous',
+                        defaultMessage: 'Go to previous page'
+                    })
+                }),
+                links,
+                /*#__PURE__*/ jsxRuntime.jsx(NextLink, {
+                    onClick: ()=>onChangePage(nextActivePage),
+                    children: formatMessage({
+                        id: 'components.pagination.go-to-next',
+                        defaultMessage: 'Go to next page'
+                    })
+                })
+            ]
+        });
+    }
+    let firstLinksToCreate = [];
+    const lastLinks = [];
+    let lastLinksToCreate = [];
+    const middleLinks = [];
+    if (pageCount > 1) {
+        lastLinks.push(/*#__PURE__*/ jsxRuntime.jsx(PageLink, {
+            number: pageCount,
+            onClick: ()=>onChangePage(pageCount),
+            children: formatMessage({
+                id: 'components.pagination.go-to',
+                defaultMessage: 'Go to page {page}'
+            }, {
+                page: pageCount
+            })
+        }, pageCount));
+    }
+    if (activePage === 1 && pageCount >= 3) {
+        firstLinksToCreate = [
+            2
+        ];
+    }
+    if (activePage === 2 && pageCount >= 3) {
+        if (pageCount === 5) {
+            firstLinksToCreate = [
+                2,
+                3,
+                4
+            ];
+        } else if (pageCount === 3) {
+            firstLinksToCreate = [
+                2
+            ];
+        } else {
+            firstLinksToCreate = [
+                2,
+                3
+            ];
+        }
+    }
+    if (activePage === 4 && pageCount >= 3) {
+        firstLinksToCreate = [
+            2
+        ];
+    }
+    if (activePage === pageCount && pageCount >= 3) {
+        lastLinksToCreate = [
+            pageCount - 1
+        ];
+    }
+    if (activePage === pageCount - 2 && pageCount > 3) {
+        lastLinksToCreate = [
+            activePage + 1,
+            activePage,
+            activePage - 1
+        ];
+    }
+    if (activePage === pageCount - 3 && pageCount > 3 && activePage > 5) {
+        lastLinksToCreate = [
+            activePage + 2,
+            activePage + 1,
+            activePage,
+            activePage - 1
+        ];
+    }
+    if (activePage === pageCount - 1 && pageCount > 3) {
+        lastLinksToCreate = [
+            activePage,
+            activePage - 1
+        ];
+    }
+    lastLinksToCreate.forEach((number)=>{
+        lastLinks.unshift(/*#__PURE__*/ jsxRuntime.jsxs(PageLink, {
+            number: number,
+            onClick: ()=>onChangePage(number),
+            children: [
+                "Go to page ",
+                number
+            ]
+        }, number));
+    });
+    firstLinksToCreate.forEach((number)=>{
+        firstLinks.push(/*#__PURE__*/ jsxRuntime.jsx(PageLink, {
+            number: number,
+            onClick: ()=>onChangePage(number),
+            children: formatMessage({
+                id: 'components.pagination.go-to',
+                defaultMessage: 'Go to page {page}'
+            }, {
+                page: number
+            })
+        }, number));
+    });
+    if (![
+        1,
+        2
+    ].includes(activePage) && activePage <= pageCount - 3 && firstLinks.length + lastLinks.length < 6) {
+        const middleLinksToCreate = [
+            activePage - 1,
+            activePage,
+            activePage + 1
+        ];
+        middleLinksToCreate.forEach((number)=>{
+            middleLinks.push(/*#__PURE__*/ jsxRuntime.jsx(PageLink, {
+                number: number,
+                onClick: ()=>onChangePage(number),
+                children: formatMessage({
+                    id: 'components.pagination.go-to',
+                    defaultMessage: 'Go to page {page}'
+                }, {
+                    page: number
+                })
+            }, number));
+        });
+    }
+    const shouldShowDotsAfterFirstLink = pageCount > 5 || pageCount === 5 && (activePage === 1 || activePage === 5);
+    const shouldShowMiddleDots = middleLinks.length > 2 && activePage > 4 && pageCount > 5;
+    const beforeDotsLinksLength = shouldShowMiddleDots ? pageCount - activePage - 1 : pageCount - firstLinks.length - lastLinks.length;
+    const afterDotsLength = shouldShowMiddleDots ? pageCount - firstLinks.length - lastLinks.length : pageCount - activePage - 1;
+    return /*#__PURE__*/ jsxRuntime.jsxs(Pagination.Pagination, {
+        activePage: activePage,
+        pageCount: pageCount,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(PreviousLink, {
+                onClick: ()=>onChangePage(previousActivePage),
+                children: formatMessage({
+                    id: 'components.pagination.go-to-previous',
+                    defaultMessage: 'Go to previous page'
+                })
+            }),
+            firstLinks,
+            shouldShowMiddleDots && /*#__PURE__*/ jsxRuntime.jsx(Dots, {
+                children: formatMessage({
+                    id: 'components.pagination.remaining-links',
+                    defaultMessage: 'And {number} other links'
+                }, {
+                    number: beforeDotsLinksLength
+                })
+            }),
+            middleLinks,
+            shouldShowDotsAfterFirstLink && /*#__PURE__*/ jsxRuntime.jsx(Dots, {
+                children: formatMessage({
+                    id: 'components.pagination.remaining-links',
+                    defaultMessage: 'And {number} other links'
+                }, {
+                    number: afterDotsLength
+                })
+            }),
+            lastLinks,
+            /*#__PURE__*/ jsxRuntime.jsx(NextLink, {
+                onClick: ()=>onChangePage(nextActivePage),
+                children: formatMessage({
+                    id: 'components.pagination.go-to-next',
+                    defaultMessage: 'Go to next page'
+                })
+            })
+        ]
+    });
+};
+
+exports.PaginationFooter = PaginationFooter;
+//# sourceMappingURL=PaginationFooter.js.map

package/dist/admin/components/AssetDialog/BrowseStep/PaginationFooter/PaginationFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationFooter.js","sources":["../../../../../../admin/src/components/AssetDialog/BrowseStep/PaginationFooter/PaginationFooter.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\n/**\n * The component works as follows: this is a duplicate of the helper-plugin one but without the router\n * `1` , 2, 3, ... 10\n * 1, `2`, 3, ... 10\n * 1, 2, `3`, 4, ... 10\n * 1, 2, 3, `4`, 5, ... 10\n * 1, ..,4, `5`, 6, ... 10\n *\n * 1, ...., 8, 9, `10`\n * 1, ...., 8, `9`, 10\n * 1, ...., 7, `8`, 9, 10\n * 1, ... 6, `7`, 8, 9, 10\n */\nimport { Typography, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronLeft, ChevronRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { Pagination, usePagination } from './Pagination';\n\nconst PaginationText = styled(Typography)`\n  line-height: revert;\n`;\n\nconst linkWrapperStyles = css<{ $active?: boolean }>`\n  padding: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ $active, theme }) => ($active ? theme.shadows.filterShadow : undefined)};\n  text-decoration: none;\n  display: flex;\n  position: relative;\n  outline: none;\n\n  &:after {\n    transition-property: all;\n    transition-duration: 0.2s;\n    border-radius: 8px;\n    content: '';\n    position: absolute;\n    top: -4px;\n    bottom: -4px;\n    left: -4px;\n    right: -4px;\n    border: 2px solid transparent;\n  }\n\n  &:focus-visible {\n    outline: none;\n\n    &:after {\n      border-radius: 8px;\n      content: '';\n      position: absolute;\n      top: -5px;\n      bottom: -5px;\n      left: -5px;\n      right: -5px;\n      border: 2px solid ${(props) => props.theme.colors.primary600};\n    }\n  }\n`;\n\nconst LinkWrapperButton = styled.button<{ $active?: boolean }>`\n  ${linkWrapperStyles}\n`;\n\nconst LinkWrapperDiv = styled.div<{ $active?: boolean }>`\n  ${linkWrapperStyles}\n`;\n\nLinkWrapperButton.defaultProps = { type: 'button' };\n\nconst PageLinkWrapper = styled(LinkWrapperButton)`\n  color: ${({ theme, $active }) => ($active ? theme.colors.primary700 : theme.colors.neutral800)};\n  background: ${({ theme, $active }) => ($active ? theme.colors.neutral0 : undefined)};\n\n  &:hover {\n    box-shadow: ${({ theme }) => theme.shadows.filterShadow};\n  }\n`;\n\nconst ActionLinkWrapper = styled(LinkWrapperButton)`\n  font-size: 1.1rem;\n  svg path {\n    fill: ${(p) => (p['aria-disabled'] ? p.theme.colors.neutral300 : p.theme.colors.neutral600)};\n  }\n\n  &:focus,\n  &:hover {\n    svg path {\n      fill: ${(p) => (p['aria-disabled'] ? p.theme.colors.neutral300 : p.theme.colors.neutral700)};\n    }\n  }\n\n  ${(p) =>\n    p['aria-disabled']\n      ? `\n  pointer-events: none;\n    `\n      : undefined}\n`;\n\nconst DotsWrapper = styled(LinkWrapperDiv)`\n  color: ${({ theme }) => theme.colors.neutral800};\n`;\n\ninterface PaginationLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\ninterface PageLinkProps extends PaginationLinkProps {\n  number: number;\n}\n\nconst PreviousLink = ({ children, ...props }: PaginationLinkProps) => {\n  const { activePage } = usePagination();\n\n  const disabled = activePage === 1;\n\n  return (\n    <li>\n      <ActionLinkWrapper aria-disabled={disabled} tabIndex={disabled ? -1 : undefined} {...props}>\n        <VisuallyHidden>{children}</VisuallyHidden>\n        <ChevronLeft aria-hidden />\n      </ActionLinkWrapper>\n    </li>\n  );\n};\n\nconst NextLink = ({ children, ...props }: PaginationLinkProps) => {\n  const { activePage, pageCount } = usePagination();\n\n  const disabled = activePage === pageCount;\n\n  return (\n    <li>\n      <ActionLinkWrapper aria-disabled={disabled} tabIndex={disabled ? -1 : undefined} {...props}>\n        <VisuallyHidden>{children}</VisuallyHidden>\n        <ChevronRight aria-hidden />\n      </ActionLinkWrapper>\n    </li>\n  );\n};\n\nconst PageLink = ({ number, children, ...props }: PageLinkProps) => {\n  const { activePage } = usePagination();\n\n  const isActive = activePage === number;\n\n  return (\n    <li>\n      <PageLinkWrapper {...props} $active={isActive}>\n        <VisuallyHidden>{children}</VisuallyHidden>\n        <PaginationText aria-hidden variant=\"pi\" fontWeight={isActive ? 'bold' : ''}>\n          {number}\n        </PaginationText>\n      </PageLinkWrapper>\n    </li>\n  );\n};\n\ninterface DotsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nconst Dots = ({ children, ...props }: DotsProps) => (\n  <li>\n    <DotsWrapper {...props} as=\"div\">\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <PaginationText aria-hidden small>\n        …\n      </PaginationText>\n    </DotsWrapper>\n  </li>\n);\n\ninterface PaginationFooterProps {\n  activePage: number;\n  onChangePage: (page: number) => void;\n  pagination: {\n    pageCount: number;\n  };\n}\n\nexport const PaginationFooter = ({\n  activePage,\n  onChangePage,\n  pagination: { pageCount },\n}: PaginationFooterProps) => {\n  const { formatMessage } = useIntl();\n\n  const previousActivePage = activePage - 1;\n  const nextActivePage = activePage + 1;\n\n  const firstLinks = [\n    <PageLink\n      key={1}\n      number={1}\n      onClick={() => {\n        onChangePage(1);\n      }}\n    >\n      {formatMessage(\n        { id: 'components.pagination.go-to', defaultMessage: 'Go to page {page}' },\n        { page: 1 }\n      )}\n    </PageLink>,\n  ];\n\n  if (pageCount <= 4) {\n    const links = Array.from({ length: pageCount })\n      .map((_, i) => i + 1)\n      .map((number) => {\n        return (\n          <PageLink key={number} number={number} onClick={() => onChangePage(number)}>\n            {formatMessage(\n              { id: 'components.pagination.go-to', defaultMessage: 'Go to page {page}' },\n              { page: number }\n            )}\n          </PageLink>\n        );\n      });\n\n    return (\n      <Pagination activePage={activePage} pageCount={pageCount}>\n        <PreviousLink onClick={() => onChangePage(previousActivePage)}>\n          {formatMessage({\n            id: 'components.pagination.go-to-previous',\n            defaultMessage: 'Go to previous page',\n          })}\n        </PreviousLink>\n        {links}\n        <NextLink onClick={() => onChangePage(nextActivePage)}>\n          {formatMessage({\n            id: 'components.pagination.go-to-next',\n            defaultMessage: 'Go to next page',\n          })}\n        </NextLink>\n      </Pagination>\n    );\n  }\n\n  let firstLinksToCreate: number[] = [];\n  const lastLinks: JSX.Element[] = [];\n  let lastLinksToCreate: number[] = [];\n  const middleLinks: JSX.Element[] = [];\n\n  if (pageCount > 1) {\n    lastLinks.push(\n      <PageLink key={pageCount} number={pageCount} onClick={() => onChangePage(pageCount)}>\n        {formatMessage(\n          { id: 'components.pagination.go-to', defaultMessage: 'Go to page {page}' },\n          { page: pageCount }\n        )}\n      </PageLink>\n    );\n  }\n\n  if (activePage === 1 && pageCount >= 3) {\n    firstLinksToCreate = [2];\n  }\n\n  if (activePage === 2 && pageCount >= 3) {\n    if (pageCount === 5) {\n      firstLinksToCreate = [2, 3, 4];\n    } else if (pageCount === 3) {\n      firstLinksToCreate = [2];\n    } else {\n      firstLinksToCreate = [2, 3];\n    }\n  }\n\n  if (activePage === 4 && pageCount >= 3) {\n    firstLinksToCreate = [2];\n  }\n\n  if (activePage === pageCount && pageCount >= 3) {\n    lastLinksToCreate = [pageCount - 1];\n  }\n\n  if (activePage === pageCount - 2 && pageCount > 3) {\n    lastLinksToCreate = [activePage + 1, activePage, activePage - 1];\n  }\n\n  if (activePage === pageCount - 3 && pageCount > 3 && activePage > 5) {\n    lastLinksToCreate = [activePage + 2, activePage + 1, activePage, activePage - 1];\n  }\n\n  if (activePage === pageCount - 1 && pageCount > 3) {\n    lastLinksToCreate = [activePage, activePage - 1];\n  }\n\n  lastLinksToCreate.forEach((number) => {\n    lastLinks.unshift(\n      <PageLink key={number} number={number} onClick={() => onChangePage(number)}>\n        Go to page {number}\n      </PageLink>\n    );\n  });\n\n  firstLinksToCreate.forEach((number) => {\n    firstLinks.push(\n      <PageLink key={number} number={number} onClick={() => onChangePage(number)}>\n        {formatMessage(\n          { id: 'components.pagination.go-to', defaultMessage: 'Go to page {page}' },\n          { page: number }\n        )}\n      </PageLink>\n    );\n  });\n\n  if (\n    ![1, 2].includes(activePage) &&\n    activePage <= pageCount - 3 &&\n    firstLinks.length + lastLinks.length < 6\n  ) {\n    const middleLinksToCreate = [activePage - 1, activePage, activePage + 1];\n\n    middleLinksToCreate.forEach((number) => {\n      middleLinks.push(\n        <PageLink key={number} number={number} onClick={() => onChangePage(number)}>\n          {formatMessage(\n            { id: 'components.pagination.go-to', defaultMessage: 'Go to page {page}' },\n            { page: number }\n          )}\n        </PageLink>\n      );\n    });\n  }\n\n  const shouldShowDotsAfterFirstLink =\n    pageCount > 5 || (pageCount === 5 && (activePage === 1 || activePage === 5));\n  const shouldShowMiddleDots = middleLinks.length > 2 && activePage > 4 && pageCount > 5;\n\n  const beforeDotsLinksLength = shouldShowMiddleDots\n    ? pageCount - activePage - 1\n    : pageCount - firstLinks.length - lastLinks.length;\n  const afterDotsLength = shouldShowMiddleDots\n    ? pageCount - firstLinks.length - lastLinks.length\n    : pageCount - activePage - 1;\n\n  return (\n    <Pagination activePage={activePage} pageCount={pageCount}>\n      <PreviousLink onClick={() => onChangePage(previousActivePage)}>\n        {formatMessage({\n          id: 'components.pagination.go-to-previous',\n          defaultMessage: 'Go to previous page',\n        })}\n      </PreviousLink>\n      {firstLinks}\n      {shouldShowMiddleDots && (\n        <Dots>\n          {formatMessage(\n            {\n              id: 'components.pagination.remaining-links',\n              defaultMessage: 'And {number} other links',\n            },\n            { number: beforeDotsLinksLength }\n          )}\n        </Dots>\n      )}\n      {middleLinks}\n      {shouldShowDotsAfterFirstLink && (\n        <Dots>\n          {formatMessage(\n            {\n              id: 'components.pagination.remaining-links',\n              defaultMessage: 'And {number} other links',\n            },\n            { number: afterDotsLength }\n          )}\n        </Dots>\n      )}\n      {lastLinks}\n      <NextLink onClick={() => onChangePage(nextActivePage)}>\n        {formatMessage({\n          id: 'components.pagination.go-to-next',\n          defaultMessage: 'Go to next page',\n        })}\n      </NextLink>\n    </Pagination>\n  );\n};\n"],"names":["PaginationText","styled","Typography","linkWrapperStyles","css","theme","spaces","borderRadius","$active","shadows","filterShadow","undefined","props","colors","primary600","LinkWrapperButton","button","LinkWrapperDiv","div","defaultProps","type","PageLinkWrapper","primary700","neutral800","neutral0","ActionLinkWrapper","p","neutral300","neutral600","neutral700","DotsWrapper","PreviousLink","children","activePage","usePagination","disabled","_jsx","li","_jsxs","aria-disabled","tabIndex","VisuallyHidden","ChevronLeft","aria-hidden","NextLink","pageCount","ChevronRight","PageLink","number","isActive","variant","fontWeight","Dots","as","small","PaginationFooter","onChangePage","pagination","formatMessage","useIntl","previousActivePage","nextActivePage","firstLinks","onClick","id","defaultMessage","page","links","Array","from","length","map","_","i","Pagination","firstLinksToCreate","lastLinks","lastLinksToCreate","middleLinks","push","forEach","unshift","includes","middleLinksToCreate","shouldShowDotsAfterFirstLink","shouldShowMiddleDots","beforeDotsLinksLength","afterDotsLength"],"mappings":"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"}