@strapi/upload 5.12.1 → 5.12.3

package/dist/admin/pages/App/ConfigureTheView/ConfigureTheView.js

@@ -0,0 +1,142 @@
+'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 isEqual = require('lodash/isEqual');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var useConfig = require('../../../hooks/useConfig.js');
+var pluginId = require('../../../pluginId.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../../utils/getTrad.js');
+require('qs');
+require('../../../constants.js');
+require('../../../utils/urlYupSchema.js');
+var Settings = require('./components/Settings.js');
+var actions = require('./state/actions.js');
+var init = require('./state/init.js');
+var reducer = require('./state/reducer.js');
+
+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);
+
+// TODO: find a better naming convention for the file that was an index file before
+const ConfigureTheView = ({ config })=>{
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { mutateConfig } = useConfig.useConfig();
+    const { isLoading: isSubmittingForm } = mutateConfig;
+    const [showWarningSubmit, setWarningSubmit] = React__namespace.useState(false);
+    const toggleWarningSubmit = ()=>setWarningSubmit((prevState)=>!prevState);
+    const [reducerState, dispatch] = React__namespace.useReducer(reducer.reducer, init.initialState, ()=>init.init(config));
+    const typedDispatch = dispatch;
+    const { initialData, modifiedData } = reducerState;
+    const handleSubmit = (e)=>{
+        e.preventDefault();
+        toggleWarningSubmit();
+    };
+    const handleConfirm = async ()=>{
+        trackUsage('willEditMediaLibraryConfig');
+        await mutateConfig.mutateAsync(modifiedData);
+        setWarningSubmit(false);
+        typedDispatch(actions.setLoaded());
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: 'notification.form.success.fields',
+                defaultMessage: 'Changes saved'
+            })
+        });
+    };
+    const handleChange = ({ target: { name, value } })=>{
+        typedDispatch(actions.onChange({
+            name,
+            value
+        }));
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Main, {
+            "aria-busy": isSubmittingForm,
+            children: /*#__PURE__*/ jsxRuntime.jsxs("form", {
+                onSubmit: handleSubmit,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                        navigationAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                            tag: reactRouterDom.NavLink,
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowLeft, {}),
+                            to: `/plugins/${pluginId.pluginId}`,
+                            id: "go-back",
+                            children: formatMessage({
+                                id: getTrad.getTrad('config.back'),
+                                defaultMessage: 'Back'
+                            })
+                        }),
+                        primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            size: "S",
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+                            disabled: isEqual(modifiedData, initialData),
+                            type: "submit",
+                            children: formatMessage({
+                                id: 'global.save',
+                                defaultMessage: 'Save'
+                            })
+                        }),
+                        subtitle: formatMessage({
+                            id: getTrad.getTrad('config.subtitle'),
+                            defaultMessage: 'Define the view settings of the media library.'
+                        }),
+                        title: formatMessage({
+                            id: getTrad.getTrad('config.title'),
+                            defaultMessage: 'Configure the view - Media Library'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Settings.Settings, {
+                            "data-testid": "settings",
+                            pageSize: modifiedData.pageSize || '',
+                            sort: modifiedData.sort || '',
+                            onChange: handleChange
+                        })
+                    }),
+                    "x",
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                        open: showWarningSubmit,
+                        onOpenChange: toggleWarningSubmit,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                            onConfirm: handleConfirm,
+                            variant: "default",
+                            children: formatMessage({
+                                id: getTrad.getTrad('config.popUpWarning.warning.updateAllSettings'),
+                                defaultMessage: 'This will modify all your settings'
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+exports.ConfigureTheView = ConfigureTheView;
+//# sourceMappingURL=ConfigureTheView.js.map

package/dist/admin/pages/App/ConfigureTheView/ConfigureTheView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureTheView.js","sources":["../../../../../admin/src/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useTracking,\n  useNotification,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { useConfig } from '../../../hooks/useConfig';\nimport { pluginId } from '../../../pluginId';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          x\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}

package/dist/admin/pages/App/ConfigureTheView/ConfigureTheView.mjs

@@ -0,0 +1,121 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, useNotification, Layouts, Page, ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Link, Button, Dialog } from '@strapi/design-system';
+import { ArrowLeft, Check } from '@strapi/icons';
+import isEqual from 'lodash/isEqual';
+import { useIntl } from 'react-intl';
+import { NavLink } from 'react-router-dom';
+import { useConfig } from '../../../hooks/useConfig.mjs';
+import { pluginId } from '../../../pluginId.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../../utils/getTrad.mjs';
+import 'qs';
+import '../../../constants.mjs';
+import '../../../utils/urlYupSchema.mjs';
+import { Settings } from './components/Settings.mjs';
+import { setLoaded, onChange } from './state/actions.mjs';
+import { initialState, init } from './state/init.mjs';
+import { reducer } from './state/reducer.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const ConfigureTheView = ({ config })=>{
+    const { trackUsage } = useTracking();
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { mutateConfig } = useConfig();
+    const { isLoading: isSubmittingForm } = mutateConfig;
+    const [showWarningSubmit, setWarningSubmit] = React.useState(false);
+    const toggleWarningSubmit = ()=>setWarningSubmit((prevState)=>!prevState);
+    const [reducerState, dispatch] = React.useReducer(reducer, initialState, ()=>init(config));
+    const typedDispatch = dispatch;
+    const { initialData, modifiedData } = reducerState;
+    const handleSubmit = (e)=>{
+        e.preventDefault();
+        toggleWarningSubmit();
+    };
+    const handleConfirm = async ()=>{
+        trackUsage('willEditMediaLibraryConfig');
+        await mutateConfig.mutateAsync(modifiedData);
+        setWarningSubmit(false);
+        typedDispatch(setLoaded());
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: 'notification.form.success.fields',
+                defaultMessage: 'Changes saved'
+            })
+        });
+    };
+    const handleChange = ({ target: { name, value } })=>{
+        typedDispatch(onChange({
+            name,
+            value
+        }));
+    };
+    return /*#__PURE__*/ jsx(Layouts.Root, {
+        children: /*#__PURE__*/ jsx(Page.Main, {
+            "aria-busy": isSubmittingForm,
+            children: /*#__PURE__*/ jsxs("form", {
+                onSubmit: handleSubmit,
+                children: [
+                    /*#__PURE__*/ jsx(Layouts.Header, {
+                        navigationAction: /*#__PURE__*/ jsx(Link, {
+                            tag: NavLink,
+                            startIcon: /*#__PURE__*/ jsx(ArrowLeft, {}),
+                            to: `/plugins/${pluginId}`,
+                            id: "go-back",
+                            children: formatMessage({
+                                id: getTrad('config.back'),
+                                defaultMessage: 'Back'
+                            })
+                        }),
+                        primaryAction: /*#__PURE__*/ jsx(Button, {
+                            size: "S",
+                            startIcon: /*#__PURE__*/ jsx(Check, {}),
+                            disabled: isEqual(modifiedData, initialData),
+                            type: "submit",
+                            children: formatMessage({
+                                id: 'global.save',
+                                defaultMessage: 'Save'
+                            })
+                        }),
+                        subtitle: formatMessage({
+                            id: getTrad('config.subtitle'),
+                            defaultMessage: 'Define the view settings of the media library.'
+                        }),
+                        title: formatMessage({
+                            id: getTrad('config.title'),
+                            defaultMessage: 'Configure the view - Media Library'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Layouts.Content, {
+                        children: /*#__PURE__*/ jsx(Settings, {
+                            "data-testid": "settings",
+                            pageSize: modifiedData.pageSize || '',
+                            sort: modifiedData.sort || '',
+                            onChange: handleChange
+                        })
+                    }),
+                    "x",
+                    /*#__PURE__*/ jsx(Dialog.Root, {
+                        open: showWarningSubmit,
+                        onOpenChange: toggleWarningSubmit,
+                        children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                            onConfirm: handleConfirm,
+                            variant: "default",
+                            children: formatMessage({
+                                id: getTrad('config.popUpWarning.warning.updateAllSettings'),
+                                defaultMessage: 'This will modify all your settings'
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { ConfigureTheView };
+//# sourceMappingURL=ConfigureTheView.mjs.map

package/dist/admin/pages/App/ConfigureTheView/ConfigureTheView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureTheView.mjs","sources":["../../../../../admin/src/pages/App/ConfigureTheView/ConfigureTheView.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport {\n  ConfirmDialog,\n  useTracking,\n  useNotification,\n  Page,\n  Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Link } from '@strapi/design-system';\nimport { ArrowLeft, Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { useConfig } from '../../../hooks/useConfig';\nimport { pluginId } from '../../../pluginId';\nimport { getTrad } from '../../../utils';\n\nimport { Settings } from './components/Settings';\nimport { onChange, setLoaded } from './state/actions';\nimport { init, initialState } from './state/init';\nimport { reducer } from './state/reducer';\n\nimport type { InitialState } from './state/init';\nimport type { Action } from './state/reducer';\nimport type { Configuration } from '../../../../../shared/contracts/configuration';\n\ninterface ConfigureTheViewProps {\n  config: Configuration;\n}\n\nexport const ConfigureTheView = ({ config }: ConfigureTheViewProps) => {\n  const { trackUsage } = useTracking();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { mutateConfig } = useConfig();\n  const { isLoading: isSubmittingForm } = mutateConfig;\n\n  const [showWarningSubmit, setWarningSubmit] = React.useState(false);\n  const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);\n\n  const [reducerState, dispatch] = React.useReducer(\n    reducer,\n    initialState,\n    (): InitialState => init(config)\n  );\n  const typedDispatch: React.Dispatch<Action> = dispatch;\n  const { initialData, modifiedData } = reducerState;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    toggleWarningSubmit();\n  };\n\n  const handleConfirm = async () => {\n    trackUsage('willEditMediaLibraryConfig');\n    await mutateConfig.mutateAsync(modifiedData as Configuration);\n    setWarningSubmit(false);\n    typedDispatch(setLoaded());\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: 'notification.form.success.fields',\n        defaultMessage: 'Changes saved',\n      }),\n    });\n  };\n\n  const handleChange = ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => {\n    typedDispatch(onChange({ name, value }));\n  };\n\n  return (\n    <Layouts.Root>\n      <Page.Main aria-busy={isSubmittingForm}>\n        <form onSubmit={handleSubmit}>\n          <Layouts.Header\n            navigationAction={\n              <Link\n                tag={NavLink}\n                startIcon={<ArrowLeft />}\n                to={`/plugins/${pluginId}`}\n                id=\"go-back\"\n              >\n                {formatMessage({ id: getTrad('config.back'), defaultMessage: 'Back' })}\n              </Link>\n            }\n            primaryAction={\n              <Button\n                size=\"S\"\n                startIcon={<Check />}\n                disabled={isEqual(modifiedData, initialData)}\n                type=\"submit\"\n              >\n                {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n              </Button>\n            }\n            subtitle={formatMessage({\n              id: getTrad('config.subtitle'),\n              defaultMessage: 'Define the view settings of the media library.',\n            })}\n            title={formatMessage({\n              id: getTrad('config.title'),\n              defaultMessage: 'Configure the view - Media Library',\n            })}\n          />\n          <Layouts.Content>\n            <Settings\n              data-testid=\"settings\"\n              pageSize={modifiedData.pageSize || ''}\n              sort={modifiedData.sort || ''}\n              onChange={handleChange}\n            />\n          </Layouts.Content>\n          x\n          <Dialog.Root open={showWarningSubmit} onOpenChange={toggleWarningSubmit}>\n            <ConfirmDialog onConfirm={handleConfirm} variant=\"default\">\n              {formatMessage({\n                id: getTrad('config.popUpWarning.warning.updateAllSettings'),\n                defaultMessage: 'This will modify all your settings',\n              })}\n            </ConfirmDialog>\n          </Dialog.Root>\n        </form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n"],"names":["ConfigureTheView","config","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","mutateConfig","useConfig","isLoading","isSubmittingForm","showWarningSubmit","setWarningSubmit","React","useState","toggleWarningSubmit","prevState","reducerState","dispatch","useReducer","reducer","initialState","init","typedDispatch","initialData","modifiedData","handleSubmit","e","preventDefault","handleConfirm","mutateAsync","setLoaded","type","message","id","defaultMessage","handleChange","target","name","value","onChange","_jsx","Layouts","Root","Page","Main","aria-busy","_jsxs","form","onSubmit","Header","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","pluginId","getTrad","primaryAction","Button","size","Check","disabled","isEqual","subtitle","title","Content","Settings","data-testid","pageSize","sort","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","variant"],"mappings":"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"}

package/dist/admin/pages/App/ConfigureTheView/components/Settings.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var constants = require('../../../../constants.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../../../utils/getTrad.js');
+require('qs');
+require('../../../../utils/urlYupSchema.js');
+
+const Settings = ({ sort = '', pageSize = 10, onChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        background: "neutral0",
+        hasRadius: true,
+        shadow: "tableShadow",
+        paddingTop: 6,
+        paddingBottom: 6,
+        paddingLeft: 7,
+        paddingRight: 7,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+            gap: 4,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                    s: 12,
+                    col: 6,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                        hint: formatMessage({
+                            id: getTrad.getTrad('config.entries.note'),
+                            defaultMessage: 'Number of assets displayed by default in the Media Library'
+                        }),
+                        name: "pageSize",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                children: formatMessage({
+                                    id: getTrad.getTrad('config.entries.title'),
+                                    defaultMessage: 'Entries per page'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                                onChange: (value)=>onChange({
+                                        target: {
+                                            name: 'pageSize',
+                                            value
+                                        }
+                                    }),
+                                value: pageSize,
+                                children: constants.pageSizes.map((pageSize)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                        value: pageSize,
+                                        children: pageSize
+                                    }, pageSize))
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                    s: 12,
+                    col: 6,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                        hint: formatMessage({
+                            id: getTrad.getTrad('config.note'),
+                            defaultMessage: 'Note: You can override this value in the media library.'
+                        }),
+                        name: "sort",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                children: formatMessage({
+                                    id: getTrad.getTrad('config.sort.title'),
+                                    defaultMessage: 'Default sort order'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                                onChange: (value)=>onChange({
+                                        target: {
+                                            name: 'sort',
+                                            value
+                                        }
+                                    }),
+                                value: sort,
+                                "test-sort": sort,
+                                "data-testid": "sort-select",
+                                children: constants.sortOptions.map((filter)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                        "data-testid": `sort-option-${filter.value}`,
+                                        value: filter.value,
+                                        children: formatMessage({
+                                            id: getTrad.getTrad(filter.key),
+                                            defaultMessage: `${filter.value}`
+                                        })
+                                    }, filter.key))
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.Settings = Settings;
+//# sourceMappingURL=Settings.js.map

package/dist/admin/pages/App/ConfigureTheView/components/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sources":["../../../../../../admin/src/pages/App/ConfigureTheView/components/Settings.tsx"],"sourcesContent":["import { Box, Grid, SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { pageSizes, sortOptions } from '../../../../constants';\nimport { getTrad } from '../../../../utils';\n\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface SettingsProps {\n  sort: string;\n  pageSize: string | number;\n  onChange: ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => void;\n}\n\nconst Settings = ({ sort = '', pageSize = 10, onChange }: SettingsProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"tableShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Grid.Root gap={4}>\n        <Grid.Item s={12} col={6} direction=\"column\" alignItems=\"stretch\">\n          <Field.Root\n            hint={formatMessage({\n              id: getTrad('config.entries.note'),\n              defaultMessage: 'Number of assets displayed by default in the Media Library',\n            })}\n            name=\"pageSize\"\n          >\n            <Field.Label>\n              {formatMessage({\n                id: getTrad('config.entries.title'),\n                defaultMessage: 'Entries per page',\n              })}\n            </Field.Label>\n            <SingleSelect\n              onChange={(value) => onChange({ target: { name: 'pageSize', value } })}\n              value={pageSize}\n            >\n              {pageSizes.map((pageSize) => (\n                <SingleSelectOption key={pageSize} value={pageSize}>\n                  {pageSize}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n            <Field.Hint />\n          </Field.Root>\n        </Grid.Item>\n        <Grid.Item s={12} col={6} direction=\"column\" alignItems=\"stretch\">\n          <Field.Root\n            hint={formatMessage({\n              id: getTrad('config.note'),\n              defaultMessage: 'Note: You can override this value in the media library.',\n            })}\n            name=\"sort\"\n          >\n            <Field.Label>\n              {formatMessage({\n                id: getTrad('config.sort.title'),\n                defaultMessage: 'Default sort order',\n              })}\n            </Field.Label>\n            <SingleSelect\n              onChange={(value) => onChange({ target: { name: 'sort', value } })}\n              value={sort}\n              test-sort={sort}\n              data-testid=\"sort-select\"\n            >\n              {sortOptions.map((filter) => (\n                <SingleSelectOption\n                  data-testid={`sort-option-${filter.value}`}\n                  key={filter.key}\n                  value={filter.value}\n                >\n                  {formatMessage({ id: getTrad(filter.key), defaultMessage: `${filter.value}` })}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n            <Field.Hint />\n          </Field.Root>\n        </Grid.Item>\n      </Grid.Root>\n    </Box>\n  );\n};\n\nexport { Settings };\n"],"names":["Settings","sort","pageSize","onChange","formatMessage","useIntl","_jsx","Box","background","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","_jsxs","Grid","Root","gap","Item","s","col","direction","alignItems","Field","hint","id","getTrad","defaultMessage","name","Label","SingleSelect","value","target","pageSizes","map","SingleSelectOption","Hint","test-sort","data-testid","sortOptions","filter","key"],"mappings":"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"}

package/dist/admin/pages/App/ConfigureTheView/components/Settings.mjs

@@ -0,0 +1,106 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Grid, Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { pageSizes, sortOptions } from '../../../../constants.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../../../utils/getTrad.mjs';
+import 'qs';
+import '../../../../utils/urlYupSchema.mjs';
+
+const Settings = ({ sort = '', pageSize = 10, onChange })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Box, {
+        background: "neutral0",
+        hasRadius: true,
+        shadow: "tableShadow",
+        paddingTop: 6,
+        paddingBottom: 6,
+        paddingLeft: 7,
+        paddingRight: 7,
+        children: /*#__PURE__*/ jsxs(Grid.Root, {
+            gap: 4,
+            children: [
+                /*#__PURE__*/ jsx(Grid.Item, {
+                    s: 12,
+                    col: 6,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxs(Field.Root, {
+                        hint: formatMessage({
+                            id: getTrad('config.entries.note'),
+                            defaultMessage: 'Number of assets displayed by default in the Media Library'
+                        }),
+                        name: "pageSize",
+                        children: [
+                            /*#__PURE__*/ jsx(Field.Label, {
+                                children: formatMessage({
+                                    id: getTrad('config.entries.title'),
+                                    defaultMessage: 'Entries per page'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(SingleSelect, {
+                                onChange: (value)=>onChange({
+                                        target: {
+                                            name: 'pageSize',
+                                            value
+                                        }
+                                    }),
+                                value: pageSize,
+                                children: pageSizes.map((pageSize)=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                                        value: pageSize,
+                                        children: pageSize
+                                    }, pageSize))
+                            }),
+                            /*#__PURE__*/ jsx(Field.Hint, {})
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Grid.Item, {
+                    s: 12,
+                    col: 6,
+                    direction: "column",
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxs(Field.Root, {
+                        hint: formatMessage({
+                            id: getTrad('config.note'),
+                            defaultMessage: 'Note: You can override this value in the media library.'
+                        }),
+                        name: "sort",
+                        children: [
+                            /*#__PURE__*/ jsx(Field.Label, {
+                                children: formatMessage({
+                                    id: getTrad('config.sort.title'),
+                                    defaultMessage: 'Default sort order'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(SingleSelect, {
+                                onChange: (value)=>onChange({
+                                        target: {
+                                            name: 'sort',
+                                            value
+                                        }
+                                    }),
+                                value: sort,
+                                "test-sort": sort,
+                                "data-testid": "sort-select",
+                                children: sortOptions.map((filter)=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                                        "data-testid": `sort-option-${filter.value}`,
+                                        value: filter.value,
+                                        children: formatMessage({
+                                            id: getTrad(filter.key),
+                                            defaultMessage: `${filter.value}`
+                                        })
+                                    }, filter.key))
+                            }),
+                            /*#__PURE__*/ jsx(Field.Hint, {})
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { Settings };
+//# sourceMappingURL=Settings.mjs.map

package/dist/admin/pages/App/ConfigureTheView/components/Settings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.mjs","sources":["../../../../../../admin/src/pages/App/ConfigureTheView/components/Settings.tsx"],"sourcesContent":["import { Box, Grid, SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { pageSizes, sortOptions } from '../../../../constants';\nimport { getTrad } from '../../../../utils';\n\nimport type { Configuration } from '../../../../../../shared/contracts/configuration';\n\ninterface SettingsProps {\n  sort: string;\n  pageSize: string | number;\n  onChange: ({\n    target: { name, value },\n  }: {\n    target: { name: keyof Configuration; value: string | number };\n  }) => void;\n}\n\nconst Settings = ({ sort = '', pageSize = 10, onChange }: SettingsProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"tableShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Grid.Root gap={4}>\n        <Grid.Item s={12} col={6} direction=\"column\" alignItems=\"stretch\">\n          <Field.Root\n            hint={formatMessage({\n              id: getTrad('config.entries.note'),\n              defaultMessage: 'Number of assets displayed by default in the Media Library',\n            })}\n            name=\"pageSize\"\n          >\n            <Field.Label>\n              {formatMessage({\n                id: getTrad('config.entries.title'),\n                defaultMessage: 'Entries per page',\n              })}\n            </Field.Label>\n            <SingleSelect\n              onChange={(value) => onChange({ target: { name: 'pageSize', value } })}\n              value={pageSize}\n            >\n              {pageSizes.map((pageSize) => (\n                <SingleSelectOption key={pageSize} value={pageSize}>\n                  {pageSize}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n            <Field.Hint />\n          </Field.Root>\n        </Grid.Item>\n        <Grid.Item s={12} col={6} direction=\"column\" alignItems=\"stretch\">\n          <Field.Root\n            hint={formatMessage({\n              id: getTrad('config.note'),\n              defaultMessage: 'Note: You can override this value in the media library.',\n            })}\n            name=\"sort\"\n          >\n            <Field.Label>\n              {formatMessage({\n                id: getTrad('config.sort.title'),\n                defaultMessage: 'Default sort order',\n              })}\n            </Field.Label>\n            <SingleSelect\n              onChange={(value) => onChange({ target: { name: 'sort', value } })}\n              value={sort}\n              test-sort={sort}\n              data-testid=\"sort-select\"\n            >\n              {sortOptions.map((filter) => (\n                <SingleSelectOption\n                  data-testid={`sort-option-${filter.value}`}\n                  key={filter.key}\n                  value={filter.value}\n                >\n                  {formatMessage({ id: getTrad(filter.key), defaultMessage: `${filter.value}` })}\n                </SingleSelectOption>\n              ))}\n            </SingleSelect>\n            <Field.Hint />\n          </Field.Root>\n        </Grid.Item>\n      </Grid.Root>\n    </Box>\n  );\n};\n\nexport { Settings };\n"],"names":["Settings","sort","pageSize","onChange","formatMessage","useIntl","_jsx","Box","background","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","_jsxs","Grid","Root","gap","Item","s","col","direction","alignItems","Field","hint","id","getTrad","defaultMessage","name","Label","SingleSelect","value","target","pageSizes","map","SingleSelectOption","Hint","test-sort","data-testid","sortOptions","filter","key"],"mappings":"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"}

package/dist/admin/pages/App/ConfigureTheView/state/actionTypes.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var pluginId = require('../../../../pluginId.js');
+
+const ON_CHANGE = `${pluginId.pluginId}/ON_CHANGE`;
+const SET_LOADED = `${pluginId.pluginId}/SET_LOADED`;
+
+exports.ON_CHANGE = ON_CHANGE;
+exports.SET_LOADED = SET_LOADED;
+//# sourceMappingURL=actionTypes.js.map

package/dist/admin/pages/App/ConfigureTheView/state/actionTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionTypes.js","sources":["../../../../../../admin/src/pages/App/ConfigureTheView/state/actionTypes.ts"],"sourcesContent":["import { pluginId } from '../../../../pluginId';\n\nexport const ON_CHANGE = `${pluginId}/ON_CHANGE`;\nexport const SET_LOADED = `${pluginId}/SET_LOADED`;\n"],"names":["ON_CHANGE","pluginId","SET_LOADED"],"mappings":";;;;MAEaA,SAAY,GAAA,CAAC,EAAEC,iBAAS,CAAA,UAAU;MAClCC,UAAa,GAAA,CAAC,EAAED,iBAAS,CAAA,WAAW;;;;;"}

package/dist/admin/pages/App/ConfigureTheView/state/actionTypes.mjs

@@ -0,0 +1,7 @@
+import { pluginId } from '../../../../pluginId.mjs';
+
+const ON_CHANGE = `${pluginId}/ON_CHANGE`;
+const SET_LOADED = `${pluginId}/SET_LOADED`;
+
+export { ON_CHANGE, SET_LOADED };
+//# sourceMappingURL=actionTypes.mjs.map

package/dist/admin/pages/App/ConfigureTheView/state/actionTypes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionTypes.mjs","sources":["../../../../../../admin/src/pages/App/ConfigureTheView/state/actionTypes.ts"],"sourcesContent":["import { pluginId } from '../../../../pluginId';\n\nexport const ON_CHANGE = `${pluginId}/ON_CHANGE`;\nexport const SET_LOADED = `${pluginId}/SET_LOADED`;\n"],"names":["ON_CHANGE","pluginId","SET_LOADED"],"mappings":";;MAEaA,SAAY,GAAA,CAAC,EAAEC,QAAS,CAAA,UAAU;MAClCC,UAAa,GAAA,CAAC,EAAED,QAAS,CAAA,WAAW;;;;"}

package/dist/admin/pages/App/ConfigureTheView/state/actions.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var actionTypes = require('./actionTypes.js');
+
+const onChange = ({ name, value })=>({
+        type: actionTypes.ON_CHANGE,
+        keys: name,
+        value
+    });
+const setLoaded = ()=>({
+        type: actionTypes.SET_LOADED
+    });
+
+exports.onChange = onChange;
+exports.setLoaded = setLoaded;
+//# sourceMappingURL=actions.js.map

package/dist/admin/pages/App/ConfigureTheView/state/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sources":["../../../../../../admin/src/pages/App/ConfigureTheView/state/actions.ts"],"sourcesContent":["import { ON_CHANGE, SET_LOADED } from './actionTypes';\n\nimport type { InitialState } from './init';\n\nexport const onChange = ({\n  name,\n  value,\n}: {\n  name: keyof NonNullable<InitialState['initialData']>;\n  value: number | string;\n}) => ({\n  type: ON_CHANGE,\n  keys: name,\n  value,\n});\n\nexport const setLoaded = () => ({\n  type: SET_LOADED,\n});\n"],"names":["onChange","name","value","type","ON_CHANGE","keys","setLoaded","SET_LOADED"],"mappings":";;;;AAIO,MAAMA,WAAW,CAAC,EACvBC,IAAI,EACJC,KAAK,EAIN,IAAM;QACLC,IAAMC,EAAAA,qBAAAA;QACNC,IAAMJ,EAAAA,IAAAA;AACNC,QAAAA;AACF,KAAA;AAEO,MAAMI,SAAY,GAAA,KAAO;QAC9BH,IAAMI,EAAAA;AACR,KAAA;;;;;"}

package/dist/admin/pages/App/ConfigureTheView/state/actions.mjs

@@ -0,0 +1,13 @@
+import { ON_CHANGE, SET_LOADED } from './actionTypes.mjs';
+
+const onChange = ({ name, value })=>({
+        type: ON_CHANGE,
+        keys: name,
+        value
+    });
+const setLoaded = ()=>({
+        type: SET_LOADED
+    });
+
+export { onChange, setLoaded };
+//# sourceMappingURL=actions.mjs.map

package/dist/admin/pages/App/ConfigureTheView/state/actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.mjs","sources":["../../../../../../admin/src/pages/App/ConfigureTheView/state/actions.ts"],"sourcesContent":["import { ON_CHANGE, SET_LOADED } from './actionTypes';\n\nimport type { InitialState } from './init';\n\nexport const onChange = ({\n  name,\n  value,\n}: {\n  name: keyof NonNullable<InitialState['initialData']>;\n  value: number | string;\n}) => ({\n  type: ON_CHANGE,\n  keys: name,\n  value,\n});\n\nexport const setLoaded = () => ({\n  type: SET_LOADED,\n});\n"],"names":["onChange","name","value","type","ON_CHANGE","keys","setLoaded","SET_LOADED"],"mappings":";;AAIO,MAAMA,WAAW,CAAC,EACvBC,IAAI,EACJC,KAAK,EAIN,IAAM;QACLC,IAAMC,EAAAA,SAAAA;QACNC,IAAMJ,EAAAA,IAAAA;AACNC,QAAAA;AACF,KAAA;AAEO,MAAMI,SAAY,GAAA,KAAO;QAC9BH,IAAMI,EAAAA;AACR,KAAA;;;;"}