Merge pull request #13486 from strapi/features/ML-folder-prop-types

ML: Fix various prop-types errors
This commit is contained in:
Gustav Hansen 2022-06-07 14:06:10 +01:00 committed by GitHub
commit c6d7bef561
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 10 additions and 8 deletions

View File

@ -130,7 +130,7 @@ UploadingAssetCard.propTypes = {
rawFile: PropTypes.instanceOf(File), rawFile: PropTypes.instanceOf(File),
type: PropTypes.oneOf(Object.values(AssetType)), type: PropTypes.oneOf(Object.values(AssetType)),
}).isRequired, }).isRequired,
folderId: PropTypes.number, folderId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
onCancel: PropTypes.func.isRequired, onCancel: PropTypes.func.isRequired,
onStatusChange: PropTypes.func.isRequired, onStatusChange: PropTypes.func.isRequired,
}; };

View File

@ -108,7 +108,7 @@ export const EditAssetDialog = ({
alternativeText: asset.alternativeText ?? undefined, alternativeText: asset.alternativeText ?? undefined,
caption: asset.caption ?? undefined, caption: asset.caption ?? undefined,
parent: { parent: {
value: activeFolderId ?? null, value: activeFolderId ?? undefined,
label: label:
findRecursiveFolderByValue(folderStructure, activeFolderId)?.label ?? findRecursiveFolderByValue(folderStructure, activeFolderId)?.label ??
folderStructure[0].label, folderStructure[0].label,

View File

@ -54,7 +54,9 @@ export const EditFolderDialog = ({ onClose, folder, parentFolderId }) => {
const initialFormData = !folderStructureIsLoading && { const initialFormData = !folderStructureIsLoading && {
name: folder?.name ?? undefined, name: folder?.name ?? undefined,
parent: { parent: {
value: parentFolderId ? parseInt(parentFolderId, 10) : folderStructure[0].value, /* ideally we would use folderStructure[0].value, but since it is null
react complains about rendering null as field value */
value: parentFolderId ? parseInt(parentFolderId, 10) : undefined,
label: parentFolderId label: parentFolderId
? findRecursiveFolderByValue(folderStructure, parseInt(parentFolderId, 10))?.label ? findRecursiveFolderByValue(folderStructure, parseInt(parentFolderId, 10))?.label
: folderStructure[0].label, : folderStructure[0].label,
@ -291,5 +293,5 @@ EditFolderDialog.defaultProps = {
EditFolderDialog.propTypes = { EditFolderDialog.propTypes = {
folder: FolderDefinition, folder: FolderDefinition,
onClose: PropTypes.func.isRequired, onClose: PropTypes.func.isRequired,
parentFolderId: PropTypes.number, parentFolderId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
}; };

View File

@ -50,12 +50,12 @@ const Option = ({ children, data, selectProps, ...props }) => {
}; };
Option.propTypes = { Option.propTypes = {
children: PropTypes.arrayOf(PropTypes.element).isRequired, children: PropTypes.node.isRequired,
data: PropTypes.object.isRequired, data: PropTypes.object.isRequired,
onToggle: PropTypes.func.isRequired, onToggle: PropTypes.func.isRequired,
selectProps: PropTypes.shape({ selectProps: PropTypes.shape({
maxDisplayDepth: PropTypes.number, maxDisplayDepth: PropTypes.number,
openValues: PropTypes.arrayOf([PropTypes.string, PropTypes.number]), openValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
onOptionToggle: PropTypes.func, onOptionToggle: PropTypes.func,
}).isRequired, }).isRequired,
}; };

View File

@ -171,7 +171,7 @@ PendingAssetStep.defaultProps = {
PendingAssetStep.propTypes = { PendingAssetStep.propTypes = {
addUploadedFiles: PropTypes.func, addUploadedFiles: PropTypes.func,
assets: PropTypes.arrayOf(AssetDefinition).isRequired, assets: PropTypes.arrayOf(AssetDefinition).isRequired,
folderId: PropTypes.number, folderId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
onClose: PropTypes.func.isRequired, onClose: PropTypes.func.isRequired,
onEditAsset: PropTypes.func.isRequired, onEditAsset: PropTypes.func.isRequired,
onRemoveAsset: PropTypes.func.isRequired, onRemoveAsset: PropTypes.func.isRequired,

View File

@ -133,7 +133,7 @@ UploadAssetDialog.defaultProps = {
UploadAssetDialog.propTypes = { UploadAssetDialog.propTypes = {
addUploadedFiles: PropTypes.func, addUploadedFiles: PropTypes.func,
folderId: PropTypes.number, folderId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
initialAssetsToAdd: PropTypes.arrayOf(AssetDefinition), initialAssetsToAdd: PropTypes.arrayOf(AssetDefinition),
onClose: PropTypes.func.isRequired, onClose: PropTypes.func.isRequired,
trackedLocation: PropTypes.string, trackedLocation: PropTypes.string,