Condition inside Array type field

eustachi012 months ago

2

        ...
        name: "endDate",
        type: "date",
        admin: {
            condition: (data) => {
                let result = false;
                for (let i = 0; i < data?.array?.length; i++) {
                    if (data?.array?.[i]?.duration === "limitedTime") {
                        result = true;
                    }
                }
                return result;
            },
        }
        ...

        admin: {
            condition: (data, siblingData) => {
                return siblingData?.duration === "limitedTime";
            },
        },

• 

  brianjm12 months ago

  I found this seeking an answer to a similar question. In my case, I'm trying to hide a checkbox field in an array where only one row checkbox can be checked/shown. For example:

  
  
  

  I have an array of phone numbers. All have a "primary" checkbox but only one can be checked (in the entire array). If one is checked, I want to hide all "primary" checkboxes that are not checked. If I have 4 phone numbers, only one can be the primary.

  
  
  

  Any ideas? All I can come up so far is using a hook but I'd like to control the display.

  
  

  
  

  I resolved my question with the following

  condition

  :

  
  
  

  // src/fields/checkbox/index.ts
  
  import { CheckboxField } from 'payload/types'
  
  export const primaryCheckboxField: CheckboxField = {
    name: 'primary', // required
    type: 'checkbox', // required
    label: 'Primary',
    defaultValue: false,
    admin: {
      condition: (data, siblingData, { user }) => {
        const phones = data?.phones || [],
              row = {
                id: siblingData?.id,
                primary: siblingData?.primary,
              }
        let show = true
        
        // Current row; primary is checked
        if (row.primary) return true
  
        // Another array item is checked
        phones.some(item => {
          if (
            row.id !== item.id &&   // Not current row
            item.primary            // Primary is checked
          ) {
            show = false
            return true
          }
        })
  
        return show
      },
    }
  }

• 

  eustachi012 months ago

  Hey @BrianJM I've just seen this. Great that you solved your particular use case. Thanks for sharing the answer.