yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-26 00:39:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

added code comments

Browse Source
This commit is contained in:
Damián Paranič 2023-06-26 12:37:27 +02:00
parent 0e26a36dc4
commit a757f0ffc7
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/core/helper-plugin/src/hooks/useSelectionState/index.js
View File

@ -35,11 +35,13 @@ export const useSelectionState = (keys, initialValue) => {
};
const selectMultiple = (nextSelections) => {
setSelections([
...selections,
setSelections((currSelections) => [
// already selected items
...currSelections,
// filter out already selected items from nextSelections
...nextSelections.filter(
(nextSelection) =>
selections.findIndex((currentSelection) =>
currSelections.findIndex((currentSelection) =>
keys.every((key) => currentSelection[key] === nextSelection[key])
) === -1
),
@ -47,8 +49,9 @@ export const useSelectionState = (keys, initialValue) => {
};
const deselectMultiple = (nextSelections) => {
setSelections([
...selections.filter(
setSelections((currSelections) => [
// filter out items in currSelections that are in nextSelections
...currSelections.filter(
(currentSelection) =>
nextSelections.findIndex((nextSelection) =>
keys.every((key) => currentSelection[key] === nextSelection[key])

4
packages/core/helper-plugin/src/hooks/useSelectionState/useSelectionState.stories.mdx
View File

@ -14,7 +14,7 @@ This hook is used in order to facilitate the select / partial selection of a glo
import { useSelectionState } from '@strapi/helper-plugin';
const Modal = ({ onToggle, isOpen }) => {
const [selectedAssets, { selectOne, selectAll, selectOnly, setSelections }] = useSelectionState(
const [selectedAssets, { selectOne, selectAll, selectOnly, selectMultiple, deselectMultiple, setSelections }] = useSelectionState(
['id'], // This are the comparaison attribute names
[]
);
@ -24,6 +24,8 @@ const Modal = ({ onToggle, isOpen }) => {
// selectOne({ id: 1 name: 'Hello' }) add the object to the selection list
// selectOnly({ id: 1 name: 'Hello' }) add the object to the selection list and remove every others in the list
// selectAll(assets) select all or remove all
// selectMultiple(assets) add the objects to the selection list - does not change already selected objects
// deselectMultiple(assets) remove the objects from the selection list - does not change already selected objects
// setSelections(): regular state used in react
return (

1
packages/core/upload/admin/src/components/AssetDialog/index.js
View File

@ -108,6 +108,7 @@ export const AssetDialog = ({
return undefined;
}
// selected files in current folder
const alreadySelected = allowedAssets.filter(
(asset) => selectedAssets.findIndex((selectedAsset) => selectedAsset.id === asset.id) !== -1
);