@strapi/upload 5.3.0 → 5.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks/{index-Bl2-6oC8.js → App-DeNaeOad.js} +94 -87
- package/dist/_chunks/App-DeNaeOad.js.map +1 -0
- package/dist/_chunks/{index-DCAQ4hHN.mjs → App-qgVMMoa7.mjs} +94 -87
- package/dist/_chunks/App-qgVMMoa7.mjs.map +1 -0
- package/dist/_chunks/{index-BM9Ayh_r.js → ConfigureTheView-AK7hc1C0.js} +42 -23
- package/dist/_chunks/ConfigureTheView-AK7hc1C0.js.map +1 -0
- package/dist/_chunks/{index-C_cWV2yS.mjs → ConfigureTheView-C30XDPKG.mjs} +24 -23
- package/dist/_chunks/ConfigureTheView-C30XDPKG.mjs.map +1 -0
- package/dist/_chunks/{index-C1MSWEyZ.js → SettingsPage-C60zLXmE.js} +61 -41
- package/dist/_chunks/SettingsPage-C60zLXmE.js.map +1 -0
- package/dist/_chunks/{index-BWIqjWzC.mjs → SettingsPage-DV0sB7xY.mjs} +45 -43
- package/dist/_chunks/SettingsPage-DV0sB7xY.mjs.map +1 -0
- package/dist/_chunks/{index-BwEfHu6y.mjs → index-DFekBoCC.mjs} +142 -236
- package/dist/_chunks/index-DFekBoCC.mjs.map +1 -0
- package/dist/_chunks/{index-YwynuEzj.js → index-DwVjDEMt.js} +119 -214
- package/dist/_chunks/index-DwVjDEMt.js.map +1 -0
- package/dist/admin/index.js +2 -2
- package/dist/admin/index.mjs +2 -2
- package/dist/admin/src/components/AssetCard/AssetCardBase.d.ts +1 -1
- package/dist/admin/src/components/AssetCard/UploadingAssetCard.d.ts +1 -1
- package/dist/admin/src/components/AssetCard/VideoPreview.d.ts +1 -1
- package/dist/admin/src/components/AssetDialog/BrowseStep/{index.d.ts → BrowseStep.d.ts} +1 -1
- package/dist/admin/src/components/AssetDialog/BrowseStep/PageSize.d.ts +2 -2
- package/dist/admin/src/components/AssetDialog/BrowseStep/PaginationFooter/Pagination.d.ts +4 -0
- package/dist/admin/src/components/AssetDialog/BrowseStep/PaginationFooter/PaginationFooter.d.ts +9 -0
- package/dist/admin/src/components/AssetDialog/BrowseStep/SearchAsset/{index.d.ts → SearchAsset.d.ts} +2 -2
- package/dist/admin/src/components/AssetGridList/{index.d.ts → AssetGridList.d.ts} +1 -2
- package/dist/admin/src/components/Breadcrumbs/Breadcrumbs.d.ts +1 -2
- package/dist/admin/src/components/EditFolderDialog/EditFolderDialog.d.ts +3 -1
- package/dist/admin/src/components/EditFolderDialog/RemoveFolderDialog.d.ts +1 -1
- package/dist/admin/src/components/FilterList/{index.d.ts → FilterList.d.ts} +3 -3
- package/dist/admin/src/components/FilterList/FilterTag.d.ts +3 -3
- package/dist/admin/src/components/FilterPopover/{index.d.ts → FilterPopover.d.ts} +3 -3
- package/dist/admin/src/components/FilterPopover/FilterValueInput.d.ts +2 -2
- package/dist/admin/src/components/FilterPopover/utils/getFilterList.d.ts +2 -2
- package/dist/admin/src/components/FolderGridList/FolderGridList.d.ts +1 -2
- package/dist/admin/src/components/MediaLibraryDialog/{index.d.ts → MediaLibraryDialog.d.ts} +1 -2
- package/dist/admin/src/components/MediaLibraryInput/{index.d.ts → MediaLibraryInput.d.ts} +2 -2
- package/dist/admin/src/components/SelectTree/Option.d.ts +2 -2
- package/dist/admin/src/components/SelectTree/SelectTree.d.ts +2 -3
- package/dist/admin/src/components/SelectTree/utils/flattenTree.d.ts +1 -1
- package/dist/admin/src/components/SelectTree/utils/getOpenValues.d.ts +2 -2
- package/dist/admin/src/components/SelectTree/utils/getValuesToClose.d.ts +2 -2
- package/dist/admin/src/components/SortPicker/{index.d.ts → SortPicker.d.ts} +2 -2
- package/dist/admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.d.ts +1 -1
- package/dist/admin/src/components/UploadAssetDialog/UploadAssetDialog.d.ts +1 -1
- package/dist/admin/src/{newConstants.d.ts → constants.d.ts} +1 -0
- package/dist/admin/src/hooks/useEditAsset.d.ts +4 -4
- package/dist/admin/src/hooks/useEditFolder.d.ts +4 -4
- package/dist/admin/src/hooks/useFolderStructure.d.ts +1 -1
- package/dist/admin/src/hooks/useModalQueryParams.d.ts +1 -2
- package/dist/admin/src/hooks/useSelectionState.d.ts +1 -1
- package/dist/admin/src/hooks/useUpload.d.ts +1 -1
- package/dist/admin/src/index.d.ts +3 -0
- package/dist/admin/src/pages/App/App.d.ts +1 -0
- package/dist/admin/src/pages/App/ConfigureTheView/ConfigureTheView.d.ts +6 -0
- package/dist/admin/src/pages/App/ConfigureTheView/components/Settings.d.ts +13 -0
- package/dist/admin/src/pages/App/ConfigureTheView/state/actionTypes.d.ts +2 -0
- package/dist/admin/src/pages/App/ConfigureTheView/state/actions.d.ts +12 -0
- package/dist/admin/src/pages/App/ConfigureTheView/state/init.d.ts +8 -0
- package/dist/admin/src/pages/App/ConfigureTheView/state/reducer.d.ts +15 -0
- package/dist/admin/src/pages/App/MediaLibrary/MediaLibrary.d.ts +1 -0
- package/dist/admin/src/pages/App/MediaLibrary/components/BulkActions.d.ts +15 -0
- package/dist/admin/src/pages/App/MediaLibrary/components/BulkDeleteButton.d.ts +7 -0
- package/dist/admin/src/pages/App/MediaLibrary/components/BulkMoveButton.d.ts +15 -0
- package/dist/admin/src/pages/App/MediaLibrary/components/EmptyOrNoPermissions.d.ts +7 -0
- package/dist/admin/src/pages/App/MediaLibrary/components/Filters.d.ts +1 -0
- package/dist/admin/src/pages/App/MediaLibrary/components/Header.d.ts +22 -0
- package/dist/admin/src/pages/App/components/BulkActions.d.ts +15 -0
- package/dist/admin/src/pages/App/components/BulkDeleteButton.d.ts +10 -0
- package/dist/admin/src/pages/App/components/BulkMoveButton.d.ts +15 -0
- package/dist/admin/src/pages/App/components/EmptyOrNoPermissions.d.ts +8 -0
- package/dist/admin/src/pages/App/components/Filters.d.ts +1 -0
- package/dist/admin/src/pages/App/components/Header.d.ts +13 -0
- package/dist/admin/src/pages/SettingsPage/SettingsPage.d.ts +2 -0
- package/dist/admin/src/pages/SettingsPage/init.d.ts +2 -0
- package/dist/admin/src/pages/SettingsPage/reducer.d.ts +27 -0
- package/dist/admin/src/pluginId.d.ts +0 -1
- package/dist/admin/src/utils/getBreadcrumbDataML.d.ts +1 -1
- package/dist/admin/src/utils/rawFileToAsset.d.ts +2 -2
- package/dist/admin/src/utils/toSingularTypes.d.ts +0 -1
- package/dist/admin/src/utils/typeFromMime.d.ts +1 -1
- package/dist/admin/src/utils/urlsToAssets.d.ts +2 -2
- package/dist/shared/contracts/settings.d.ts +3 -2
- package/package.json +8 -8
- package/dist/_chunks/index-BM9Ayh_r.js.map +0 -1
- package/dist/_chunks/index-BWIqjWzC.mjs.map +0 -1
- package/dist/_chunks/index-Bl2-6oC8.js.map +0 -1
- package/dist/_chunks/index-BwEfHu6y.mjs.map +0 -1
- package/dist/_chunks/index-C1MSWEyZ.js.map +0 -1
- package/dist/_chunks/index-C_cWV2yS.mjs.map +0 -1
- package/dist/_chunks/index-DCAQ4hHN.mjs.map +0 -1
- package/dist/_chunks/index-YwynuEzj.js.map +0 -1
- package/dist/admin/src/components/AssetDialog/BrowseStep/PaginationFooter/PaginationContext.d.ts +0 -9
- package/dist/admin/src/components/AssetDialog/BrowseStep/PaginationFooter/components.d.ts +0 -15
- package/dist/admin/src/components/AssetDialog/BrowseStep/PaginationFooter/index.d.ts +0 -9
- package/dist/admin/src/components/Breadcrumbs/index.d.ts +0 -1
- package/dist/admin/src/components/BulkMoveDialog/index.d.ts +0 -1
- package/dist/admin/src/components/ContextInfo/index.d.ts +0 -1
- package/dist/admin/src/components/EditFolderDialog/ModalHeader/index.d.ts +0 -2
- package/dist/admin/src/components/EditFolderDialog/index.d.ts +0 -1
- package/dist/admin/src/components/FolderCard/FolderCard/index.d.ts +0 -1
- package/dist/admin/src/components/FolderCard/FolderCardBody/index.d.ts +0 -1
- package/dist/admin/src/components/FolderCard/FolderCardCheckbox/index.d.ts +0 -1
- package/dist/admin/src/components/FolderCard/index.d.ts +0 -4
- package/dist/admin/src/components/FolderGridList/index.d.ts +0 -1
- package/dist/admin/src/components/SelectTree/index.d.ts +0 -2
- /package/dist/admin/src/components/AssetDialog/{index.d.ts → AssetDialog.d.ts} +0 -0
- /package/dist/admin/src/components/AssetDialog/SelectedStep/{index.d.ts → SelectedStep.d.ts} +0 -0
- /package/dist/admin/src/components/CopyLinkButton/{index.d.ts → CopyLinkButton.d.ts} +0 -0
- /package/dist/admin/src/components/EditAssetDialog/{index.d.ts → EditAssetContent.d.ts} +0 -0
- /package/dist/admin/src/components/EditAssetDialog/PreviewBox/{index.d.ts → PreviewBox.d.ts} +0 -0
- /package/dist/admin/src/components/EditAssetDialog/PreviewBox/{components.d.ts → PreviewComponents.d.ts} +0 -0
- /package/dist/admin/src/components/EmptyAssets/{index.d.ts → EmptyAssets.d.ts} +0 -0
- /package/dist/admin/src/components/FolderCard/FolderCardBodyAction/{index.d.ts → FolderCardBodyAction.d.ts} +0 -0
- /package/dist/admin/src/components/TableList/{index.d.ts → TableList.d.ts} +0 -0
- /package/dist/admin/src/components/UploadProgress/{index.d.ts → UploadProgress.d.ts} +0 -0
- /package/dist/admin/src/hooks/utils/{rename-keys.d.ts → renameKeys.d.ts} +0 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { useNotification, useFetchClient,
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Page, useNotification, useFetchClient, Layouts } from "@strapi/admin/strapi-admin";
|
|
4
4
|
import { Button, Flex, Box, Typography, Grid, Field, Toggle } from "@strapi/design-system";
|
|
5
5
|
import { Check } from "@strapi/icons";
|
|
6
6
|
import isEqual from "lodash/isEqual";
|
|
7
7
|
import { useIntl } from "react-intl";
|
|
8
8
|
import { useQuery, useMutation } from "react-query";
|
|
9
|
-
import {
|
|
9
|
+
import { P as PERMISSIONS, g as getTrad } from "./index-DFekBoCC.mjs";
|
|
10
10
|
import "byte-size";
|
|
11
11
|
import "date-fns";
|
|
12
12
|
import "qs";
|
|
@@ -29,29 +29,26 @@ const initialState = {
|
|
|
29
29
|
videoPreview: false
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
const reducer = (state, action) => (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
set(drafState, ["modifiedData", ...action.keys.split(".")], action.value);
|
|
43
|
-
break;
|
|
44
|
-
}
|
|
45
|
-
default:
|
|
46
|
-
return state;
|
|
32
|
+
const reducer = (state, action) => produce(state, (drafState) => {
|
|
33
|
+
switch (action.type) {
|
|
34
|
+
case "GET_DATA_SUCCEEDED": {
|
|
35
|
+
drafState.initialData = action.data;
|
|
36
|
+
drafState.modifiedData = action.data;
|
|
37
|
+
break;
|
|
38
|
+
}
|
|
39
|
+
case "ON_CHANGE": {
|
|
40
|
+
set(drafState, ["modifiedData", ...action.keys.split(".")], action.value);
|
|
41
|
+
break;
|
|
47
42
|
}
|
|
48
|
-
|
|
49
|
-
|
|
43
|
+
default:
|
|
44
|
+
return state;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
50
47
|
const SettingsPage = () => {
|
|
51
48
|
const { formatMessage } = useIntl();
|
|
52
49
|
const { toggleNotification } = useNotification();
|
|
53
50
|
const { get, put } = useFetchClient();
|
|
54
|
-
const [{ initialData, modifiedData }, dispatch] = useReducer(reducer, initialState, init);
|
|
51
|
+
const [{ initialData, modifiedData }, dispatch] = React.useReducer(reducer, initialState, init);
|
|
55
52
|
const { data, isLoading, refetch } = useQuery({
|
|
56
53
|
queryKey: ["upload", "settings"],
|
|
57
54
|
async queryFn() {
|
|
@@ -61,7 +58,7 @@ const SettingsPage = () => {
|
|
|
61
58
|
return data2;
|
|
62
59
|
}
|
|
63
60
|
});
|
|
64
|
-
|
|
61
|
+
React.useEffect(() => {
|
|
65
62
|
if (data) {
|
|
66
63
|
dispatch({
|
|
67
64
|
type: "GET_DATA_SUCCEEDED",
|
|
@@ -70,21 +67,24 @@ const SettingsPage = () => {
|
|
|
70
67
|
}
|
|
71
68
|
}, [data]);
|
|
72
69
|
const isSaveButtonDisabled = isEqual(initialData, modifiedData);
|
|
73
|
-
const { mutateAsync, isLoading:
|
|
74
|
-
async
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
onSuccess() {
|
|
78
|
-
refetch();
|
|
79
|
-
toggleNotification({
|
|
80
|
-
type: "success",
|
|
81
|
-
message: formatMessage({ id: "notification.form.success.fields" })
|
|
82
|
-
});
|
|
70
|
+
const { mutateAsync, isLoading: isSubmitting } = useMutation(
|
|
71
|
+
async (body) => {
|
|
72
|
+
const { data: data2 } = await put("/upload/settings", body);
|
|
73
|
+
return data2;
|
|
83
74
|
},
|
|
84
|
-
|
|
85
|
-
|
|
75
|
+
{
|
|
76
|
+
onSuccess() {
|
|
77
|
+
refetch();
|
|
78
|
+
toggleNotification({
|
|
79
|
+
type: "success",
|
|
80
|
+
message: formatMessage({ id: "notification.form.success.fields" })
|
|
81
|
+
});
|
|
82
|
+
},
|
|
83
|
+
onError(err) {
|
|
84
|
+
console.error(err);
|
|
85
|
+
}
|
|
86
86
|
}
|
|
87
|
-
|
|
87
|
+
);
|
|
88
88
|
const handleSubmit = async (e) => {
|
|
89
89
|
e.preventDefault();
|
|
90
90
|
if (isSaveButtonDisabled) {
|
|
@@ -92,7 +92,9 @@ const SettingsPage = () => {
|
|
|
92
92
|
}
|
|
93
93
|
await mutateAsync(modifiedData);
|
|
94
94
|
};
|
|
95
|
-
const handleChange = ({
|
|
95
|
+
const handleChange = ({
|
|
96
|
+
target: { name, value }
|
|
97
|
+
}) => {
|
|
96
98
|
dispatch({
|
|
97
99
|
type: "ON_CHANGE",
|
|
98
100
|
keys: name,
|
|
@@ -119,7 +121,7 @@ const SettingsPage = () => {
|
|
|
119
121
|
Button,
|
|
120
122
|
{
|
|
121
123
|
disabled: isSaveButtonDisabled,
|
|
122
|
-
loading:
|
|
124
|
+
loading: isSubmitting,
|
|
123
125
|
type: "submit",
|
|
124
126
|
startIcon: /* @__PURE__ */ jsx(Check, {}),
|
|
125
127
|
size: "S",
|
|
@@ -157,7 +159,7 @@ const SettingsPage = () => {
|
|
|
157
159
|
/* @__PURE__ */ jsx(
|
|
158
160
|
Toggle,
|
|
159
161
|
{
|
|
160
|
-
checked: modifiedData
|
|
162
|
+
checked: modifiedData?.responsiveDimensions,
|
|
161
163
|
offLabel: formatMessage({
|
|
162
164
|
id: "app.components.ToggleCheckbox.off-label",
|
|
163
165
|
defaultMessage: "Off"
|
|
@@ -193,7 +195,7 @@ const SettingsPage = () => {
|
|
|
193
195
|
/* @__PURE__ */ jsx(
|
|
194
196
|
Toggle,
|
|
195
197
|
{
|
|
196
|
-
checked: modifiedData
|
|
198
|
+
checked: modifiedData?.sizeOptimization,
|
|
197
199
|
offLabel: formatMessage({
|
|
198
200
|
id: "app.components.ToggleCheckbox.off-label",
|
|
199
201
|
defaultMessage: "Off"
|
|
@@ -229,7 +231,7 @@ const SettingsPage = () => {
|
|
|
229
231
|
/* @__PURE__ */ jsx(
|
|
230
232
|
Toggle,
|
|
231
233
|
{
|
|
232
|
-
checked: modifiedData
|
|
234
|
+
checked: modifiedData?.autoOrientation,
|
|
233
235
|
offLabel: formatMessage({
|
|
234
236
|
id: "app.components.ToggleCheckbox.off-label",
|
|
235
237
|
defaultMessage: "Off"
|
|
@@ -256,7 +258,7 @@ const SettingsPage = () => {
|
|
|
256
258
|
};
|
|
257
259
|
const ProtectedSettingsPage = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.settings, children: /* @__PURE__ */ jsx(SettingsPage, {}) });
|
|
258
260
|
export {
|
|
259
|
-
|
|
260
|
-
|
|
261
|
+
ProtectedSettingsPage,
|
|
262
|
+
SettingsPage
|
|
261
263
|
};
|
|
262
|
-
//# sourceMappingURL=
|
|
264
|
+
//# sourceMappingURL=SettingsPage-DV0sB7xY.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsPage-DV0sB7xY.mjs","sources":["../../admin/src/pages/SettingsPage/init.ts","../../admin/src/pages/SettingsPage/reducer.ts","../../admin/src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import type { InitialState } from './reducer';\n\nexport const init = (initialState: InitialState) => {\n return initialState;\n};\n","import { produce } from 'immer';\nimport set from 'lodash/set';\n\nexport type InitialState = {\n initialData: {\n responsiveDimensions?: boolean;\n sizeOptimization?: boolean;\n autoOrientation?: boolean;\n videoPreview?: boolean;\n } | null;\n modifiedData: {\n responsiveDimensions?: boolean;\n sizeOptimization?: boolean;\n autoOrientation?: boolean;\n videoPreview?: boolean;\n } | null;\n};\n\ninterface ActionGetDataSucceeded {\n type: 'GET_DATA_SUCCEEDED';\n data: InitialState['initialData'];\n}\n\ninterface ActionOnChange {\n type: 'ON_CHANGE';\n keys: keyof NonNullable<InitialState['initialData']>;\n value: boolean;\n}\n\nexport type Action = ActionGetDataSucceeded | ActionOnChange;\n\nconst initialState: InitialState = {\n initialData: {\n responsiveDimensions: true,\n sizeOptimization: true,\n autoOrientation: false,\n videoPreview: false,\n },\n modifiedData: {\n responsiveDimensions: true,\n sizeOptimization: true,\n autoOrientation: false,\n videoPreview: false,\n },\n};\n\nconst reducer = (state: InitialState, action: Action) =>\n produce(state, (drafState) => {\n switch (action.type) {\n case 'GET_DATA_SUCCEEDED': {\n drafState.initialData = action.data;\n drafState.modifiedData = action.data;\n break;\n }\n case 'ON_CHANGE': {\n set(drafState, ['modifiedData', ...action.keys.split('.')], action.value);\n break;\n }\n default:\n return state;\n }\n });\n\nexport { initialState, reducer };\n","// TODO: find a better naming convention for the file that was an index file before\nimport * as React from 'react';\n\nimport { Page, useNotification, useFetchClient, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, Grid, Toggle, Typography, Field } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport isEqual from 'lodash/isEqual';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\n\nimport { UpdateSettings } from '../../../../shared/contracts/settings';\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport { init } from './init';\nimport { initialState, reducer } from './reducer';\n\nimport type { InitialState } from './reducer';\n\nexport const SettingsPage = () => {\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { get, put } = useFetchClient();\n\n const [{ initialData, modifiedData }, dispatch] = React.useReducer(reducer, initialState, init);\n\n const { data, isLoading, refetch } = useQuery({\n queryKey: ['upload', 'settings'],\n async queryFn() {\n const {\n data: { data },\n } = await get('/upload/settings');\n\n return data;\n },\n });\n\n React.useEffect(() => {\n if (data) {\n dispatch({\n type: 'GET_DATA_SUCCEEDED',\n data,\n });\n }\n }, [data]);\n\n const isSaveButtonDisabled = isEqual(initialData, modifiedData);\n\n const { mutateAsync, isLoading: isSubmitting } = useMutation<\n UpdateSettings.Response['data'],\n UpdateSettings.Response['error'],\n UpdateSettings.Request['body']\n >(\n async (body) => {\n const { data } = await put('/upload/settings', body);\n\n return data;\n },\n {\n onSuccess() {\n refetch();\n\n toggleNotification({\n type: 'success',\n message: formatMessage({ id: 'notification.form.success.fields' }),\n });\n },\n onError(err) {\n console.error(err);\n },\n }\n );\n\n const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n if (isSaveButtonDisabled) {\n return;\n }\n\n await mutateAsync(modifiedData!);\n };\n\n const handleChange = ({\n target: { name, value },\n }: {\n target: { name: keyof NonNullable<InitialState['initialData']>; value: boolean };\n }) => {\n dispatch({\n type: 'ON_CHANGE',\n keys: name,\n value,\n });\n };\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n return (\n <Page.Main tabIndex={-1}>\n <Page.Title>\n {formatMessage({\n id: getTrad('page.title'),\n defaultMessage: 'Settings - Media Libray',\n })}\n </Page.Title>\n <form onSubmit={handleSubmit}>\n <Layouts.Header\n title={formatMessage({\n id: getTrad('settings.header.label'),\n defaultMessage: 'Media Library',\n })}\n primaryAction={\n <Button\n disabled={isSaveButtonDisabled}\n loading={isSubmitting}\n type=\"submit\"\n startIcon={<Check />}\n size=\"S\"\n >\n {formatMessage({\n id: 'global.save',\n defaultMessage: 'Save',\n })}\n </Button>\n }\n subtitle={formatMessage({\n id: getTrad('settings.sub-header.label'),\n defaultMessage: 'Configure the settings for the Media Library',\n })}\n />\n <Layouts.Content>\n <Layouts.Root>\n <Flex direction=\"column\" alignItems=\"stretch\" gap={12}>\n <Box background=\"neutral0\" padding={6} shadow=\"filterShadow\" hasRadius>\n <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n <Flex>\n <Typography variant=\"delta\" tag=\"h2\">\n {formatMessage({\n id: getTrad('settings.blockTitle'),\n defaultMessage: 'Asset management',\n })}\n </Typography>\n </Flex>\n <Grid.Root gap={6}>\n <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n <Field.Root\n hint={formatMessage({\n id: getTrad('settings.form.responsiveDimensions.description'),\n defaultMessage:\n 'Enabling this option will generate multiple formats (small, medium and large) of the uploaded asset.',\n })}\n name=\"responsiveDimensions\"\n >\n <Field.Label>\n {formatMessage({\n id: getTrad('settings.form.responsiveDimensions.label'),\n defaultMessage: 'Responsive friendly upload',\n })}\n </Field.Label>\n <Toggle\n checked={modifiedData?.responsiveDimensions}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Off',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'On',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'responsiveDimensions', value: e.target.checked },\n });\n }}\n />\n <Field.Hint />\n </Field.Root>\n </Grid.Item>\n <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n <Field.Root\n hint={formatMessage({\n id: getTrad('settings.form.sizeOptimization.description'),\n defaultMessage:\n 'Enabling this option will reduce the image size and slightly reduce its quality.',\n })}\n name=\"sizeOptimization\"\n >\n <Field.Label>\n {formatMessage({\n id: getTrad('settings.form.sizeOptimization.label'),\n defaultMessage: 'Size optimization',\n })}\n </Field.Label>\n <Toggle\n checked={modifiedData?.sizeOptimization}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Off',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'On',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'sizeOptimization', value: e.target.checked },\n });\n }}\n />\n <Field.Hint />\n </Field.Root>\n </Grid.Item>\n <Grid.Item col={6} s={12} direction=\"column\" alignItems=\"stretch\">\n <Field.Root\n hint={formatMessage({\n id: getTrad('settings.form.autoOrientation.description'),\n defaultMessage:\n 'Enabling this option will automatically rotate the image according to EXIF orientation tag.',\n })}\n name=\"autoOrientation\"\n >\n <Field.Label>\n {formatMessage({\n id: getTrad('settings.form.autoOrientation.label'),\n defaultMessage: 'Auto orientation',\n })}\n </Field.Label>\n <Toggle\n checked={modifiedData?.autoOrientation}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'Off',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'On',\n })}\n onChange={(e) => {\n handleChange({\n target: { name: 'autoOrientation', value: e.target.checked },\n });\n }}\n />\n <Field.Hint />\n </Field.Root>\n </Grid.Item>\n </Grid.Root>\n </Flex>\n </Box>\n </Flex>\n </Layouts.Root>\n </Layouts.Content>\n </form>\n </Page.Main>\n );\n};\n\nexport const ProtectedSettingsPage = () => (\n <Page.Protect permissions={PERMISSIONS.settings}>\n <SettingsPage />\n </Page.Protect>\n);\n"],"names":["initialState","data"],"mappings":"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"}
|