AttrPermAccessControl

AttrPermAccessControl is used to conditionally render other components (which we call access-controlled components) based on a single entity attribute permission.

Use this component either by wrapping access-controlled components in it:

<AttrPermAccessControl entityName='scr$Car' attrName='manufacturer' requiredAttrPerm='VIEW'>
  <button>Do Something</button>
</AttrPermAccessControl>

or by providing a render prop:

<AttrPermAccessControl entityName='scr$Car'
                       attrName='manufacturer'
                       requiredAttrPerm='VIEW'
                       render={disabled => <button disabled={disabled}>Do Something</button>}
/>

If both are provided, render prop takes precedence.

In either example the button will only be shown when a user has at least a read-only permission on attribute manufacturer of scr$Car entity.

Instead of hiding the access-controlled components you can specify to render them as disabled by setting mode prop to disable. If mode is disable:

  • If render prop is used, it will receive true as its disabled parameter.

  • Otherwise a prop with name disabled (can be configured via disabledPropName prop) and value true (can be configured via disabledPropValue prop) will be passed to each child.

API: AttrPermAccessControlProps

See also: