feat: Input Types

[zngly-vlad]

This issue is regarding improvements to the graphql-acf-mutations custom implementation.

Given:

const SocialLinksQuery = graphql`
    fragment SocialLinks_Fragment on ZnglyInfo {
        znglyInfo {
            socialLinks {
                facebookLink
                instagramLink
                linkedinLink
                pinterestLink
                vimeoLink
                twitterLink
                youtubeLink
            }
            socialToggle
        }
    }
`;

const SocialLinksMutation = graphql`
mutation SocialLinks_Mutation(
    $id: ID!,
    $socialToggle: [String],
    $facebookLink: String,
    $instagramLink: String,
    $linkedinLink: String,
    $pinterestLink: String,
    $vimeoLink: String,
    $twitterLink: String,
    $youtubeLink: String,
    )
    {
    updateZnglyInfo(
        input: {
            id: $id,
            socialToggle: $socialToggle,
            socialLinks: {facebookLink: $facebookLink, instagramLink: $instagramLink, linkedinLink: $linkedinLink, pinterestLink: $pinterestLink, twitterLink: $twitterLink, vimeoLink: $vimeoLink, youtubeLink: $youtubeLink}
        } ) {
        znglyInfo {
            znglyInfo {
                socialLinks {
                    facebookLink
                    instagramLink
                    linkedinLink
                    pinterestLink
                    vimeoLink
                    twitterLink
                    youtubeLink
                }
                socialToggle
            }
        }
    }
}
`;

The Acf fields should be grouped into an Input Type.

const SocialLinksMutation = graphql`
    mutation SocialLinks_Mutation($id: ID!, $ZnglyInfoAcfInput: [String]) {
        updateZnglyInfo(input: { id: $id, acf: $ZnglyInfoAcfInput }) {
            znglyInfo {
                ...SocialLinks_Fragment
            }
        }
    }
`;

This would

• reduce bloat input fields
• point all the acf inputs to a single entry point: acf
• avoid duplicate acf field key and original input keys

input: {
    id,
    title,
    acf: {
        acf_field_here,
        etc...
    }
}