How to obtain all fields values in plugin?

Gayrat · April 13, 2021, 9:07am

System Information

Strapi Version: 3.5.4
Operating System:
Database:
Node Version:
NPM Version:
Yarn Version:

Hello, I’m writing a plugin with a custom type field.
To do it I’m simply creating new plugin, make components directory and write a new component.
All is working - but I’m need to obtain values from all strapi fields in my component.

For example - I’m need to obtain Name value (=asd)
I’m see strapi source and see - that all components wrapped to EditViewDataManagerProvider

I’m try:

import useDataManager from "strapi-plugin-content-manager/admin/src/hooks/useDataManager";
const dataManager = useDataManager();

But dataManager is undefined.

I’m try redux:

import { useSelector } from "react-redux";
const data2 = useSelector((state) => state);
  console.log("useSelector : ", data2);

but data2 don’t contain any values from another fields.

My attempts in 05_01_debug branch.
File:

github.com

Ulibka68/strapi-plugin-ColorPicker/blob/f92613fa966f29da0a43ea4348ab54954623aa20/plugins/colorpicker/admin/src/components/treeSelect/index.js#L34

    
      
          const treeDataSimpleMode = {
            id: "key",
            rootPId: 0,
          };
          
          
const TreeCheckbox = (props) => {
            const [state, setState] = useState({
              value: [],
              simpleTreeData: simpleTreeDataInitial,
            });
            const dataManager = useDataManager();
            // result undefined
            console.log("TreeCheckbox constructor dataManager : ", dataManager);
          
          
  // const data2 = useSelector((state) => state["content-manager_main"]);
            const data2 = useSelector((state) => state);
            console.log("useSelector : ", data2);
          
          
  console.log("TreeCheckbox props label : ", props.label, props.gayrat);
          
          
  const onChange = (value) => {

I need to realize “conditional field” - that value depends on over fields.
Please, advise me on how I can obtain the values of another field.

Gayrat · April 16, 2021, 6:07am

I was able to access the content of all fields using this technic:
Copy original strapi Inputs component from strapi-plugin-content-manager to :
extensions/content-manager/admin/src/components/Inputs/index.js

Add at the top Inputs/index.js

import EditViewDataManagerContext from "../../contexts/EditViewDataManager";

before return write:
const context = React.useContext(EditViewDataManagerContext);

and pass to InputsIndex props this data:

 contextData={{
          modifiedData: context.modifiedData,
          initialData: context.initialData,
        }}

I’m try to use this technic in my plugin component:
plugins/colorpicker/admin/src/components/colorPicker/index.js
But after call this code inside local plugin:

const context = React.useContext(EditViewDataManagerContext);

I’m recieve : context is undefined.

Can anybody, please, explain to me why components in local plugin don’t access EditViewDataManagerContext ?

github.com

Ulibka68/strapi-plugin-ColorPicker/blob/08_context_try2/extensions/content-manager/admin/src/components/Inputs/index.js#L219

    
      
                  isUserAllowedToReadField={isUserAllowedToReadField}
                  name={keys}
                  queryInfos={queryInfos}
                  value={value}
                />
              </div>
            );
          }
          
          
if (keys === "color") {
            const context = React.useContext(EditViewDataManagerContext);
            // console.log("Inputs modifiedData : ", context.modifiedData);
            // console.log("Inputs initialData : ", context.initialData);
          
          
  return (
              <InputsIndex
                {...metadatas}
                autoComplete="new-password"
                autoFocus={autoFocus}
                disabled={shouldDisableField}
                error={errorMessage}

aminta · July 2, 2021, 5:55pm

In extensions/content-manager/admin/src/components/RepeatableComponent/DraggedItem/index.js I get the value of the field with const value = get(modifiedData, keys, null);

Where:

modifiedData is const {modifiedData} = useDataManager();
keys is const keys = ${componentFieldName}.${name};
and obviously get is from lodash.

aminta · July 23, 2021, 2:49pm

Ok, I’ve noticed now that you want to get all fields data when you’re in a plugin.

There’s a hook for that:

import { useContentManagerEditViewDataManager } from 'strapi-helper-plugin';

const { modifiedData } = useContentManagerEditViewDataManager()

    useEffect(() => {
        console.log(modifiedData.changedFieldValue)

    }, [modifiedData])