@strapi/upload 5.37.0 → 5.38.0

package/dist/admin/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport enum AssetSource {\n  Url = 'url',\n  Computer = 'computer',\n}\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["AssetSource","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}
+{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport enum AssetSource {\n  Url = 'url',\n  Computer = 'computer',\n}\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["AssetSource","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}

package/dist/admin/future/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sources":["../../../admin/src/future/App.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AssetsPage } from './pages/Assets/AssetsPage';\nimport { getTranslationKey } from './utils/translations';\n\nexport const UnstableMediaLibrary = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  return (\n    <Page.Main>\n      <Page.Title>{title}</Page.Title>\n\n      <Routes>\n        <Route index element={<AssetsPage />} />\n      </Routes>\n    </Page.Main>\n  );\n};\n"],"names":["UnstableMediaLibrary","formatMessage","useIntl","title","id","getTranslationKey","defaultMessage","_jsxs","Page","Main","_jsx","Title","Routes","Route","index","element","AssetsPage"],"mappings":";;;;;;;;;;MASaA,oBAAuB,GAAA,IAAA;IAClC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAIC,8BAAkB,CAAA,aAAA,CAAA;QACtBC,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEA,qBACEC,eAAA,CAACC,iBAAKC,IAAI,EAAA;;AACR,0BAAAC,cAAA,CAACF,iBAAKG,KAAK,EAAA;AAAER,gBAAAA,QAAAA,EAAAA;;0BAEbO,cAACE,CAAAA,qBAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAACG,CAAAA,oBAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASL,cAACM,CAAAA,qBAAAA,EAAAA,EAAAA;;;;;AAI/B;;;;"}
+{"version":3,"file":"App.js","sources":["../../../admin/src/future/App.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AssetsPage } from './pages/Assets/AssetsPage';\nimport { getTranslationKey } from './utils/translations';\n\nexport const UnstableMediaLibrary = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  return (\n    <Page.Main>\n      <Page.Title>{title}</Page.Title>\n\n      <Routes>\n        <Route index element={<AssetsPage />} />\n      </Routes>\n    </Page.Main>\n  );\n};\n"],"names":["UnstableMediaLibrary","formatMessage","useIntl","title","id","getTranslationKey","defaultMessage","_jsxs","Page","Main","_jsx","Title","Routes","Route","index","element","AssetsPage"],"mappings":";;;;;;;;;;MASaA,oBAAAA,GAAuB,IAAA;IAClC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAAA,CAAc;AAC1BG,QAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,aAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,eAAA,CAACC,iBAAKC,IAAI,EAAA;;AACR,0BAAAC,cAAA,CAACF,iBAAKG,KAAK,EAAA;AAAER,gBAAAA,QAAAA,EAAAA;;0BAEbO,cAAA,CAACE,qBAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAAA,CAACG,oBAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASL,cAAA,CAACM,qBAAAA,EAAAA,EAAAA;;;;;AAI/B;;;;"}

package/dist/admin/future/App.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"App.mjs","sources":["../../../admin/src/future/App.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AssetsPage } from './pages/Assets/AssetsPage';\nimport { getTranslationKey } from './utils/translations';\n\nexport const UnstableMediaLibrary = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  return (\n    <Page.Main>\n      <Page.Title>{title}</Page.Title>\n\n      <Routes>\n        <Route index element={<AssetsPage />} />\n      </Routes>\n    </Page.Main>\n  );\n};\n"],"names":["UnstableMediaLibrary","formatMessage","useIntl","title","id","getTranslationKey","defaultMessage","_jsxs","Page","Main","_jsx","Title","Routes","Route","index","element","AssetsPage"],"mappings":";;;;;;;;MASaA,oBAAuB,GAAA,IAAA;IAClC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAIC,iBAAkB,CAAA,aAAA,CAAA;QACtBC,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,KAAKC,IAAI,EAAA;;AACR,0BAAAC,GAAA,CAACF,KAAKG,KAAK,EAAA;AAAER,gBAAAA,QAAAA,EAAAA;;0BAEbO,GAACE,CAAAA,MAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,GAACG,CAAAA,KAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASL,GAACM,CAAAA,UAAAA,EAAAA,EAAAA;;;;;AAI/B;;;;"}
+{"version":3,"file":"App.mjs","sources":["../../../admin/src/future/App.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AssetsPage } from './pages/Assets/AssetsPage';\nimport { getTranslationKey } from './utils/translations';\n\nexport const UnstableMediaLibrary = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  return (\n    <Page.Main>\n      <Page.Title>{title}</Page.Title>\n\n      <Routes>\n        <Route index element={<AssetsPage />} />\n      </Routes>\n    </Page.Main>\n  );\n};\n"],"names":["UnstableMediaLibrary","formatMessage","useIntl","title","id","getTranslationKey","defaultMessage","_jsxs","Page","Main","_jsx","Title","Routes","Route","index","element","AssetsPage"],"mappings":";;;;;;;;MASaA,oBAAAA,GAAuB,IAAA;IAClC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAAA,CAAc;AAC1BG,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,aAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,KAAKC,IAAI,EAAA;;AACR,0BAAAC,GAAA,CAACF,KAAKG,KAAK,EAAA;AAAER,gBAAAA,QAAAA,EAAAA;;0BAEbO,GAAA,CAACE,MAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,GAAA,CAACG,KAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASL,GAAA,CAACM,UAAAA,EAAAA,EAAAA;;;;;AAI/B;;;;"}

