@strapi/upload 5.51.1 → 5.52.0

package/dist/admin/future/pages/Assets/components/DateRangeCalendar.js

@@ -0,0 +1,193 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var translations = require('../../../utils/translations.js');
+
+/**
+ * Month-grid range picker: first click sets the start, second click the end
+ * (clicks are reordered when the second date is before the first). The DS only
+ * ships a single-value DatePicker, so the range grid is built locally.
+ *
+ * Month/year move via chevrons rather than the mock's dropdowns — nested
+ * popovers inside a dropdown menu fight Radix's outside-interaction handling.
+ */ const DayCell = styledComponents.styled.button`
+  width: 3rem;
+  height: 3rem;
+  border: none;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  cursor: pointer;
+  font: inherit;
+  color: ${({ theme, $isEdge, $isMuted })=>{
+    if ($isEdge) return theme.colors.primary600;
+    if ($isMuted) return theme.colors.neutral400;
+    return theme.colors.neutral800;
+}};
+  background: ${({ theme, $inRange, $isEdge })=>{
+    if ($isEdge) return theme.colors.primary200;
+    if ($inRange) return theme.colors.primary100;
+    return 'transparent';
+}};
+
+  &:hover {
+    background: ${({ theme })=>theme.colors.primary100};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const toKey = (date)=>{
+    const month = `${date.getMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getDate()}`.padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+};
+const fromKey = (key)=>{
+    const [year, month, day] = key.split('-').map(Number);
+    return new Date(year, month - 1, day);
+};
+/** Monday-first weeks covering the given month, padded with adjacent days. */ const buildWeeks = (year, month)=>{
+    const first = new Date(year, month, 1);
+    const start = new Date(first.getTime());
+    start.setDate(first.getDate() - (first.getDay() + 6) % 7);
+    const weeks = [];
+    const cursor = new Date(start.getTime());
+    do {
+        const week = [];
+        for(let i = 0; i < 7; i += 1){
+            week.push(new Date(cursor.getTime()));
+            cursor.setDate(cursor.getDate() + 1);
+        }
+        weeks.push(week);
+    }while (cursor.getMonth() === month && cursor.getFullYear() === year)
+    return weeks;
+};
+const DateRangeCalendar = ({ from, to, onSelect })=>{
+    const { formatMessage, formatDate } = reactIntl.useIntl();
+    const initialMonth = from ? fromKey(from) : new Date();
+    const [viewYear, setViewYear] = React.useState(initialMonth.getFullYear());
+    const [viewMonth, setViewMonth] = React.useState(initialMonth.getMonth());
+    // In-progress selection: set on the first click, cleared on commit.
+    const [pendingStart, setPendingStart] = React.useState(null);
+    const rangeStart = pendingStart ?? from ?? null;
+    const rangeEnd = pendingStart ? null : to ?? null;
+    const moveMonth = (delta)=>{
+        const next = new Date(viewYear, viewMonth + delta, 1);
+        setViewYear(next.getFullYear());
+        setViewMonth(next.getMonth());
+    };
+    const handleDayClick = (day)=>{
+        const key = toKey(day);
+        if (!pendingStart) {
+            setPendingStart(key);
+            return;
+        }
+        const [start, end] = key < pendingStart ? [
+            key,
+            pendingStart
+        ] : [
+            pendingStart,
+            key
+        ];
+        setPendingStart(null);
+        onSelect(start, end);
+    };
+    const weeks = buildWeeks(viewYear, viewMonth);
+    const weekDayLabels = weeks[0].map((day)=>formatDate(day, {
+            weekday: 'short'
+        }).slice(0, 2));
+    return(// role="group" (not "application"): these are plain buttons — hijacking
+    // the screen reader's own key handling would take away navigation and
+    // give nothing back.
+    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        padding: 2,
+        width: "100%",
+        role: "group",
+        "aria-label": formatMessage({
+            id: translations.getTranslationKey('list.filters.calendar.label'),
+            defaultMessage: 'Select date range'
+        }),
+        "data-testid": "date-range-calendar",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                paddingBottom: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.filters.calendar.previous-month'),
+                            defaultMessage: 'Previous month'
+                        }),
+                        onClick: ()=>moveMonth(-1),
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronLeft, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        fontWeight: "semiBold",
+                        textColor: "neutral800",
+                        children: formatDate(new Date(viewYear, viewMonth, 1), {
+                            month: 'long',
+                            year: 'numeric'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.filters.calendar.next-month'),
+                            defaultMessage: 'Next month'
+                        }),
+                        onClick: ()=>moveMonth(1),
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronRight, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                children: weekDayLabels.map((label, index)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        width: "3rem",
+                        height: "2.4rem",
+                        justifyContent: "center",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "pi",
+                            fontWeight: "semiBold",
+                            textColor: "neutral600",
+                            children: label
+                        })
+                    }, index))
+            }),
+            weeks.map((week, weekIndex)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    children: week.map((day)=>{
+                        const key = toKey(day);
+                        const isEdge = key === rangeStart || key === rangeEnd;
+                        const inRange = rangeStart !== null && rangeEnd !== null && key > rangeStart && key < rangeEnd;
+                        return /*#__PURE__*/ jsxRuntime.jsxs(DayCell, {
+                            type: "button",
+                            $isEdge: isEdge,
+                            $inRange: inRange,
+                            $isMuted: day.getMonth() !== viewMonth,
+                            onClick: ()=>handleDayClick(day),
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                    children: formatDate(day, {
+                                        dateStyle: 'long'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    "aria-hidden": true,
+                                    children: day.getDate()
+                                })
+                            ]
+                        }, key);
+                    })
+                }, weekIndex))
+        ]
+    }));
+};
+
+exports.DateRangeCalendar = DateRangeCalendar;
+//# sourceMappingURL=DateRangeCalendar.js.map

package/dist/admin/future/pages/Assets/components/DateRangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeCalendar.js","sources":["../../../../../../admin/src/future/pages/Assets/components/DateRangeCalendar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Box, Flex, IconButton, Typography, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronLeft, ChevronRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\n/**\n * Month-grid range picker: first click sets the start, second click the end\n * (clicks are reordered when the second date is before the first). The DS only\n * ships a single-value DatePicker, so the range grid is built locally.\n *\n * Month/year move via chevrons rather than the mock's dropdowns — nested\n * popovers inside a dropdown menu fight Radix's outside-interaction handling.\n */\n\nconst DayCell = styled.button<{ $inRange?: boolean; $isEdge?: boolean; $isMuted?: boolean }>`\n  width: 3rem;\n  height: 3rem;\n  border: none;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  cursor: pointer;\n  font: inherit;\n  color: ${({ theme, $isEdge, $isMuted }) => {\n    if ($isEdge) return theme.colors.primary600;\n    if ($isMuted) return theme.colors.neutral400;\n    return theme.colors.neutral800;\n  }};\n  background: ${({ theme, $inRange, $isEdge }) => {\n    if ($isEdge) return theme.colors.primary200;\n    if ($inRange) return theme.colors.primary100;\n    return 'transparent';\n  }};\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst toKey = (date: Date): string => {\n  const month = `${date.getMonth() + 1}`.padStart(2, '0');\n  const day = `${date.getDate()}`.padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n};\n\nconst fromKey = (key: string): Date => {\n  const [year, month, day] = key.split('-').map(Number);\n  return new Date(year, month - 1, day);\n};\n\n/** Monday-first weeks covering the given month, padded with adjacent days. */\nconst buildWeeks = (year: number, month: number): Date[][] => {\n  const first = new Date(year, month, 1);\n  const start = new Date(first.getTime());\n  start.setDate(first.getDate() - ((first.getDay() + 6) % 7));\n\n  const weeks: Date[][] = [];\n  const cursor = new Date(start.getTime());\n\n  do {\n    const week: Date[] = [];\n    for (let i = 0; i < 7; i += 1) {\n      week.push(new Date(cursor.getTime()));\n      cursor.setDate(cursor.getDate() + 1);\n    }\n    weeks.push(week);\n  } while (cursor.getMonth() === month && cursor.getFullYear() === year);\n\n  return weeks;\n};\n\ninterface DateRangeCalendarProps {\n  /** `YYYY-MM-DD`, both set when editing an existing range badge. */\n  from?: string;\n  to?: string;\n  onSelect: (from: string, to: string) => void;\n}\n\nexport const DateRangeCalendar = ({ from, to, onSelect }: DateRangeCalendarProps) => {\n  const { formatMessage, formatDate } = useIntl();\n\n  const initialMonth = from ? fromKey(from) : new Date();\n  const [viewYear, setViewYear] = useState(initialMonth.getFullYear());\n  const [viewMonth, setViewMonth] = useState(initialMonth.getMonth());\n  // In-progress selection: set on the first click, cleared on commit.\n  const [pendingStart, setPendingStart] = useState<string | null>(null);\n\n  const rangeStart = pendingStart ?? from ?? null;\n  const rangeEnd = pendingStart ? null : (to ?? null);\n\n  const moveMonth = (delta: number) => {\n    const next = new Date(viewYear, viewMonth + delta, 1);\n    setViewYear(next.getFullYear());\n    setViewMonth(next.getMonth());\n  };\n\n  const handleDayClick = (day: Date) => {\n    const key = toKey(day);\n\n    if (!pendingStart) {\n      setPendingStart(key);\n      return;\n    }\n\n    const [start, end] = key < pendingStart ? [key, pendingStart] : [pendingStart, key];\n    setPendingStart(null);\n    onSelect(start, end);\n  };\n\n  const weeks = buildWeeks(viewYear, viewMonth);\n  const weekDayLabels = weeks[0].map((day) => formatDate(day, { weekday: 'short' }).slice(0, 2));\n\n  return (\n    // role=\"group\" (not \"application\"): these are plain buttons — hijacking\n    // the screen reader's own key handling would take away navigation and\n    // give nothing back.\n    <Box\n      padding={2}\n      width=\"100%\"\n      role=\"group\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.filters.calendar.label'),\n        defaultMessage: 'Select date range',\n      })}\n      data-testid=\"date-range-calendar\"\n    >\n      <Flex justifyContent=\"space-between\" alignItems=\"center\" paddingBottom={2}>\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.filters.calendar.previous-month'),\n            defaultMessage: 'Previous month',\n          })}\n          onClick={() => moveMonth(-1)}\n        >\n          <ChevronLeft />\n        </IconButton>\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral800\">\n          {formatDate(new Date(viewYear, viewMonth, 1), { month: 'long', year: 'numeric' })}\n        </Typography>\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.filters.calendar.next-month'),\n            defaultMessage: 'Next month',\n          })}\n          onClick={() => moveMonth(1)}\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n\n      <Flex>\n        {weekDayLabels.map((label, index) => (\n          <Flex key={index} width=\"3rem\" height=\"2.4rem\" justifyContent=\"center\">\n            <Typography variant=\"pi\" fontWeight=\"semiBold\" textColor=\"neutral600\">\n              {label}\n            </Typography>\n          </Flex>\n        ))}\n      </Flex>\n\n      {weeks.map((week, weekIndex) => (\n        <Flex key={weekIndex}>\n          {week.map((day) => {\n            const key = toKey(day);\n            const isEdge = key === rangeStart || key === rangeEnd;\n            const inRange =\n              rangeStart !== null && rangeEnd !== null && key > rangeStart && key < rangeEnd;\n\n            return (\n              <DayCell\n                key={key}\n                type=\"button\"\n                $isEdge={isEdge}\n                $inRange={inRange}\n                $isMuted={day.getMonth() !== viewMonth}\n                onClick={() => handleDayClick(day)}\n              >\n                <VisuallyHidden>{formatDate(day, { dateStyle: 'long' })}</VisuallyHidden>\n                <span aria-hidden>{day.getDate()}</span>\n              </DayCell>\n            );\n          })}\n        </Flex>\n      ))}\n    </Box>\n  );\n};\n"],"names":["DayCell","styled","button","theme","borderRadius","$isEdge","$isMuted","colors","primary600","neutral400","neutral800","$inRange","primary200","primary100","toKey","date","month","getMonth","padStart","day","getDate","getFullYear","fromKey","key","year","split","map","Number","Date","buildWeeks","first","start","getTime","setDate","getDay","weeks","cursor","week","i","push","DateRangeCalendar","from","to","onSelect","formatMessage","formatDate","useIntl","initialMonth","viewYear","setViewYear","useState","viewMonth","setViewMonth","pendingStart","setPendingStart","rangeStart","rangeEnd","moveMonth","delta","next","handleDayClick","end","weekDayLabels","weekday","slice","_jsxs","Box","padding","width","role","aria-label","id","getTranslationKey","defaultMessage","data-testid","Flex","justifyContent","alignItems","paddingBottom","_jsx","IconButton","variant","label","onClick","ChevronLeft","Typography","fontWeight","textColor","ChevronRight","index","height","weekIndex","isEdge","inRange","type","VisuallyHidden","dateStyle","span","aria-hidden"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/DateRangeCalendar.mjs

@@ -0,0 +1,191 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Box, Flex, IconButton, Typography, VisuallyHidden } from '@strapi/design-system';
+import { ChevronLeft, ChevronRight } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+
+/**
+ * Month-grid range picker: first click sets the start, second click the end
+ * (clicks are reordered when the second date is before the first). The DS only
+ * ships a single-value DatePicker, so the range grid is built locally.
+ *
+ * Month/year move via chevrons rather than the mock's dropdowns — nested
+ * popovers inside a dropdown menu fight Radix's outside-interaction handling.
+ */ const DayCell = styled.button`
+  width: 3rem;
+  height: 3rem;
+  border: none;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  cursor: pointer;
+  font: inherit;
+  color: ${({ theme, $isEdge, $isMuted })=>{
+    if ($isEdge) return theme.colors.primary600;
+    if ($isMuted) return theme.colors.neutral400;
+    return theme.colors.neutral800;
+}};
+  background: ${({ theme, $inRange, $isEdge })=>{
+    if ($isEdge) return theme.colors.primary200;
+    if ($inRange) return theme.colors.primary100;
+    return 'transparent';
+}};
+
+  &:hover {
+    background: ${({ theme })=>theme.colors.primary100};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const toKey = (date)=>{
+    const month = `${date.getMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getDate()}`.padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+};
+const fromKey = (key)=>{
+    const [year, month, day] = key.split('-').map(Number);
+    return new Date(year, month - 1, day);
+};
+/** Monday-first weeks covering the given month, padded with adjacent days. */ const buildWeeks = (year, month)=>{
+    const first = new Date(year, month, 1);
+    const start = new Date(first.getTime());
+    start.setDate(first.getDate() - (first.getDay() + 6) % 7);
+    const weeks = [];
+    const cursor = new Date(start.getTime());
+    do {
+        const week = [];
+        for(let i = 0; i < 7; i += 1){
+            week.push(new Date(cursor.getTime()));
+            cursor.setDate(cursor.getDate() + 1);
+        }
+        weeks.push(week);
+    }while (cursor.getMonth() === month && cursor.getFullYear() === year)
+    return weeks;
+};
+const DateRangeCalendar = ({ from, to, onSelect })=>{
+    const { formatMessage, formatDate } = useIntl();
+    const initialMonth = from ? fromKey(from) : new Date();
+    const [viewYear, setViewYear] = useState(initialMonth.getFullYear());
+    const [viewMonth, setViewMonth] = useState(initialMonth.getMonth());
+    // In-progress selection: set on the first click, cleared on commit.
+    const [pendingStart, setPendingStart] = useState(null);
+    const rangeStart = pendingStart ?? from ?? null;
+    const rangeEnd = pendingStart ? null : to ?? null;
+    const moveMonth = (delta)=>{
+        const next = new Date(viewYear, viewMonth + delta, 1);
+        setViewYear(next.getFullYear());
+        setViewMonth(next.getMonth());
+    };
+    const handleDayClick = (day)=>{
+        const key = toKey(day);
+        if (!pendingStart) {
+            setPendingStart(key);
+            return;
+        }
+        const [start, end] = key < pendingStart ? [
+            key,
+            pendingStart
+        ] : [
+            pendingStart,
+            key
+        ];
+        setPendingStart(null);
+        onSelect(start, end);
+    };
+    const weeks = buildWeeks(viewYear, viewMonth);
+    const weekDayLabels = weeks[0].map((day)=>formatDate(day, {
+            weekday: 'short'
+        }).slice(0, 2));
+    return(// role="group" (not "application"): these are plain buttons — hijacking
+    // the screen reader's own key handling would take away navigation and
+    // give nothing back.
+    /*#__PURE__*/ jsxs(Box, {
+        padding: 2,
+        width: "100%",
+        role: "group",
+        "aria-label": formatMessage({
+            id: getTranslationKey('list.filters.calendar.label'),
+            defaultMessage: 'Select date range'
+        }),
+        "data-testid": "date-range-calendar",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                paddingBottom: 2,
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: getTranslationKey('list.filters.calendar.previous-month'),
+                            defaultMessage: 'Previous month'
+                        }),
+                        onClick: ()=>moveMonth(-1),
+                        children: /*#__PURE__*/ jsx(ChevronLeft, {})
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        fontWeight: "semiBold",
+                        textColor: "neutral800",
+                        children: formatDate(new Date(viewYear, viewMonth, 1), {
+                            month: 'long',
+                            year: 'numeric'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: getTranslationKey('list.filters.calendar.next-month'),
+                            defaultMessage: 'Next month'
+                        }),
+                        onClick: ()=>moveMonth(1),
+                        children: /*#__PURE__*/ jsx(ChevronRight, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Flex, {
+                children: weekDayLabels.map((label, index)=>/*#__PURE__*/ jsx(Flex, {
+                        width: "3rem",
+                        height: "2.4rem",
+                        justifyContent: "center",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "pi",
+                            fontWeight: "semiBold",
+                            textColor: "neutral600",
+                            children: label
+                        })
+                    }, index))
+            }),
+            weeks.map((week, weekIndex)=>/*#__PURE__*/ jsx(Flex, {
+                    children: week.map((day)=>{
+                        const key = toKey(day);
+                        const isEdge = key === rangeStart || key === rangeEnd;
+                        const inRange = rangeStart !== null && rangeEnd !== null && key > rangeStart && key < rangeEnd;
+                        return /*#__PURE__*/ jsxs(DayCell, {
+                            type: "button",
+                            $isEdge: isEdge,
+                            $inRange: inRange,
+                            $isMuted: day.getMonth() !== viewMonth,
+                            onClick: ()=>handleDayClick(day),
+                            children: [
+                                /*#__PURE__*/ jsx(VisuallyHidden, {
+                                    children: formatDate(day, {
+                                        dateStyle: 'long'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    "aria-hidden": true,
+                                    children: day.getDate()
+                                })
+                            ]
+                        }, key);
+                    })
+                }, weekIndex))
+        ]
+    }));
+};
+
+export { DateRangeCalendar };
+//# sourceMappingURL=DateRangeCalendar.mjs.map

package/dist/admin/future/pages/Assets/components/DateRangeCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeCalendar.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/DateRangeCalendar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Box, Flex, IconButton, Typography, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronLeft, ChevronRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\n/**\n * Month-grid range picker: first click sets the start, second click the end\n * (clicks are reordered when the second date is before the first). The DS only\n * ships a single-value DatePicker, so the range grid is built locally.\n *\n * Month/year move via chevrons rather than the mock's dropdowns — nested\n * popovers inside a dropdown menu fight Radix's outside-interaction handling.\n */\n\nconst DayCell = styled.button<{ $inRange?: boolean; $isEdge?: boolean; $isMuted?: boolean }>`\n  width: 3rem;\n  height: 3rem;\n  border: none;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  cursor: pointer;\n  font: inherit;\n  color: ${({ theme, $isEdge, $isMuted }) => {\n    if ($isEdge) return theme.colors.primary600;\n    if ($isMuted) return theme.colors.neutral400;\n    return theme.colors.neutral800;\n  }};\n  background: ${({ theme, $inRange, $isEdge }) => {\n    if ($isEdge) return theme.colors.primary200;\n    if ($inRange) return theme.colors.primary100;\n    return 'transparent';\n  }};\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst toKey = (date: Date): string => {\n  const month = `${date.getMonth() + 1}`.padStart(2, '0');\n  const day = `${date.getDate()}`.padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n};\n\nconst fromKey = (key: string): Date => {\n  const [year, month, day] = key.split('-').map(Number);\n  return new Date(year, month - 1, day);\n};\n\n/** Monday-first weeks covering the given month, padded with adjacent days. */\nconst buildWeeks = (year: number, month: number): Date[][] => {\n  const first = new Date(year, month, 1);\n  const start = new Date(first.getTime());\n  start.setDate(first.getDate() - ((first.getDay() + 6) % 7));\n\n  const weeks: Date[][] = [];\n  const cursor = new Date(start.getTime());\n\n  do {\n    const week: Date[] = [];\n    for (let i = 0; i < 7; i += 1) {\n      week.push(new Date(cursor.getTime()));\n      cursor.setDate(cursor.getDate() + 1);\n    }\n    weeks.push(week);\n  } while (cursor.getMonth() === month && cursor.getFullYear() === year);\n\n  return weeks;\n};\n\ninterface DateRangeCalendarProps {\n  /** `YYYY-MM-DD`, both set when editing an existing range badge. */\n  from?: string;\n  to?: string;\n  onSelect: (from: string, to: string) => void;\n}\n\nexport const DateRangeCalendar = ({ from, to, onSelect }: DateRangeCalendarProps) => {\n  const { formatMessage, formatDate } = useIntl();\n\n  const initialMonth = from ? fromKey(from) : new Date();\n  const [viewYear, setViewYear] = useState(initialMonth.getFullYear());\n  const [viewMonth, setViewMonth] = useState(initialMonth.getMonth());\n  // In-progress selection: set on the first click, cleared on commit.\n  const [pendingStart, setPendingStart] = useState<string | null>(null);\n\n  const rangeStart = pendingStart ?? from ?? null;\n  const rangeEnd = pendingStart ? null : (to ?? null);\n\n  const moveMonth = (delta: number) => {\n    const next = new Date(viewYear, viewMonth + delta, 1);\n    setViewYear(next.getFullYear());\n    setViewMonth(next.getMonth());\n  };\n\n  const handleDayClick = (day: Date) => {\n    const key = toKey(day);\n\n    if (!pendingStart) {\n      setPendingStart(key);\n      return;\n    }\n\n    const [start, end] = key < pendingStart ? [key, pendingStart] : [pendingStart, key];\n    setPendingStart(null);\n    onSelect(start, end);\n  };\n\n  const weeks = buildWeeks(viewYear, viewMonth);\n  const weekDayLabels = weeks[0].map((day) => formatDate(day, { weekday: 'short' }).slice(0, 2));\n\n  return (\n    // role=\"group\" (not \"application\"): these are plain buttons — hijacking\n    // the screen reader's own key handling would take away navigation and\n    // give nothing back.\n    <Box\n      padding={2}\n      width=\"100%\"\n      role=\"group\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.filters.calendar.label'),\n        defaultMessage: 'Select date range',\n      })}\n      data-testid=\"date-range-calendar\"\n    >\n      <Flex justifyContent=\"space-between\" alignItems=\"center\" paddingBottom={2}>\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.filters.calendar.previous-month'),\n            defaultMessage: 'Previous month',\n          })}\n          onClick={() => moveMonth(-1)}\n        >\n          <ChevronLeft />\n        </IconButton>\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral800\">\n          {formatDate(new Date(viewYear, viewMonth, 1), { month: 'long', year: 'numeric' })}\n        </Typography>\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.filters.calendar.next-month'),\n            defaultMessage: 'Next month',\n          })}\n          onClick={() => moveMonth(1)}\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n\n      <Flex>\n        {weekDayLabels.map((label, index) => (\n          <Flex key={index} width=\"3rem\" height=\"2.4rem\" justifyContent=\"center\">\n            <Typography variant=\"pi\" fontWeight=\"semiBold\" textColor=\"neutral600\">\n              {label}\n            </Typography>\n          </Flex>\n        ))}\n      </Flex>\n\n      {weeks.map((week, weekIndex) => (\n        <Flex key={weekIndex}>\n          {week.map((day) => {\n            const key = toKey(day);\n            const isEdge = key === rangeStart || key === rangeEnd;\n            const inRange =\n              rangeStart !== null && rangeEnd !== null && key > rangeStart && key < rangeEnd;\n\n            return (\n              <DayCell\n                key={key}\n                type=\"button\"\n                $isEdge={isEdge}\n                $inRange={inRange}\n                $isMuted={day.getMonth() !== viewMonth}\n                onClick={() => handleDayClick(day)}\n              >\n                <VisuallyHidden>{formatDate(day, { dateStyle: 'long' })}</VisuallyHidden>\n                <span aria-hidden>{day.getDate()}</span>\n              </DayCell>\n            );\n          })}\n        </Flex>\n      ))}\n    </Box>\n  );\n};\n"],"names":["DayCell","styled","button","theme","borderRadius","$isEdge","$isMuted","colors","primary600","neutral400","neutral800","$inRange","primary200","primary100","toKey","date","month","getMonth","padStart","day","getDate","getFullYear","fromKey","key","year","split","map","Number","Date","buildWeeks","first","start","getTime","setDate","getDay","weeks","cursor","week","i","push","DateRangeCalendar","from","to","onSelect","formatMessage","formatDate","useIntl","initialMonth","viewYear","setViewYear","useState","viewMonth","setViewMonth","pendingStart","setPendingStart","rangeStart","rangeEnd","moveMonth","delta","next","handleDayClick","end","weekDayLabels","weekday","slice","_jsxs","Box","padding","width","role","aria-label","id","getTranslationKey","defaultMessage","data-testid","Flex","justifyContent","alignItems","paddingBottom","_jsx","IconButton","variant","label","onClick","ChevronLeft","Typography","fontWeight","textColor","ChevronRight","index","height","weekIndex","isEdge","inRange","type","VisuallyHidden","dateStyle","span","aria-hidden"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/DeleteItemsDialog.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var assets = require('../../../services/assets.js');
+var translations = require('../../../utils/translations.js');
+
+/**
+ * Confirm dialog for `POST /upload/actions/bulk-delete`. Fully controlled: the
+ * caller owns `open` and renders its own trigger. Shared by the bulk actions bar
+ * (selection-scoped) and the per-folder actions menu (item-scoped), so the
+ * target is always passed in explicitly rather than read from the selection.
+ *
+ * Deleting a folder cascades server-side, which is why the copy warns about
+ * folder contents even for a single item.
+ */ const DeleteItemsDialog = ({ open, onClose, target, onSuccess, onPendingChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const [bulkDeleteItems, { isLoading: isDeleting }] = assets.useBulkDeleteItemsMutation();
+    const count = target.fileIds.length + target.folderIds.length;
+    React.useEffect(()=>{
+        onPendingChange?.(isDeleting);
+    }, [
+        isDeleting,
+        onPendingChange
+    ]);
+    const handleConfirmDelete = async (e)=>{
+        // Radix AlertDialog.Action closes the dialog on click by default; prevent
+        // that so the dialog stays open showing the loader while the request runs
+        // (a bulk delete can take a while depending on the number of assets).
+        e.preventDefault();
+        // Guard re-entry while pending.
+        if (isDeleting) {
+            return;
+        }
+        const res = await bulkDeleteItems(target);
+        if ('error' in res) {
+            // Keep the dialog open and the selection intact so the user can retry
+            // (Confirm again) or Cancel; only surface the error toast.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.delete.error'),
+                    defaultMessage: 'An error occurred while deleting the items.'
+                })
+            });
+            return;
+        }
+        onClose();
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: translations.getTranslationKey('list.bulk-actions.delete.success'),
+                defaultMessage: '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}'
+            }, {
+                count
+            })
+        });
+        onSuccess?.();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+        open: open,
+        onOpenChange: (nextOpen)=>{
+            // The dialog must stay open while the request runs — a bulk delete
+            // can't be aborted halfway, so the loader is the source of truth.
+            if (!nextOpen && !isDeleting) {
+                onClose();
+            }
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Header, {
+                    children: formatMessage({
+                        id: translations.getTranslationKey('list.bulk-actions.delete.confirm.title'),
+                        defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?'
+                    }, {
+                        count
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Body, {
+                    icon: /*#__PURE__*/ jsxRuntime.jsx(icons.WarningCircle, {
+                        width: "24px",
+                        height: "24px",
+                        fill: "danger600"
+                    }),
+                    textAlign: "center",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),
+                            defaultMessage: 'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Cancel, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                disabled: isDeleting,
+                                fullWidth: true,
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Action, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "danger-light",
+                                loading: isDeleting,
+                                onClick: handleConfirmDelete,
+                                fullWidth: true,
+                                children: formatMessage({
+                                    id: 'app.components.Button.confirm',
+                                    defaultMessage: 'Confirm'
+                                })
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+exports.DeleteItemsDialog = DeleteItemsDialog;
+//# sourceMappingURL=DeleteItemsDialog.js.map

package/dist/admin/future/pages/Assets/components/DeleteItemsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteItemsDialog.js","sources":["../../../../../../admin/src/future/pages/Assets/components/DeleteItemsDialog.tsx"],"sourcesContent":["import { useEffect, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Typography } from '@strapi/design-system';\nimport { WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useBulkDeleteItemsMutation } from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface DeleteItemsDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /** Explicit delete target — assets and/or folders, by id. */\n  target: { fileIds: number[]; folderIds: number[] };\n  /** Called after a successful delete, before the toast. */\n  onSuccess?: () => void;\n  /**\n   * Mirrors the in-flight state out to the caller, so a host that has its own\n   * controls (the bulk actions bar) can disable them for the duration.\n   */\n  onPendingChange?: (pending: boolean) => void;\n}\n\n/**\n * Confirm dialog for `POST /upload/actions/bulk-delete`. Fully controlled: the\n * caller owns `open` and renders its own trigger. Shared by the bulk actions bar\n * (selection-scoped) and the per-folder actions menu (item-scoped), so the\n * target is always passed in explicitly rather than read from the selection.\n *\n * Deleting a folder cascades server-side, which is why the copy warns about\n * folder contents even for a single item.\n */\nexport const DeleteItemsDialog = ({\n  open,\n  onClose,\n  target,\n  onSuccess,\n  onPendingChange,\n}: DeleteItemsDialogProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n\n  const count = target.fileIds.length + target.folderIds.length;\n\n  useEffect(() => {\n    onPendingChange?.(isDeleting);\n  }, [isDeleting, onPendingChange]);\n\n  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems(target);\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    onClose();\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\n      ),\n    });\n    onSuccess?.();\n  };\n\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        // The dialog must stay open while the request runs — a bulk delete\n        // can't be aborted halfway, so the loader is the source of truth.\n        if (!nextOpen && !isDeleting) {\n          onClose();\n        }\n      }}\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage(\n            {\n              id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n              defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n            },\n            { count }\n          )}\n        </Dialog.Header>\n        <Dialog.Body\n          icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n          textAlign=\"center\"\n        >\n          <Typography>\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),\n              defaultMessage:\n                'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n            })}\n          </Typography>\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          </Dialog.Cancel>\n          <Dialog.Action>\n            <Button\n              variant=\"danger-light\"\n              loading={isDeleting}\n              onClick={handleConfirmDelete}\n              fullWidth\n            >\n              {formatMessage({\n                id: 'app.components.Button.confirm',\n                defaultMessage: 'Confirm',\n              })}\n            </Button>\n          </Dialog.Action>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n"],"names":["DeleteItemsDialog","open","onClose","target","onSuccess","onPendingChange","formatMessage","useIntl","toggleNotification","useNotification","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","count","fileIds","length","folderIds","useEffect","handleConfirmDelete","e","preventDefault","res","type","message","id","getTranslationKey","defaultMessage","_jsx","Dialog","Root","onOpenChange","nextOpen","_jsxs","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Typography","Footer","Cancel","Button","variant","disabled","fullWidth","Action","loading","onClick"],"mappings":"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"}