package/dist/admin/future/components/Drawer.js

@@ -0,0 +1,189 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Dialog = require('@radix-ui/react-dialog');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+
+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);
+var Dialog__namespace = /*#__PURE__*/_interopNamespaceDefault(Dialog);
+
+/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */ const DRAWER_CLOSE_ANIMATION_MS = 300;
+/* -------------------------------------------------------------------------------------------------
+ * Animations
+ * -----------------------------------------------------------------------------------------------*/ // Direction: up
+const slideUpFromBottomIn = styledComponents.keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const slideUpFromBottomOut = styledComponents.keyframes`
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+`;
+// Direction: left
+const slideLeftFromRightIn = styledComponents.keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+const slideLeftFromRightOut = styledComponents.keyframes`
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+`;
+const DrawerContainer = styledComponents.styled(designSystem.Flex)`
+  flex-direction: column;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  padding: ${({ theme })=>theme.spaces[2]};
+  max-width: 100%;
+  z-index: 1000;
+  overflow: hidden;
+  width: ${({ width })=>width ?? '400px'};
+  max-height: ${({ maxHeight })=>maxHeight ?? '100vh'};
+
+  &:focus {
+    outline: none;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    &[data-state='open'] {
+      animation: ${({ $animationDirection })=>$animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}
+        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
+    }
+
+    &[data-state='closed'] {
+      animation: ${({ $animationDirection })=>$animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}
+        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
+      pointer-events: none;
+    }
+  }
+`;
+const DrawerContent = styledComponents.styled(designSystem.Box)`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  background-color: ${({ theme })=>theme.colors.neutral0};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+  overflow: hidden;
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+const CollapsibleContent = styledComponents.styled(designSystem.Box)`
+  display: grid;
+  flex: 1;
+  min-height: 0;
+  grid-template-rows: ${({ $isVisible })=>$isVisible ? '1fr' : '0fr'};
+  transition: grid-template-rows 0.3s ease-in-out;
+
+  > div {
+    overflow: ${({ $isVisible })=>$isVisible ? 'auto' : 'hidden'};
+    min-height: 0;
+  }
+`;
+const CloseIconButton = styledComponents.styled(designSystem.IconButton)`
+  &:hover {
+    background: transparent;
+  }
+`;
+const DrawerBody = /*#__PURE__*/ React__namespace.forwardRef(({ animationDirection, children, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsx(Dialog__namespace.Content, {
+        ref: ref,
+        forceMount: true,
+        asChild: true,
+        onPointerDownOutside: (e)=>e.preventDefault(),
+        onInteractOutside: (e)=>e.preventDefault(),
+        "data-animation-direction": animationDirection,
+        children: /*#__PURE__*/ jsxRuntime.jsx(DrawerContainer, {
+            $animationDirection: animationDirection,
+            ...props,
+            children: /*#__PURE__*/ jsxRuntime.jsx(DrawerContent, {
+                children: children
+            })
+        })
+    }));
+DrawerBody.displayName = 'DrawerBody';
+const DrawerRoot = ({ isVisible, onClose, children })=>/*#__PURE__*/ jsxRuntime.jsx(Dialog__namespace.Root, {
+        open: isVisible,
+        onOpenChange: (nextVisible)=>!nextVisible && onClose?.(),
+        modal: false,
+        children: /*#__PURE__*/ jsxRuntime.jsx(Dialog__namespace.Portal, {
+            children: children
+        })
+    });
+const DrawerScrollableContent = ({ children, isContentExpanded = true })=>/*#__PURE__*/ jsxRuntime.jsx(CollapsibleContent, {
+        $isVisible: isContentExpanded,
+        "data-collapsed": !isContentExpanded,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.ScrollArea, {
+            children: children
+        })
+    });
+const DrawerCloseButton = ({ onClose, label, children })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const labelMessage = label ?? formatMessage({
+        id: 'global.close',
+        defaultMessage: 'Close'
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(CloseIconButton, {
+        onClick: onClose,
+        label: labelMessage,
+        variant: "ghost",
+        children: children ?? /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
+    });
+};
+const Drawer = {
+    Root: DrawerRoot,
+    Body: DrawerBody,
+    ScrollableContent: DrawerScrollableContent,
+    CloseButton: DrawerCloseButton,
+    Title: Dialog__namespace.Title,
+    Description: Dialog__namespace.Description
+};
+
+exports.DRAWER_CLOSE_ANIMATION_MS = DRAWER_CLOSE_ANIMATION_MS;
+exports.Drawer = Drawer;
+//# sourceMappingURL=Drawer.js.map

package/dist/admin/future/components/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  z-index: 1000;\n  overflow: hidden;\n  width: ${({ width }) => width ?? '400px'};\n  max-height: ${({ maxHeight }) => maxHeight ?? '100vh'};\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: ${({ $isVisible }) => ($isVisible ? 'auto' : 'hidden')};\n    min-height: 0;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerBodyProps extends FlexProps {\n  animationDirection?: 'up' | 'left';\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  ({ animationDirection, children, ...props }, ref) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={(e) => e.preventDefault()}\n      onInteractOutside={(e) => e.preventDefault()}\n      data-animation-direction={animationDirection}\n    >\n      <DrawerContainer $animationDirection={animationDirection} {...props}>\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","width","maxHeight","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","DrawerBody","React","forwardRef","animationDirection","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onPointerDownOutside","e","preventDefault","onInteractOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}

package/dist/admin/future/components/Drawer.mjs

@@ -0,0 +1,166 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { Flex, Box, IconButton, ScrollArea } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { keyframes, styled } from 'styled-components';
+
+/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */ const DRAWER_CLOSE_ANIMATION_MS = 300;
+/* -------------------------------------------------------------------------------------------------
+ * Animations
+ * -----------------------------------------------------------------------------------------------*/ // Direction: up
+const slideUpFromBottomIn = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const slideUpFromBottomOut = keyframes`
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+`;
+// Direction: left
+const slideLeftFromRightIn = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+const slideLeftFromRightOut = keyframes`
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+`;
+const DrawerContainer = styled(Flex)`
+  flex-direction: column;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  padding: ${({ theme })=>theme.spaces[2]};
+  max-width: 100%;
+  z-index: 1000;
+  overflow: hidden;
+  width: ${({ width })=>width ?? '400px'};
+  max-height: ${({ maxHeight })=>maxHeight ?? '100vh'};
+
+  &:focus {
+    outline: none;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    &[data-state='open'] {
+      animation: ${({ $animationDirection })=>$animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}
+        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
+    }
+
+    &[data-state='closed'] {
+      animation: ${({ $animationDirection })=>$animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}
+        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
+      pointer-events: none;
+    }
+  }
+`;
+const DrawerContent = styled(Box)`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  background-color: ${({ theme })=>theme.colors.neutral0};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+  overflow: hidden;
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+const CollapsibleContent = styled(Box)`
+  display: grid;
+  flex: 1;
+  min-height: 0;
+  grid-template-rows: ${({ $isVisible })=>$isVisible ? '1fr' : '0fr'};
+  transition: grid-template-rows 0.3s ease-in-out;
+
+  > div {
+    overflow: ${({ $isVisible })=>$isVisible ? 'auto' : 'hidden'};
+    min-height: 0;
+  }
+`;
+const CloseIconButton = styled(IconButton)`
+  &:hover {
+    background: transparent;
+  }
+`;
+const DrawerBody = /*#__PURE__*/ React.forwardRef(({ animationDirection, children, ...props }, ref)=>/*#__PURE__*/ jsx(Dialog.Content, {
+        ref: ref,
+        forceMount: true,
+        asChild: true,
+        onPointerDownOutside: (e)=>e.preventDefault(),
+        onInteractOutside: (e)=>e.preventDefault(),
+        "data-animation-direction": animationDirection,
+        children: /*#__PURE__*/ jsx(DrawerContainer, {
+            $animationDirection: animationDirection,
+            ...props,
+            children: /*#__PURE__*/ jsx(DrawerContent, {
+                children: children
+            })
+        })
+    }));
+DrawerBody.displayName = 'DrawerBody';
+const DrawerRoot = ({ isVisible, onClose, children })=>/*#__PURE__*/ jsx(Dialog.Root, {
+        open: isVisible,
+        onOpenChange: (nextVisible)=>!nextVisible && onClose?.(),
+        modal: false,
+        children: /*#__PURE__*/ jsx(Dialog.Portal, {
+            children: children
+        })
+    });
+const DrawerScrollableContent = ({ children, isContentExpanded = true })=>/*#__PURE__*/ jsx(CollapsibleContent, {
+        $isVisible: isContentExpanded,
+        "data-collapsed": !isContentExpanded,
+        children: /*#__PURE__*/ jsx(ScrollArea, {
+            children: children
+        })
+    });
+const DrawerCloseButton = ({ onClose, label, children })=>{
+    const { formatMessage } = useIntl();
+    const labelMessage = label ?? formatMessage({
+        id: 'global.close',
+        defaultMessage: 'Close'
+    });
+    return /*#__PURE__*/ jsx(CloseIconButton, {
+        onClick: onClose,
+        label: labelMessage,
+        variant: "ghost",
+        children: children ?? /*#__PURE__*/ jsx(Cross, {})
+    });
+};
+const Drawer = {
+    Root: DrawerRoot,
+    Body: DrawerBody,
+    ScrollableContent: DrawerScrollableContent,
+    CloseButton: DrawerCloseButton,
+    Title: Dialog.Title,
+    Description: Dialog.Description
+};
+
+export { DRAWER_CLOSE_ANIMATION_MS, Drawer };
+//# sourceMappingURL=Drawer.mjs.map

package/dist/admin/future/components/Drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.mjs","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  z-index: 1000;\n  overflow: hidden;\n  width: ${({ width }) => width ?? '400px'};\n  max-height: ${({ maxHeight }) => maxHeight ?? '100vh'};\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: ${({ $isVisible }) => ($isVisible ? 'auto' : 'hidden')};\n    min-height: 0;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerBodyProps extends FlexProps {\n  animationDirection?: 'up' | 'left';\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  ({ animationDirection, children, ...props }, ref) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={(e) => e.preventDefault()}\n      onInteractOutside={(e) => e.preventDefault()}\n      data-animation-direction={animationDirection}\n    >\n      <DrawerContainer $animationDirection={animationDirection} {...props}>\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","width","maxHeight","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","DrawerBody","React","forwardRef","animationDirection","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onPointerDownOutside","e","preventDefault","onInteractOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}